:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-border: #d9dde3;--color-text: #1c2128;--color-text-muted: #5c6673;--color-primary: #2f6fed;--color-primary-hover: #1f57cc;--color-danger: #c4291d;--color-danger-bg: #fdecea;--color-success-bg: #e7f6ec;--color-success-text: #1c6b32;--color-pending-bg: #fff6e0;--color-pending-text: #8a6100;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg)}@media (prefers-color-scheme: dark){:root{--color-bg: #14171c;--color-surface: #1c2027;--color-border: #2c323b;--color-text: #e7eaee;--color-text-muted: #9aa4b2;--color-primary: #5b8def;--color-primary-hover: #7ba0f2;--color-danger: #ff6b60;--color-danger-bg: #3a1f1c;--color-success-bg: #17301f;--color-success-text: #5fd67f;--color-pending-bg: #362c10;--color-pending-text: #f0c34d}}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1{font-size:1.6em;margin:0 0 1rem}h2{font-size:1.2em}a{color:var(--color-primary)}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-brand{font-weight:600}.app-nav{display:flex;gap:1rem;flex:1}.app-nav a{text-decoration:none;color:var(--color-text-muted);padding:.25rem 0;border-bottom:2px solid transparent}.app-nav a.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.app-main{max-width:960px;margin:0 auto;padding:1.5rem}.page-loading{padding:2rem;text-align:center;color:var(--color-text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.auth-card{max-width:420px;margin:3rem auto;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}form{display:flex;flex-direction:column}.form-card{max-width:480px;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem}label{font-size:.85em;font-weight:500;margin:.75rem 0 .25rem}input,select,textarea{padding:.55em .7em;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1em;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}input:disabled{opacity:.7}textarea{min-height:5rem;resize:vertical}.field-hint{font-size:.8em;color:var(--color-text-muted);margin:.25rem 0 0}.field-error{font-size:.8em;color:var(--color-danger);margin:.25rem 0 0}button,.button{display:inline-block;align-self:flex-start;margin-top:1.25rem;padding:.6em 1.4em;border-radius:8px;border:none;background:var(--color-primary);color:#fff;font-size:1em;font-weight:500;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.button-link{background:none;border:none;padding:0;margin:0;color:var(--color-primary);cursor:pointer;font-size:inherit;text-decoration:underline}.image-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0 1rem}.image-thumb-wrap{position:relative;width:96px;height:96px}.image-thumb{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--color-border);display:block}.image-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;padding:0;margin:0;border-radius:50%;background:var(--color-danger);color:#fff;border:none;font-size:.9em;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.upload-button{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:.85em;text-align:center;cursor:pointer;padding:.5rem}.upload-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.logo-preview{width:160px;height:64px;object-fit:contain;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);display:block}.error-banner{background:var(--color-danger-bg);color:var(--color-danger);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.error-banner p{margin:0}.error-banner ul{margin:.5rem 0 0;padding-left:1.2rem}.banner{border-radius:8px;padding:1rem;margin-bottom:1rem}.banner-success{background:var(--color-success-bg);color:var(--color-success-text)}.banner-pending{background:var(--color-pending-bg);color:var(--color-pending-text)}.banner-pending p{margin:0 0 .5rem}.banner-pending p:last-child{margin-bottom:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.card p{margin:.25rem 0;color:var(--color-text-muted)}table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--color-border);font-size:.9em}th{color:var(--color-text-muted);font-weight:600}tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:.75rem}.order-items{margin:0;padding-left:1.2rem;color:var(--color-text-muted)}