:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;background:#f5f7fb;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:31px;letter-spacing:-1px;color:#17233a;margin-bottom:8px;font-weight:760}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:0}.muted{color:#758198}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#677eaa;margin-bottom:12px}.app{display:flex;min-height:100vh}.sidebar{width:242px;flex:0 0 242px;background:#111e35;color:#dde7f6;padding:27px 15px;display:flex;flex-direction:column;min-height:100vh}.brandlock{display:flex;gap:11px;align-items:center;padding:0 10px 39px}.logo-mark,.auth-logo{height:38px;width:38px;border-radius:11px;background:#396dec;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800}.logo-mark span,.auth-logo span{color:#84b7ff}.brandlock strong{display:block;font-size:14px;letter-spacing:-.3px}.brandlock small{display:block;font-size:10px;color:#8a9ab2;margin-top:3px}.nav-label{padding:0 16px 12px;color:#6e819f;font-size:10px;letter-spacing:1.25px;font-weight:800}.menu{display:grid;gap:6px}.menu a{display:flex;gap:13px;align-items:center;padding:13px 16px;border-radius:9px;color:#9facbf;font-size:13px;font-weight:550}.menu a span{width:19px;font-size:20px;text-align:center}.menu a:hover,.menu a.active{color:#fff;background:#243c65}.menu a.active{box-shadow:inset 3px 0 #79a5ff}.sidebar-bottom{margin-top:auto;padding:18px 12px;border-top:1px solid #2b3b55}.private-dot{font-size:11px;color:#8bb6a1}.logout{border:0;background:none;color:#a8b7cb;padding:20px 0 0;font-size:13px}.main{flex:1;min-width:0}.topbar{height:69px;background:white;border-bottom:1px solid #e7ecf4;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{font-size:11px;font-weight:750;color:#73829a;letter-spacing:.65px}.breadcrumbs span{padding:0 10px;color:#bdc7d5}.user-chip{display:flex;align-items:center;gap:10px;color:#607087;font-size:12px}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dce7fe;color:#3666cb;font-weight:800}.content{max-width:1720px;margin:0 auto;padding:35px 38px 70px}.headrow{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.headrow p{margin:0}.btn{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:38px;padding:0 15px;font-weight:680;font-size:12px;transition:background .15s}.btn.primary{background:#315fe5;border-color:#315fe5;color:#fff}.btn.primary:hover{background:#244bcc}.btn.secondary{color:#46566e;background:white;border-color:#dce3ee}.btn.secondary:hover{background:#f5f8ff}.btn.ghost{background:transparent;color:#64748b}.btn.danger{color:#af3547;background:#fff2f3;border-color:#f5d4db}.btn.danger:hover{background:#ffe3e8}.btn.full{width:100%;min-height:44px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:27px}.stat{padding:24px 24px 21px;background:#fff;border-radius:11px;border:1px solid #e8edf5}.stat-label{color:#8793a9;font-weight:800;font-size:10px;letter-spacing:1.1px}.stat-value{font-size:32px;font-weight:790;letter-spacing:-1px;color:#1b2d4c;margin:15px 0 8px}.stat-value.stat-date{font-size:22px;letter-spacing:-.5px;margin-top:19px}.stat-foot{font-size:12px;color:#8b97a7}.stat-foot a{color:#3765da}.panel,.form-panel{background:#fff;border:1px solid #e5eaf2;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(27,42,66,.02)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 24px 21px}.panel-head p{margin:7px 0 0}.count{font-size:11px;padding:4px 8px;border-radius:6px;background:#edf2fe;color:#4a6ac7;vertical-align:middle;margin-left:5px}.filterbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px 24px;background:#fafbfd;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.filterbar input,.filterbar select{border:1px solid #dfe5ef;border-radius:7px;background:#fff;padding:10px 11px;outline:none;min-height:39px;color:#32445f}.filterbar input:focus,.filterbar select:focus,.form-field input:focus,.form-field textarea:focus,.stack input:focus{border-color:#5981ed;box-shadow:0 0 0 3px #5981ed1c}.search-field{flex:1 1 250px;display:flex;align-items:center;position:relative}.search-field span{font-size:23px;position:absolute;left:12px;color:#8492a7}.search-field input{width:100%;padding-left:35px}.filter-label{display:grid;gap:5px;font-size:10px;color:#718199;font-weight:700}.filter-label input,.filter-label select{min-width:145px}.filter-hint{font-size:11px;color:#8995a7;margin:0;padding:9px 24px}.table-scroll{overflow:auto;width:100%}.data-table{border-collapse:collapse;width:100%;min-width:1170px;text-align:left}.data-table thead{background:#f9fbfd}.data-table th{padding:14px 16px;color:#718098;font-size:10px;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;font-weight:800;border-bottom:1px solid #e8edf4}.data-table td{border-bottom:1px solid #edf0f5;padding:13px 16px;color:#59677b;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdff}.thumb{display:block;width:55px;height:55px;border:1px solid #e7ebf2;border-radius:8px;object-fit:contain;background:white}.no-image{display:grid;place-items:center;background:#f4f6fa;color:#a6b2c3;font-size:23px}.sku{font-weight:750;color:#355ad4;white-space:nowrap}.product-name{font-weight:720;min-width:185px;color:#22314b!important;line-height:1.5}.nowrap{white-space:nowrap}.price-bold{font-weight:790;color:#1f3458!important}.contents{display:inline-block;max-width:240px;min-width:100px;overflow-wrap:anywhere;line-height:1.5}.notes{display:inline-block;max-width:260px;white-space:pre-wrap;overflow-wrap:anywhere}.text-link{color:#315fe5;font-weight:720}.brand-pill{display:inline-block;border-radius:6px;padding:6px 9px;background:#f0f3f9;color:#5b6c86;font-size:11px;white-space:nowrap;font-weight:700}.empty-state{text-align:center;padding:42px!important;color:#8793a4!important}.empty-state a{color:#315fe5;font-weight:700}.panel-foot{padding:14px 23px;border-top:1px solid #ecf0f5;font-size:11px;color:#8492a6}.notice{border-radius:8px;padding:13px 17px;margin:0 0 20px;border:1px solid #c7e7d6;background:#edf9f2;color:#235c41;font-size:13px}.notice.error{border-color:#f2c9ca;background:#fff2f2;color:#a23a3a}.notice.warning{border-color:#f1dea2;background:#fff9e9;color:#8d6722}.notice ul{margin:8px 0 0;padding-left:19px}.table-actions{display:flex;gap:7px}.small-btn{min-height:32px;padding:0 10px}.form-panel{padding:29px 31px 0;max-width:980px}.form-section-heading{margin-bottom:25px}.form-section-heading h2{font-size:18px}.form-section-heading p{font-size:12px;margin:7px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 24px}.form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.form-field>span{font-size:12px;color:#34445d;font-weight:760}.form-field input,.form-field textarea{border:1px solid #dce3ed;border-radius:8px;padding:12px 13px;outline:none;background:#fff;width:100%;color:#243850}.form-field input{height:43px}.form-field textarea{resize:vertical}.form-field small{font-size:11px;line-height:1.45;color:#8895a8}.form-field.wide{grid-column:1/-1}.form-field em,.form-footer em{color:#e04b5f;font-style:normal}.section-divider{border-top:1px solid #edf0f6;padding-top:26px;margin-top:30px}.form-footer{border-top:1px solid #edf0f6;margin:31px -31px 0;padding:20px 31px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fbfcfe}.form-footer p{margin:0;font-size:11px}.form-buttons{display:flex;gap:10px}.auth-body{min-height:100vh;background:linear-gradient(140deg,#eaf0fc,#f5f7fb 55%,#e8edf8)}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px}.auth-logo{width:47px;height:47px;font-size:28px;margin-bottom:22px}.auth-card{width:100%;max-width:415px;background:#fff;border:1px solid #e1e7f2;border-radius:15px;padding:32px;box-shadow:0 20px 60px #1b2f5412}.auth-card h1{font-size:27px}.auth-card p{line-height:1.5;margin-bottom:26px}.stack{display:grid;gap:18px}.stack label{display:grid;gap:7px;font-size:12px;color:#43516a;font-weight:700}.stack input{padding:12px;border-radius:8px;border:1px solid #dce3ef;outline:none}.auth-foot{margin-top:20px;color:#8a96aa;font-size:11px}@media(max-width:1050px){.sidebar{width:205px;flex-basis:205px}.content{padding:27px 23px}.topbar{padding:0 23px}.stats{gap:10px}.stat{padding:18px}.stat-value{font-size:27px}.panel-head{flex-wrap:wrap}}@media(max-width:700px){.app{display:block}.sidebar{min-height:auto;width:100%;padding:12px;display:block}.brandlock{padding:5px 5px 13px}.nav-label,.sidebar-bottom{display:none}.menu{display:flex;overflow:auto;gap:5px}.menu a{white-space:nowrap;font-size:11px;padding:9px}.menu a span{font-size:15px;width:auto}.topbar{height:48px;padding:0 16px}.user-chip{display:none}.content{padding:24px 15px 50px}h1{font-size:25px}.headrow{align-items:flex-start;flex-wrap:wrap}.stats{grid-template-columns:1fr}.stat{padding:16px}.stat-value{margin:7px 0;font-size:26px}.panel-head,.filterbar{padding:16px}.form-panel{padding:18px 17px 0}.form-grid{grid-template-columns:1fr}.form-footer{margin:25px -17px 0;padding:17px;flex-wrap:wrap}.form-buttons{width:100%}.form-buttons .btn{flex:1}.breadcrumbs{font-size:10px}}
