:root{color:#18243b;font-synthesis:none;background:#f4f7fb;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.error-screen{background:#f4f7fb;place-items:center;min-height:100vh;padding:30px;display:grid}.error-screen>div{text-align:center;background:#fff;border:1px solid #e5eaf1;border-radius:18px;width:460px;padding:40px;box-shadow:0 25px 70px #18314a18}.error-screen>div>svg{color:#e69c2b;width:48px;height:48px}.error-screen h1{margin:14px 0 8px;font-size:21px}.error-screen p{color:#748095;margin:0 0 22px;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;z-index:20;background:linear-gradient(#10233f,#0d1d36 75%,#102b48);flex-direction:column;width:224px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:82px;padding:0 20px;display:flex}.brand strong{font-size:18px;display:block}.brand small{color:#95a6bd;margin-top:2px;font-size:11px;display:block}.bead-logo{grid-template-columns:repeat(3,8px);gap:3px;display:grid}.bead-logo i{background:#fc6269;border-radius:50%;width:8px;height:8px}.bead-logo i:nth-child(2n){background:#ffc34d}.bead-logo i:nth-child(3n){background:#42c9c2}.bead-logo i:nth-child(5n){background:#5892f7}.sidebar nav{padding:14px 12px;overflow:auto}.sidebar nav button{color:#aebbd0;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;height:44px;margin:2px 0;padding:0 14px;font-size:14px;display:flex;position:relative}.sidebar nav button svg{width:19px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff0d}.sidebar nav button.active{background:linear-gradient(90deg,#10b8b5,#0da4ad);box-shadow:0 8px 20px #08a9af2c}.sidebar nav em{background:#ff5c67;border-radius:8px;margin-left:auto;padding:1px 5px;font-size:10px;font-style:normal}.sidebar-art{text-align:center;color:#9fb0c5;border:1px solid #ffffff12;border-radius:14px;margin:auto 16px 18px;padding:12px;font-size:11px}.pixel-heart{grid-template-columns:repeat(6,7px);justify-content:center;gap:3px;margin-bottom:8px;display:grid}.pixel-heart b{background:#42c9c2;border-radius:50%;height:7px}.pixel-heart b:nth-child(3n){background:#ffc34d}.pixel-heart b:nth-child(4n){background:#f06c7b}.pixel-heart b:nth-child(5n){background:#5a91ef}main{grid-column:2;min-width:0}header{z-index:10;background:#fff;border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;height:82px;padding:0 28px;display:flex;position:sticky;top:0}header h1{margin:0 0 4px;font-size:20px}header p{color:#8a95a8;margin:0;font-size:12px}.header-actions{align-items:center;gap:14px;display:flex}.global-search,.search{background:#f4f7fb;border:1px solid #e8edf5;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.global-search{width:250px}.global-search svg,.search svg{color:#8b97aa;width:17px}.global-search input,.search input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.notify,.icon-btn{color:#64748b;background:0 0;border:0;place-items:center;display:grid;position:relative}.notify{background:#f4f7fb;border-radius:10px;width:40px;height:40px}.notify i{color:#fff;background:#ff5c67;border:2px solid #fff;border-radius:10px;min-width:16px;font-size:9px;font-style:normal;position:absolute;top:1px;right:2px}.user{border-left:1px solid #edf0f4;align-items:center;gap:9px;padding-left:15px;display:flex}.user>span,.avatar{color:#fff;background:linear-gradient(135deg,#16b8b2,#3c83eb);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.user b{font-size:13px;display:block}.user small{color:#95a0b1;font-size:10px;display:block}.content{max-width:1700px;margin:auto;padding:24px 28px 45px}.loading{color:#7d889b;justify-content:center;align-items:center;gap:10px;height:300px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi,.card{background:#fff;border:1px solid #e9eef5;border-radius:15px;box-shadow:0 3px 12px #23395d08}.kpi{align-items:center;gap:16px;padding:20px;display:flex}.kpi-icon{border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.kpi-icon svg{width:24px}.kpi-icon.coral{color:#fb646b;background:#fff0f0}.kpi-icon.yellow{color:#f6b72f;background:#fff7e3}.kpi-icon.mint{color:#23bda8;background:#e9faf6}.kpi-icon.blue{color:#3e85ed;background:#edf4ff}.kpi p{color:#768298;margin:0;font-size:13px}.kpi strong{margin:4px 0;font-size:24px;display:block}.kpi strong small{margin-left:5px;font-size:12px;font-weight:500}.kpi span{color:#98a1b0;font-size:11px}.alert-banner{color:#9b6600;background:#fff8e6;border:1px solid #ffe3a0;border-radius:13px;align-items:center;gap:12px;margin:16px 0;padding:14px 17px;display:flex}.alert-banner>svg{width:22px}.alert-banner div{flex-direction:column;flex:1;display:flex}.alert-banner span{color:#9b7a3c;font-size:12px}.alert-banner button{color:#a76e00;background:0 0;border:0;align-items:center;font-size:12px;display:flex}.alert-banner button svg{width:16px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:16px;margin-top:16px;display:grid}.card{overflow:hidden}.card-head{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;height:55px;padding:0 18px;display:flex}.card-head h2{margin:0;font-size:15px}.card-head button{color:#08a9a7;background:0 0;border:0;align-items:center;font-size:12px;display:flex}.card-head button svg{width:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#758197;text-align:left;background:#f8fafc;height:40px;padding:0 13px;font-size:12px;font-weight:600}td{color:#4d596d;border-bottom:1px solid #eff2f6;height:48px;padding:0 13px;font-size:13px}tbody tr:hover{background:#fbfcfe}tbody tr:last-child td{border-bottom:0}.link{color:#2d7fe7!important}.status{border-radius:6px;padding:4px 8px;font-size:11px;line-height:1;display:inline-flex}.status.green{color:#15a278;background:#e9faf4}.status.orange{color:#de8b16;background:#fff4e5}.status.red{color:#ec5962;background:#ffeded}.status.gray{color:#6f7c90;background:#f0f3f7}.stock-list{padding:7px 18px}.stock-list>div{border-bottom:1px solid #eff2f6;align-items:center;gap:10px;height:55px;display:flex}.stock-list>div:last-child{border:0}.swatch{background:#f06167;border-radius:4px;flex:none;width:14px;height:14px;display:inline-block}.swatch-0{background:#f06167}.swatch-1{background:#ffc248}.swatch-2{background:#4a8cf2}.swatch-3{background:#6ac76c}.swatch-4{background:#bc70dd}.stock-list div div{flex-direction:column;flex:1;display:flex}.stock-list small{color:#9aa5b5}.stock-list strong{font-size:12px}.success-empty,.empty{color:#a0aaba;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;display:flex}.success-empty svg{color:#35b99c}.success-empty b{color:#4a596e}.empty p{margin:0;font-size:12px}.empty svg{opacity:.35}.trend-card{min-height:300px}.chart{height:240px;padding:25px 25px 12px}.chart-bars{border-bottom:1px solid #dfe5ed;align-items:flex-end;gap:18px;height:100%;display:flex}.bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar{background:linear-gradient(#4890f5,#48c9c2);border-radius:7px 7px 2px 2px;width:65%;min-height:8px;transition:all .3s;position:relative}.bar span{color:#758197;font-size:9px;display:none;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.bar:hover span{display:block}.bar-wrap small{color:#8995a8;font-size:10px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:17px;padding:22px;display:grid}.quick-grid button{color:#4b586d;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex}.quick-grid button span{color:#12aaa6;background:#e8faf7;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.quick-grid button:nth-child(2n) span{color:#f4a81f;background:#fff5df}.quick-grid button:nth-child(3n) span{color:#4b7fe8;background:#eef3ff}.quick-grid svg{width:20px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.toolbar h2{margin:0 0 4px;font-size:18px}.toolbar p{color:#8c97a9;margin:0;font-size:12px}.toolbar>div:last-child{gap:9px;display:flex}.search{background:#fff;width:320px}.btn{border-radius:9px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:17px}.btn.primary{color:#fff;background:linear-gradient(90deg,#12b7b2,#0da7ad);border:0;box-shadow:0 6px 16px #0aaeb229}.btn.secondary{color:#536074;background:#fff;border:1px solid #dce3ec}.btn.danger{background:#fff7f8;border:1px solid #f3cbd0;color:#d94b59!important}.btn:disabled{opacity:.55;cursor:not-allowed}.table-card{min-height:360px}.summary-line{border-bottom:1px solid #eef2f6;align-items:center;gap:12px;height:58px;padding:0 18px;display:flex}.summary-line b{font-size:15px}.summary-line span{color:#8c97a9;font-size:11px}.sku{align-items:center;gap:8px;display:flex}.danger{color:#e65460!important}.positive{color:#1ba481!important}.actions{align-items:center;gap:6px;display:flex}.actions button,.text-btn{color:#0ba8a7;background:0 0;border:0;align-items:center;gap:3px;font-size:11px;display:inline-flex}.actions svg{width:14px}.filter-tabs{border-bottom:1px solid #edf1f5;align-items:center;gap:22px;height:52px;padding:0 18px;display:flex}.filter-tabs button{color:#7b8799;background:0 0;border:0;height:100%;font-size:12px}.filter-tabs button.active{color:#0aaaab;border-bottom:2px solid #0aaaab}.customer-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.customer-card{background:#fff;border:1px solid #e8edf4;border-radius:14px;gap:12px;padding:18px;display:flex}.customer-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.customer-main span,.customer-main small{color:#7d899b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.customer-main div{margin-top:6px}.customer-main em{color:#8d98aa;margin-left:8px;font-size:10px;font-style:normal}.customer-money{border-left:1px solid #edf1f5;flex-direction:column;align-items:flex-end;padding-left:16px;display:flex}.customer-money small{color:#9aa4b3;margin-top:2px;font-size:9px}.customer-money b{margin-bottom:7px;font-size:12px}.customer-money strong{color:#e25b64;font-size:14px}.modal-backdrop{z-index:100;background:#0b172a88;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:520px;max-height:92vh;overflow:auto;box-shadow:0 30px 80px #0b172a45}.modal.wide{width:850px}.modal-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;height:62px;padding:0 22px;display:flex}.modal-head h3{font-size:16px}.icon-btn{width:34px;height:34px}.icon-btn svg{width:18px}.form{padding:22px}.form label,.uploader>label{color:#556175;flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;display:flex}.form input,.form select,.form textarea,.uploader select{color:#26334a;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:none;height:42px;padding:0 11px}.form textarea{resize:vertical;height:76px;padding:10px}.form input:focus,.form select:focus,.form textarea:focus{border-color:#15b3b0;box-shadow:0 0 0 3px #15b3b012}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row.three{grid-template-columns:repeat(3,1fr)}.modal-actions{justify-content:flex-end;gap:9px;padding-top:12px;display:flex}.form-tip{color:#8d6b24;background:#fff8e8;border:1px solid #ffe6ad;border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.form-tip svg{flex:none;width:17px}.locked-tip{color:#5f6d80;background:#f1f5f9;border-color:#dbe3ec}.readonly-stock{background:#f8fafc;border:1px solid #e4e9f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;padding:12px;display:grid}.readonly-stock>div{flex-direction:column;gap:3px;display:flex}.readonly-stock span,.readonly-stock small{color:#7e8a9d;font-size:10px}.readonly-stock b{font-size:13px}.readonly-stock small{grid-column:1/-1;line-height:1.6}.natural-input{color:#07a5a3;background:linear-gradient(90deg,#eefaf9,#f4f1ff);border:1px solid #dfeeed;border-radius:11px;gap:10px;margin-bottom:15px;padding:12px;display:flex}.natural-input div{flex-direction:column;display:flex}.natural-input span{color:#7e899b;font-size:10px}.natural-order-box{background:linear-gradient(90deg,#eefaf9,#f6f3ff);border:1px solid #dcebea;border-radius:12px;margin-bottom:15px;padding:13px}.natural-title{color:#08a7a4;align-items:center;gap:9px;margin-bottom:10px;display:flex}.natural-title svg{width:19px}.natural-title div{flex-direction:column;display:flex}.natural-title span{color:#7c899c;font-size:10px}.natural-control{gap:9px;display:flex}.natural-control textarea{flex:1;min-height:56px;background:#fff!important;height:56px!important;margin:0!important}.natural-control button{color:#fff;background:#173b5a;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;width:108px;font-size:11px;display:flex}.natural-control button svg{width:15px}.natural-control button:disabled{opacity:.6}.parse-warnings{color:#b57b18;flex-direction:column;gap:3px;margin-top:8px;font-size:10px;display:flex}.parse-warnings span{align-items:center;gap:4px;display:flex}.parse-warnings svg{width:13px}.line-editor{border:1px solid #e2e7ef;border-radius:10px;margin-bottom:15px;overflow:hidden}.line-head,.line{grid-template-columns:1.4fr 1fr 1fr 42px;align-items:center;gap:8px;padding:8px 10px;display:grid}.line-head{color:#7b8799;background:#f7f9fc;font-size:10px}.line{border-top:1px solid #edf1f5}.line input,.line select{margin:0;height:36px!important}.add-line{color:#0ba9a8;background:0 0;border:0;align-items:center;gap:5px;padding:10px 13px;font-size:11px;display:flex}.add-line svg{width:15px}.finance-kpis{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px;display:grid}.finance-kpis>div{background:#fff;border:1px solid #e7edf4;border-radius:14px;flex-direction:column;padding:19px;display:flex;position:relative}.finance-kpis span{color:#7f8a9d;font-size:11px}.finance-kpis b{margin-top:6px;font-size:22px}.finance-kpis svg{color:#18b0aa;position:absolute;top:22px;right:17px}.report-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.report-summary{padding-bottom:15px}.report-summary>div:not(.card-head){border-bottom:1px solid #eef2f6;justify-content:space-between;padding:12px 20px;display:flex}.report-summary span{color:#7d899a;font-size:12px}.coming{text-align:center;color:#8894a6;padding:28px}.coming svg{color:#18b1ad}.coming h3{color:#3f4d63}.coming p{font-size:12px}.import-hero{color:#fff;background:linear-gradient(110deg,#0faeaa,#3285e9);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.import-hero>div:first-child{grid-template-columns:54px 1fr;column-gap:15px;display:grid}.hero-icon{background:#ffffff28;border-radius:15px;grid-row:1/3;place-items:center;width:54px;height:54px;display:grid}.import-hero h2{margin:3px 0 5px;font-size:20px}.import-hero p{color:#d9ffff;margin:0;font-size:12px}.unit-rules{background:#ffffff15;border:1px solid #ffffff25;border-radius:12px;flex-direction:column;min-width:190px;padding:10px 15px;font-size:11px;display:flex}.unit-rules b{margin-bottom:3px}.unit-rules span{color:#e4ffff}.import-layout{grid-template-columns:1fr 2fr;gap:16px;margin-bottom:16px;display:grid}.import-entry-section{margin-bottom:16px}.import-section-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.import-section-head h3{color:#26334a;margin:0 0 4px;font-size:16px}.import-section-head p{color:#7c899c;margin:0;font-size:11px}.import-section-head>span{color:#0b9e9b;background:#e8f8f6;border-radius:999px;padding:5px 10px;font-size:10px}.import-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.import-entry-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:13px;grid-template-rows:1fr auto;grid-template-columns:42px 1fr;gap:10px 11px;min-height:130px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.import-entry-card:hover{border-color:#87d7d4;transform:translateY(-1px);box-shadow:0 8px 22px #1b8f8c12}.import-entry-card.active{background:linear-gradient(145deg,#fff,#f5fffe);border-color:#12aaa7;box-shadow:0 0 0 2px #13aaa71a}.import-entry-icon{color:#0ca5a2;background:#eaf9f7;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.import-entry-icon svg{width:20px}.import-entry-copy{flex-direction:column;gap:6px;display:flex}.import-entry-copy b{color:#26334a;font-size:13px}.import-entry-copy small{color:#7d899b;font-size:10px;line-height:1.55}.import-entry-card em{color:#718095;background:#f1f4f8;border-radius:999px;grid-column:2;width:max-content;padding:3px 7px;font-size:9px;font-style:normal}.import-entry-check{color:#0cacaa;width:17px;position:absolute;top:11px;right:11px}.import-advanced{margin-bottom:16px;overflow:hidden}.import-advanced>summary,.import-record-search>summary{cursor:pointer;color:#3f4d63;align-items:center;gap:10px;min-height:58px;padding:0 18px;list-style:none;display:flex}.import-advanced>summary::-webkit-details-marker{display:none}.import-record-search>summary::-webkit-details-marker{display:none}.import-advanced>summary>span{flex-direction:column;flex:1;gap:2px;display:flex}.import-advanced>summary small,.import-record-search>summary small{color:#8a96a8;font-size:10px;font-weight:400}.import-advanced>summary svg,.import-record-search>summary>svg{width:17px;transition:transform .18s}.import-advanced[open]>summary svg,.import-record-search[open]>summary>svg{transform:rotate(90deg)}.history-import-grid{border-top:1px solid #edf1f5;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:14px 18px;display:grid}.history-import-grid>button{text-align:left;color:#526076;cursor:pointer;background:#fafcfd;border:1px solid #e2e8ef;border-radius:9px;align-items:flex-start;gap:8px;min-height:76px;padding:11px;display:flex}.history-import-grid>button:hover,.history-import-grid>button.active{background:#f2fbfa;border-color:#58c2bf}.history-import-grid>button>svg{color:#0da7a4;flex:none;width:17px}.history-import-grid>button>span{flex-direction:column;gap:4px;display:flex}.history-import-grid b{font-size:11px}.history-import-grid small{color:#8793a5;font-size:9px;line-height:1.45}.import-advanced .form-tip{margin:0 18px 16px}.uploader{padding:20px}.uploader h3{margin:0 0 17px}.uploader select{width:100%}.selected-import{flex-direction:column;gap:4px;margin-bottom:15px;display:flex}.selected-import>span{color:#8a96a8;font-size:10px}.selected-import b{color:#26334a;font-size:16px}.selected-import small{color:#78869a;min-height:30px;font-size:10px;line-height:1.5}.dropzone{text-align:center;background:#f8fbfc;align-items:center;position:relative;color:#758298!important;border:1.5px dashed #bcd0dc!important;border-radius:12px!important;justify-content:center!important;height:145px!important}.dropzone svg{color:#16afad}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone span{font-size:10px}.template-link{color:#08a9a7;justify-content:center;align-items:center;gap:5px;font-size:11px;text-decoration:none;display:flex}.template-link svg{width:16px}.import-history-head>span{color:#8b96a7;padding:0 17px 7px;font-size:10px;display:block}.import-record-search{margin-bottom:16px}.import-record-search>summary>span{flex:1;align-items:center;gap:7px;display:flex}.import-record-search>summary>span svg{color:#0ca8a5;width:16px}.import-record-search .filter-panel{box-shadow:none;border:0;border-top:1px solid #edf1f5;border-radius:0;margin:0}.batch-list{padding:4px 17px}.batch-list>div{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;min-height:58px;font-size:11px;display:flex}.batch-list>div:last-child{border:0}.batch-icon{color:#0baaa7;background:#eaf9f7;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.batch-icon svg{width:17px}.batch-list div div{flex-direction:column;flex:1;display:flex}.batch-list small{color:#929daf}.batch-list>div>span:not(.batch-icon):not(.status){color:#778498}.undo-import{color:#d95d66;background:#fff1f1;border:0;border-radius:6px;padding:5px 8px;font-size:10px}.preview-info{color:#16a17f;background:#eaf9f5;border-radius:10px;gap:10px;margin:20px 22px 0;padding:12px;display:flex}.preview-info div{flex-direction:column;display:flex}.preview-info span{color:#718194;font-size:11px}.preview-counts{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 22px;display:grid}.preview-counts div{background:#f7f9fc;border-radius:9px;justify-content:space-between;padding:13px;font-size:11px;display:flex}.preview-counts b{font-size:17px}.modal>.form-tip{margin:0 22px}.modal>.modal-actions{padding:18px 22px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.setting-card{align-items:flex-start;gap:15px;padding:21px;display:flex}.setting-icon{color:#0ca7a4;background:#e8f8f6;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.setting-card>div{flex:1}.setting-card h3{margin:0 0 5px}.setting-card p{color:#7b8799;margin:0 0 9px;font-size:11px}.toast{color:#fff;z-index:200;background:#18314a;border-radius:10px;align-items:center;gap:9px;padding:12px 17px;font-size:12px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 35px #132a4440}.toast svg{color:#43d0ad}.user{text-align:left;background:0 0;border-top:0;border-bottom:0;border-right:0}.user:hover,.notify:hover{background:#eef5f8}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f3fbfa}.link-button{color:#267bdc;background:0 0;border:0;padding:6px 0;font-weight:600}.link-button:hover{text-decoration:underline}.clickable-card{width:100%;color:inherit;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s}.clickable-card:hover{border-color:#8fd8d4;transform:translateY(-1px);box-shadow:0 8px 25px #153b5b12}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 22px;display:grid}.detail-grid>div{background:#f7f9fc;border:1px solid #edf1f5;border-radius:9px;flex-direction:column;gap:4px;min-width:0;padding:11px 13px;display:flex}.detail-grid span{color:#7a879a;font-size:10px}.detail-grid b{color:#26334a;word-break:break-all;font-size:12px}.detail-table{border:1px solid #edf1f5;border-radius:9px;margin:0 22px 4px;overflow:auto}.search-results{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 22px;display:grid}.search-results section{border:1px solid #e7edf4;border-radius:11px;min-width:0;overflow:hidden}.search-results h4{background:#f7f9fc;justify-content:space-between;margin:0;padding:12px;display:flex}.search-results h4 em{color:#0ba9a6;font-style:normal}.search-results section>button,.notification-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;align-items:center;gap:8px;width:100%;padding:11px 12px;display:flex}.search-results section>button:hover,.notification-list button:hover{background:#f2fbfa}.search-results section>button b{color:#267bdc;min-width:58px}.search-results section>button span{text-overflow:ellipsis;white-space:nowrap;color:#748095;flex:1;font-size:10px;overflow:hidden}.search-results section>button svg,.notification-list button>svg:last-child{color:#99a5b5;width:15px}.search-results section>small{color:#98a3b3;padding:20px 12px;display:block}.notification-list{padding:12px 22px 20px}.notification-list button:first-child{border-radius:10px 10px 0 0}.notification-list button:last-child{border-bottom:0;border-radius:0 0 10px 10px}.notification-list button>svg:first-child{color:#0ba9a6;background:#eaf9f7;border-radius:9px;width:35px;padding:8px}.notification-list button div{flex-direction:column;flex:1;gap:3px;display:flex}.notification-list span,.role-list span{color:#8290a3;font-size:10px}.role-list{padding:15px 22px}.role-list>div{border-bottom:1px solid #edf1f5;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;min-height:48px;display:grid}.role-list>div:last-child{border-bottom:0}@media (width<=1300px){.content{padding:20px}.kpi{padding:16px}.global-search{width:190px}.quick-grid{gap:8px}.kpi strong{font-size:20px}}.login-screen,.loading-screen{background:radial-gradient(circle at 20% 10%,#dff8f5,#0000 36%),#f4f7fb;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(420px,100vw - 32px);padding:34px;box-shadow:0 24px 70px #17324b18}.login-card .bead-logo{grid-template-columns:repeat(3,12px);justify-content:center}.login-card .bead-logo i{width:12px;height:12px}.login-card h1{text-align:center;margin:18px 0 6px}.login-card>p{text-align:center;color:#718096;margin:0 0 24px}.login-card label{color:#4a5568;flex-direction:column;gap:7px;margin:14px 0;font-size:13px;display:flex}.login-card input{border:1px solid #dbe3ec;border-radius:9px;height:44px;padding:0 12px}.login-card .btn{justify-content:center;width:100%;margin-top:10px}.login-card>small{color:#8a94a5;margin-top:18px;line-height:1.7;display:block}.login-error{color:#c53030;background:#fff5f5;border-radius:8px;gap:8px;padding:10px;font-size:12px;display:flex}.login-error svg{width:17px}.pagination{color:#667085;border-top:1px solid #edf1f5;justify-content:flex-end;align-items:center;gap:12px;padding:14px 18px;font-size:12px;display:flex}.pagination button{color:#405068;background:#fff;border:1px solid #dbe3ec;border-radius:7px;padding:6px 12px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination select{color:#405068;background:#fff;border:1px solid #dbe3ec;border-radius:7px;padding:6px 8px}.filter-toolbar,.filter-panel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-toolbar{margin-bottom:16px}.filter-panel{margin-bottom:14px;padding:14px 16px}.filter-toolbar>select,.filter-toolbar>input,.filter-panel>select,.filter-panel>input,.filter-panel label input{color:#354052;background:#fff;border:1px solid #dbe3ec;border-radius:8px;min-height:36px;padding:0 10px}.filter-panel label{color:#667085;align-items:center;gap:6px;font-size:11px;display:flex}.filter-panel .search,.filter-toolbar .search{flex:1;min-width:240px}.check-filter{white-space:nowrap;color:#5d6878;align-items:center;gap:6px;font-size:12px;display:flex}.check-filter input{width:16px;height:16px}.btn.ghost{color:#536174;background:0 0;border:1px solid #dbe3ec}.quality-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.quality-kpis .card{flex-direction:column;gap:7px;padding:16px;display:flex}.quality-kpis span{color:#748095;font-size:11px}.quality-kpis b{color:#1f3047;font-size:24px}.ranking>div:not(.card-head){border-bottom:1px solid #edf1f5;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 0;display:grid}.ranking em{color:#7c8798;font-size:10px;font-style:normal}.platform-tests{flex-wrap:wrap;gap:8px;margin:12px 22px;display:flex}.role-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;width:100%;min-height:48px;display:grid}.role-list>button:hover{background:#f4fbfa}.record-list{color:#536174;background:#f8fafc;border-radius:10px;flex-direction:column;gap:7px;margin:14px 22px;padding:14px;font-size:12px;display:flex}.record-list b{color:#26334a}.inline-user-form{border-top:1px solid #edf1f5;margin-top:18px}.setting-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.clickable-card:focus-visible{outline-offset:2px;outline:3px solid #12aaa755}@media (width<=1050px){.app-shell{grid-template-columns:76px 1fr}.sidebar{width:76px}.brand{justify-content:center;padding:0}.brand>div:last-child,.sidebar nav button span,.sidebar nav em,.sidebar-art{display:none}.sidebar nav button{justify-content:center;padding:0}main{grid-column:2}header{padding:0 18px}.content{padding:18px}.kpi-grid,.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.import-layout,.settings-grid{grid-template-columns:1fr}.import-entry-grid,.history-import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.app-shell{display:block}.sidebar{flex-direction:row;width:100%;height:auto;position:static;overflow-x:auto}.brand{border:0;min-width:76px}.sidebar nav{padding:8px;display:flex}.sidebar nav button{min-width:48px}header{flex-wrap:wrap;gap:10px;height:auto;min-height:72px}.header-actions .global-search{display:none}.content{padding:12px}.kpi-grid,.finance-kpis,.form-row,.form-row.three{grid-template-columns:1fr}.modal,.modal.wide{width:calc(100vw - 20px)}.toolbar{flex-direction:column;align-items:stretch}.quality-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.import-entry-grid,.history-import-grid{grid-template-columns:1fr}.import-section-head{gap:10px}.filter-panel,.filter-toolbar{align-items:stretch}}