:root{--brand: #E37315;--brand-dark: #b85807;--brand-soft: #fff3e6;--bg: #f3f4f6;--card: #ffffff;--border: #e2e5ea;--border-strong: #cbd0d8;--text: #1f2328;--muted: #5b6573;--primary: #E37315;--primary-hover: #b85807;--danger: #dc2626;--success: #16a34a;--link: #b85807;--field-bg: #f8f9fb;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .08);--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Helvetica Neue,Hiragino Sans,BIZ UDPGothic,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--card);border-bottom:1px solid var(--border);padding:.85rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.header-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit}.header-logo{width:38px;height:38px;border-radius:8px;display:block;flex:0 0 38px}.header h1{font-size:1.1rem;margin:0;font-weight:600;letter-spacing:.01em}.header h1 .header-sub{display:block;font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:.04em;margin-top:1px}.container{flex:1;padding:2rem 1.5rem;max-width:1080px;margin:0 auto;width:100%}.narrow-shell{max-width:540px;margin:0 auto;width:100%}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}h2{margin-top:0;margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;letter-spacing:.005em}label{display:block;margin-bottom:1rem}label>span{display:block;font-size:.85rem;color:var(--text);font-weight:500;margin-bottom:.35rem}input[type=email],input[type=password],input[type=text],input[type=tel],input[type=number],input[type=date],select,textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border-strong);border-radius:6px;font-size:1rem;font-family:inherit;background:var(--field-bg);color:var(--text);transition:border-color .15s,box-shadow .15s,background-color .15s}input:focus,select:focus,textarea:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #e373152e}textarea{min-height:4rem;resize:vertical}button{background:var(--primary);color:#fff;border:1px solid var(--primary);padding:.7rem 1.4rem;border-radius:6px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;width:100%;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{background:#fff;color:var(--text);border:1px solid var(--border-strong);font-weight:500}button.secondary:hover:not(:disabled){background:var(--brand-soft);border-color:var(--primary);color:var(--primary-hover)}button.danger{background:#fff;color:var(--danger);border:1px solid var(--danger);font-weight:500}button.danger:hover:not(:disabled){background:var(--danger);color:#fff}button.inline{width:auto;padding:.4rem .9rem;font-size:.85rem}.msg-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.7rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.92rem}.msg-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.7rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.92rem}.msg-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:.7rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.92rem}.links{text-align:center;margin-top:1.5rem;font-size:.9rem}.links a{color:var(--link);text-decoration:none;margin:0 .6rem;font-weight:500}.links a:hover{text-decoration:underline}.footer{padding:1.2rem 2rem;text-align:center;color:var(--muted);font-size:.8rem;border-top:1px solid var(--border);background:var(--card)}.profile{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:.55rem 1.2rem;padding:1rem 1.1rem;background:var(--field-bg);border:1px solid var(--border);border-radius:8px}.profile dt{font-size:.85rem;color:var(--muted);font-weight:500;margin:0;align-self:center}.profile dd{margin:0;font-size:.98rem;align-self:center}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:.75rem}.page-header h2{margin:0}.detail-block{margin-bottom:1.75rem}.detail-block h3,.card>h3{font-size:.95rem;font-weight:600;color:var(--text);margin:0 0 .65rem;padding:.35rem 0 .35rem .7rem;border-left:3px solid var(--primary);letter-spacing:.02em}.table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.table th,.table td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--border)}.table tbody tr:last-child td,.table tfoot tr:last-child td{border-bottom:none}.table thead th{background:var(--field-bg);color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tfoot td{background:var(--field-bg)}.list{list-style:none;padding:0;margin:0}.list>li{padding:1rem 0;border-bottom:1px solid var(--border)}.list>li:last-child{border-bottom:none}.badge{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.02em;background:#e5e7eb;color:#374151}.badge.low-stock{background:#fef3c7;color:#b45309}.badge.status-submitted{background:#dbeafe;color:#1e40af}.badge.status-accepted{background:#dcfce7;color:#166534}.badge.status-partially_shipped{background:#e0e7ff;color:#3730a3}.badge.status-shipped{background:#d1fae5;color:#065f46}.badge.status-cancelled{background:#f3f4f6;color:#4b5563}.badge.status-rejected{background:#fee2e2;color:#991b1b}.row{display:flex;gap:1rem}.row>.col{flex:1}.link-row{display:grid;grid-template-columns:1fr auto;column-gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:8px;margin-bottom:.65rem;text-decoration:none;color:var(--text);background:var(--card);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .05s,background .15s}.link-row>*{grid-column:1;min-width:0}.link-row:hover{border-color:var(--primary);background:var(--brand-soft);box-shadow:var(--shadow-md)}.link-row:active{transform:translateY(1px)}.link-row:after{content:"›";color:var(--primary);font-size:1.4rem;line-height:1;grid-column:2;grid-row:1 / -1;align-self:center;transition:transform .15s}.link-row:hover:after{transform:translate(3px)}.link-row strong{font-weight:600;font-size:1rem}.muted{color:var(--muted);font-size:.9rem}.address-card{padding:1rem 1.1rem;border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;background:var(--card);box-shadow:var(--shadow-sm)}.address-card .actions{display:flex;gap:.5rem;margin-top:.7rem}.address-card .actions button{flex:0 0 auto}.admin-nav{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;margin-bottom:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;box-shadow:var(--shadow-sm);flex-wrap:wrap}.admin-nav a{display:inline-block;padding:.45rem .9rem;color:var(--text);text-decoration:none;font-weight:500;border-radius:6px;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.admin-nav a:hover{background:var(--brand-soft);color:var(--primary-hover);border-color:var(--primary)}.admin-nav-spacer{flex:1}.admin-nav .muted{font-size:.85rem;padding:0 .5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.5rem}.stat-card{display:block;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:inherit;background:var(--card);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.stat-label{font-size:.88rem;color:var(--muted);font-weight:500}.stat-value{margin-top:.4rem;font-size:1.85rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.tab-row{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1.25rem;background:var(--card);border:1px solid var(--border);padding:.3rem;border-radius:8px;width:fit-content}.tab-btn{width:auto;padding:.45rem .95rem;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}.tab-btn:hover:not(:disabled){background:var(--brand-soft);color:var(--primary-hover)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-btn.active:hover:not(:disabled){background:var(--primary-hover)}.action-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.7rem;align-items:center}.action-row button,.action-row a{width:auto}.action-row>a:not(.link-row){display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1rem;background:#fff;color:var(--text);text-decoration:none;border:1px solid var(--border-strong);border-radius:6px;font-size:.92rem;font-weight:500;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,color .15s}.action-row>a:not(.link-row):hover{border-color:var(--primary);background:var(--brand-soft);color:var(--primary-hover)}.preview-box{border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;background:var(--field-bg)}.preview-subject{border-bottom:1px solid var(--border);padding-bottom:.6rem;margin-bottom:.8rem;font-weight:600}.preview-body{font-family:ui-monospace,monospace;white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:.92rem;line-height:1.6}code{background:#eef0f3;padding:.1rem .4rem;border-radius:4px;font-size:.88em;font-family:ui-monospace,monospace}.faq-body .faq-heading{margin:1.6rem 0 .6rem;padding-bottom:.3rem;border-bottom:1px solid var(--border);font-size:1.05rem}.faq-body .faq-heading:first-child{margin-top:0}.faq-body .faq-para{margin:0 0 1rem;white-space:normal;word-break:break-word}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.header{padding:.65rem 1rem}.header-logo{width:32px;height:32px;flex-basis:32px}.header h1{font-size:1rem}.header h1 .header-sub{font-size:.68rem}.container{padding:.6rem 0;max-width:100%}.narrow-shell{max-width:100%;padding:0}.card{padding:1.2rem .95rem;border-radius:0;border-left:none;border-right:none;margin-bottom:.5rem;box-shadow:none}h2{font-size:1.2rem;margin-bottom:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-nav{padding:.4rem .5rem;gap:.25rem;flex-wrap:wrap;font-size:.88rem;border-radius:0;border-left:none;border-right:none}.admin-nav a{padding:.4rem .7rem}.admin-nav-spacer{display:none}.admin-nav .muted{width:100%;font-size:.78rem;padding:.3rem 0 0;border-top:1px solid var(--border);margin-top:.2rem}.row{flex-direction:column;gap:.3rem}.tab-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.3rem;margin-bottom:.8rem;width:100%}.tab-btn{flex:0 0 auto;white-space:nowrap}.action-row{flex-direction:column;align-items:stretch}.action-row button,.action-row>a:not(.link-row){width:100%;justify-content:center}.table th,.table td{padding:.5rem;font-size:.88rem}.stat-value{font-size:1.55rem}.stat-card{padding:.9rem}.address-card .actions{flex-wrap:wrap}.profile{grid-template-columns:1fr;gap:.15rem;padding:.85rem .9rem}.profile dt{margin-top:.5rem}.profile dt:first-child{margin-top:0}textarea{font-size:.95rem}.preview-body{white-space:pre-wrap;word-break:break-word;font-size:.85rem}}