:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f7f8f6;color:#253d32;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{display:grid;place-items:center;background:#416c56;color:#fff;border-radius:10px;width:44px;height:44px;font-size:17px;font-weight:800;letter-spacing:-1px}.brand-symbol span{color:#b5d5b7}.brand>div:last-child{display:flex;flex-direction:column;gap:4px}.brand strong{font-size:12px;letter-spacing:1.9px}.brand small{font-size:8px;letter-spacing:1.65px;color:#afc7b9}.auth-background{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,#355a4b,transparent 60%),#142a25;padding:20px;position:relative}.auth-card{max-width:510px;width:100%;padding:35px 42px 44px;background:#fff;border-radius:19px;box-shadow:0 36px 100px #0d251e80}.auth-card .brand small{color:#879d91}.auth-body{padding-top:54px}.lock-icon{background:#edf5f0;color:#47745d;border:1px solid #dce9df;border-radius:12px;width:47px;height:47px;display:grid;place-items:center;font-size:26px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.45px;font-weight:800;color:#698e7a}.auth-body h1{font-size:34px;letter-spacing:-1px;margin:10px 0;color:#203f32}.auth-body p{color:#7c9082;font-size:13px;line-height:1.6}.login-form{display:flex;flex-direction:column;gap:10px;margin-top:29px}.login-form label{font-size:12px;font-weight:700;margin-top:9px}.login-form input{height:46px;border:1px solid #dae6df;padding:0 14px;border-radius:8px;outline:none;background:#fff}.login-form input:focus{border-color:#6da289;box-shadow:0 0 0 3px #ecf7ee}.primary-button{background:#1d4838;color:#fff;border:0;border-radius:8px;font-size:13px;font-weight:750;padding:14px 22px;margin-top:17px}.primary-button:hover{background:#2b654b}.auth-note{font-size:11px;color:#879d91;line-height:1.5;margin-top:27px}.auth-footer{color:#a8c0b3;font-size:9px;letter-spacing:1.8px;position:absolute;bottom:23px}.login-error,.load-error{color:#a73e3a;background:#fff1ee;border:1px solid #f2d4cb;border-radius:7px;padding:10px;font-size:12px}.application{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:#182f29;color:#f1f7f2;display:flex;flex-direction:column;gap:20px;padding:27px 18px 20px;position:sticky;top:0;height:100vh}.sidebar-label{color:#82a28f;font-weight:800;font-size:9px;letter-spacing:1.5px;margin:16px 9px 0}.workspace{display:flex;gap:9px;align-items:center;background:#27473b;border:1px solid #385749;border-radius:9px;padding:10px 9px}.workspace-letter{width:33px;height:33px;display:grid;place-items:center;color:#2f5b45;font-weight:800;background:#e9eedf;border-radius:7px;font-size:11px}.workspace>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.workspace strong{font-size:11px}.workspace small{font-size:10px;color:#afc5b7}.workspace>span{color:#a1b4a7}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{height:42px;display:flex;align-items:center;gap:12px;border-radius:8px;padding:0 11px;font-size:12px;color:#b4cbbd}.nav-link span{width:18px;text-align:center;font-size:20px}.nav-link.selected{background:#355749;color:#fff;font-weight:700}.nav-link b{margin-left:auto}.nav-link.disabled{opacity:.44}.nav-link em{margin-left:auto;font-size:9px;font-style:normal}.sidebar-bottom{margin-top:auto}.security-info{background:#223c31;border-radius:8px;padding:13px;display:flex;gap:10px;color:#b6d4bd}.security-info span{display:flex;flex-direction:column;gap:4px}.security-info strong{font-size:11px}.security-info small{font-size:10px;color:#93b39d}.account{display:flex;align-items:center;border-top:1px solid #3a5849;padding-top:18px;margin-top:15px;gap:9px}.avatar,.top-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#dcece0;color:#366447;font-size:12px;font-weight:800}.account>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.account strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.account small{font-size:10px;color:#a1bda7}.signout{background:none;border:none;color:#b8cbb9;font-size:21px}.main-area{background:#f7f8f6;min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eeea;background:#fff;padding:0 36px;color:#8a9e90;font-size:10px;font-weight:800;letter-spacing:1.25px}.topbar em{font-style:normal;margin:0 12px;color:#c2d0c6}.live-indicator{display:flex;align-items:center;gap:9px}.live-indicator i{display:block;width:7px;height:7px;background:#5aab74;border-radius:50%}.top-avatar{margin-left:14px}.content{max-width:1700px;padding:44px 35px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:36px;letter-spacing:-1.4px;margin:14px 0 9px}.page-heading p{margin:0;color:#85998a;font-size:13px}.outline-badge{color:#5e886c;border:1px solid #d4e6d9;background:#fff;padding:7px 11px;border-radius:6px;font-size:11px;height:fit-content}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid #e7ede7;border-radius:11px;padding:23px;position:relative;min-height:146px}.metric>div{font-size:10px;letter-spacing:1px;color:#93a698;font-weight:800}.metric strong{font-size:28px;display:block;margin-top:16px;color:#214533}.metric small{display:block;margin-top:7px;color:#9aac9d;font-size:11px}.metric>span{position:absolute;right:21px;top:21px;color:#c9d9cf;font-size:24px}.metric-primary{background:#224a3a;color:#fff;border-color:#224a3a}.metric-primary strong{color:#fff;font-size:36px;margin-top:11px}.metric-primary>div,.metric-primary small{color:#bbd0bf}.metric-primary>span{color:#75a88c}.list-card{background:#fff;border:1px solid #e6ede7;border-radius:12px;overflow:hidden}.card-title{padding:23px 25px;display:flex;align-items:center;justify-content:space-between}.card-title h2{font-size:16px;letter-spacing:-.2px;margin:0 0 6px}.card-title span{font-size:11px;color:#8da197}.secondary-button{border:1px solid #dce8df;border-radius:7px;background:#fff;color:#416e56;font-size:12px;font-weight:750;padding:9px 13px}.secondary-button:hover{background:#eff8f1}.search-toolbar{display:flex;align-items:center;gap:20px;padding:0 25px 16px}.searchbox{display:flex;align-items:center;border:1px solid #dce7de;border-radius:8px;padding:0 13px;height:43px;gap:9px;flex:1;max-width:650px}.searchbox span{color:#7d9a89;font-size:23px}.searchbox input{width:100%;border:none;outline:none;font-size:12px}.search-toolbar>strong{margin-left:auto;letter-spacing:1px;color:#8b9f91;font-size:9px}.filter-row{display:flex;align-items:end;gap:9px;padding:0 25px 20px;flex-wrap:wrap}.filter-row label{display:flex;flex-direction:column;gap:6px;color:#899d8f;font-size:10px;font-weight:700}.filter-row select{color:#466150;border:1px solid #e1e9e2;background:#fff;border-radius:6px;height:37px;min-width:145px;padding:0 10px;outline:none;font-size:11px}.clear-button{background:none;border:none;color:#528366;font-size:11px;font-weight:700;padding:10px}.table-wrap{overflow-x:auto}table{width:100%;min-width:1000px;border-collapse:collapse;text-align:left}thead{border-top:1px solid #eaf1eb;border-bottom:1px solid #eaf1eb;background:#f8faf8}th{font-size:9px;letter-spacing:.9px;font-weight:800;color:#91a297;padding:16px;text-align:left}td{font-size:11px;color:#65796b;padding:15px 16px;border-bottom:1px solid #f0f4ef;white-space:nowrap}th:first-child,td:first-child{padding-left:25px}tbody tr:hover{background:#f7faf7;cursor:pointer}.sku-button{border:0;background:none;color:#285f43;font-weight:800;font-size:11px}.sku-button:hover{text-decoration:underline}.product-name{display:flex;flex-direction:column;gap:5px}.product-name strong{color:#354f3e;font-size:11px}.product-name small{color:#94a89b}.status{background:#edf1ed;color:#637669;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:750}.status-active{background:#e7f5e8;color:#438654}.status-draft{background:#fff2dc;color:#a8833e}.row-arrow{border:1px solid #e4ede5;background:#fff;border-radius:6px;color:#5a9071;width:29px;height:29px}.empty{text-align:center!important;height:175px!important;color:#879a8c}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;color:#8a9d8d;font-size:11px;border-top:1px solid #edf1ee}.table-footer>div{display:flex;align-items:center;gap:8px}.table-footer button{height:30px;width:30px;background:#fff;border:1px solid #e1eae3;border-radius:5px;color:#436e50;font-size:22px}.footnote{color:#8d9f90;margin-top:21px;font-size:10px}.footnote span{float:right;font-size:9px;letter-spacing:1px}.load-error{margin:0 25px 15px}.drawer-backdrop{position:fixed;inset:0;background:#11241f9c;z-index:10;display:flex;justify-content:flex-end}.drawer{width:min(480px,100%);height:100%;background:#fff;overflow:auto;box-shadow:-18px 0 55px #0b1d1940}.drawer-header{height:72px;padding:0 31px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaf0ea}.icon-button{font-size:17px;border:0;background:transparent;color:#75917d}.drawer-content{padding:31px}.product-icon{width:64px;height:64px;background:#edf4ed;color:#4e7e58;border-radius:12px;display:grid;place-items:center;font-size:34px}.drawer-content h2{font-size:27px;letter-spacing:-.8px;margin:24px 0 5px}.sku-sub{font-size:12px;color:#769181;margin:0 0 14px}.detail-group{margin-top:30px}.detail-group h3{font-size:10px;color:#8ca18e;letter-spacing:1.4px}.detail-field{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eff3ef;font-size:12px}.detail-field span{color:#85998a}.detail-field strong{text-align:right;overflow-wrap:anywhere;color:#304e3b}.info-note{padding:15px;background:#edf7f0;color:#63866b;border-radius:8px;font-size:11px;line-height:1.5;margin-top:30px}@media(max-width:950px){.application{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:23px 12px}.content{padding:30px 21px}.metric{padding:17px}.summary{gap:10px}}@media(max-width:720px){.application{display:block}.sidebar{height:auto;min-height:0;position:static;padding:13px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .sidebar-label,.sidebar .workspace,.sidebar nav,.sidebar .security-info{display:none}.sidebar-bottom{margin-top:0}.account{border:0;padding:0;margin:0}.account>div:nth-child(2){display:none}.topbar{height:52px;padding:0 20px}.content{padding:25px 17px}.page-heading h1{font-size:29px}.summary{grid-template-columns:1fr 1fr}.summary .metric:last-child{display:none}.metric{min-height:128px}.search-toolbar,.filter-row{padding-left:16px;padding-right:16px}.filter-row select{min-width:110px}.table-footer{padding:15px}.auth-card{padding:27px}.auth-body{padding-top:35px}}.text-button{border:0;background:none;color:#3e7555;font-size:12px;font-weight:700;padding:10px 0;align-self:flex-start;text-align:left}.text-button:hover{text-decoration:underline}.forgot-link{align-self:flex-end;margin-top:-6px}.login-success{background:#edf7f0;color:#2e6443;border:1px solid #c8dfce;padding:13px;border-radius:7px;font-size:12px;line-height:1.65;margin:20px 0}.full-width{width:100%}