:root{--bg:#fff;--surface:#fff;--surface-alt:#edf6ee;--ink:#16201a;--ink-soft:#4e5a52;--ink-faint:#808c84;--line:#d7e5d9;--primary:#24af3d;--primary-deep:#12722b;--primary-tint:#dff8e5;--accent:#1b9640;--accent-soft:#57d671;--danger:#a6324e;--shadow:0 1px 2px #141c160f, 0 8px 24px -12px #141c162e}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:var(--primary-deep)}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif}button{cursor:pointer;font-family:inherit}img{max-width:100%}.btn{border:1.5px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-soft)}.btn-accent:disabled{background:var(--line);color:var(--ink-faint);cursor:not-allowed}.btn-outline{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-deep);background:var(--primary-tint)}.btn-danger{border-color:var(--danger);color:var(--danger);background:var(--surface)}.btn-danger:hover{background:#fbeaee}.btn-small{border-radius:6px;padding:6px 12px;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:20px}.field{margin-bottom:14px}.field label{color:var(--ink-soft);margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.field input,.field select{box-sizing:border-box;border:1px solid var(--line);width:100%;height:38px;color:var(--ink);background:var(--surface);border-radius:6px;padding:9px 12px;font-family:inherit;font-size:.9rem}.field input:focus,.field select:focus{border-color:var(--primary);outline:none}.form-message{border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:.82rem;font-weight:600}.form-message-error{color:var(--danger);background:#fbeaee}.form-message-success{background:var(--primary-tint);color:var(--primary-deep)}.role-tag{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.role-tag.manager{background:var(--primary-tint);color:var(--primary-deep)}.role-tag.standard{background:var(--line);color:var(--ink-soft)}.page{max-width:1320px;margin:0 auto;padding:0 0 64px}.header{background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 32px;display:flex}.brand-row{align-items:center;gap:12px;display:flex}.brand-logo{width:auto;height:36px;display:block}.header .sub{color:var(--ink-soft);margin-top:2px;font-size:.78rem}.header-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.header .account{text-align:right;color:var(--ink-soft);font-size:.82rem}.header .account b{color:var(--ink);font-size:.9rem;display:block}.role-badge{background:var(--primary-tint);color:var(--primary-deep);border-radius:999px;margin-top:2px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.role-badge.standard{background:var(--line);color:var(--ink-soft)}.content{padding:24px 32px}.section-title{margin-bottom:4px;font-size:1.3rem}.section-desc{color:var(--ink-soft);margin:0 0 20px;font-size:.88rem}.subnav{background:var(--surface-alt);gap:6px;padding:10px 32px 10px 18px;display:flex}.subnav-link{color:var(--ink-soft);background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:.86rem;font-weight:600;text-decoration:none}.subnav-link:hover{color:var(--ink);background:#fff9}.subnav-link.active{background:var(--surface);color:var(--primary-deep);box-shadow:var(--shadow)}.order-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:12px;font-size:.86rem;overflow:hidden}.order-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);background:var(--surface-alt);white-space:nowrap;padding:12px 14px;font-size:.72rem}.order-table td{border-top:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:10px 14px}.order-table tbody tr:hover td{background:var(--surface-alt)}.card-flat{box-shadow:none;background:0 0;border:none;padding:0}.filter-pill{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;padding:7px 16px;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.filter-pill:hover{border-color:var(--primary)}.filter-pill.active{border-color:var(--accent);background:var(--primary-tint);color:var(--primary-deep)}.pill-toggle{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;text-decoration:none}.pill-toggle.active{border-color:var(--accent);background:var(--primary-tint);color:var(--primary-deep)}.link-btn{color:var(--primary-deep);background:0 0;border:none;padding:0;font-size:.84rem;font-weight:600;text-decoration:none}.link-btn:hover{text-decoration:underline}.lock-confirm-box{background:#fbeaee;border:1px solid #f0c4d0;border-radius:8px;margin-top:14px;padding:14px}.lock-confirm-box p{color:var(--danger);margin:0 0 10px;font-size:.86rem;font-weight:600}.buyer-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}@media (max-width:560px){.buyer-product-grid{grid-template-columns:1fr}}.buyer-product-grid>*{min-width:0}.buyer-list-layout{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:760px){.buyer-list-layout{grid-template-columns:1fr}}.field-dirty{outline:none;border:2px solid var(--danger)!important;background:#fbeaee!important;box-shadow:0 0 0 3px #a6324e40!important}@media (max-width:700px){.header{padding:14px 16px}.content{padding:16px}.subnav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:8px 16px;overflow-x:auto}.subnav-link{white-space:nowrap}.section-title{font-size:1.1rem}.card{padding:14px}.order-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}input,select,textarea,.field input,.field select,.field textarea{font-size:16px}.drag-handle{display:none!important}}.print-only{display:none}@media print{.no-print{display:none!important}.print-only{display:block}body{background:#fff}.content{padding:0}.order-table{font-size:.76rem;overflow:visible!important}}
