:root{--bg:#f3f6fb;--card:#fff;--text:#182230;--muted:#748094;--line:#e5eaf1;--primary:#3156d9;--primary2:#6985ee;--danger:#c0392b;--warn:#d68910;--ok:#1e8449;--violet:#7257d9}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}
.layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}
aside{background:#172033;color:white;padding:22px 16px}.brand{font-size:20px;font-weight:700;margin-bottom:18px}.brand small{display:block;color:#aeb9cb;font-size:12px;margin-top:4px}
.role-box{background:#202c43;padding:12px;border-radius:10px;margin-bottom:18px}.role-box label{font-size:12px;color:#aeb9cb;display:block;margin-bottom:6px}
.role-box select{width:100%}nav button{width:100%;border:0;background:transparent;color:#dce4f2;text-align:left;padding:12px 14px;border-radius:9px;margin:4px 0;cursor:pointer;font-size:15px}
nav button.active,nav button:hover{background:#26324a;color:white}nav button.hidden{display:none}
main{padding:30px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:28px}.topbar .role{color:var(--muted)}
.section{display:none}.section.active{display:block}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(25,42,70,.045)}
.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:26px;font-weight:700;margin:8px 0}.metric .hint{font-size:12px}
table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}th,td{padding:11px 9px;border-bottom:1px solid var(--line);font-size:14px;text-align:left}th{background:#f8fafc;color:#52606f}
input,select{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:white}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}.form-grid input,.form-grid select{width:100%}.full{grid-column:1/-1}
button.primary{background:var(--primary);color:white;border:0;border-radius:9px;padding:11px 16px;cursor:pointer}button.secondary{background:#eef2f7;border:1px solid var(--line);border-radius:9px;padding:10px 14px;cursor:pointer}
button.delete{background:#fdecea;color:var(--danger);border:0;border-radius:7px;padding:7px 10px;cursor:pointer}
.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tabs button{padding:9px 13px;border:1px solid var(--line);background:white;border-radius:8px;cursor:pointer}.tabs button.active{background:var(--primary);color:white}
.tab-panel{display:none}.tab-panel.active{display:block}.badge{padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{background:#e8f7ee;color:var(--ok)}.badge.warn{background:#fff4df;color:var(--warn)}.badge.danger{background:#fdecea;color:var(--danger)}
.success{padding:10px 12px;background:#e8f7ee;color:var(--ok);border-radius:8px;margin-top:10px;display:none}.small{font-size:12px;color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.chart-shell{margin-top:18px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px}
.chart-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.chart-head h3{margin:0 0 5px;font-size:18px}.chart-head p{margin:0;color:var(--muted);font-size:13px}
.chart-kpis{display:flex;gap:18px;flex-wrap:wrap}.chart-kpi{text-align:right}.chart-kpi span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.chart-kpi b{font-size:15px}
.chart-wrap{height:340px;width:100%;overflow:hidden}.chart-wrap svg{width:100%;height:100%;display:block}
.chart-empty{display:flex;height:100%;align-items:center;justify-content:center;color:var(--muted)}
.finance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}
.finance-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(25,42,70,.05)}
.finance-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-65px;background:rgba(49,86,217,.08)}
.finance-card.receipts:after{background:rgba(30,132,73,.08)}
.finance-card .icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#edf1ff;color:var(--primary);font-size:20px;margin-bottom:16px}
.finance-card.receipts .icon{background:#eaf7ef;color:var(--ok)}
.finance-card .label{font-size:13px;color:var(--muted)}.finance-card .value{font-size:30px;font-weight:700;margin-top:8px;letter-spacing:-.5px}.finance-card .sub{font-size:12px;color:var(--muted);margin-top:8px}
.period-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin-bottom:16px}
.period-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.period-control label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.period-control input{min-width:155px}
.quick-periods{display:flex;gap:7px;flex-wrap:wrap}.quick-periods button{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:10px;cursor:pointer;color:#52606f}.quick-periods button.active,.quick-periods button:hover{background:#edf1ff;color:var(--primary);border-color:#cbd5ff}
.period-caption{font-size:12px;color:var(--muted);margin-top:4px}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}

.logistics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.logistics-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.logistics-card .label{font-size:12px;color:var(--muted)}
.logistics-card .value{font-size:24px;font-weight:700;margin-top:7px}
.invoice-card{border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:16px;overflow:hidden}
.invoice-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;background:#f8faff;border-bottom:1px solid var(--line)}
.invoice-title{font-size:17px;font-weight:700}
.invoice-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.invoice-meta span{font-size:12px;color:var(--muted)}
.invoice-body{padding:18px 20px;overflow-x:auto}
.status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}
.status-transit{background:#edf1ff;color:#3156d9}
.status-customs{background:#fff4df;color:#a86800}
.status-warehouse{background:#eaf7ef;color:#1e8449}
.status-cert-pending{background:#fff4df;color:#a86800}
.status-cert-done{background:#eaf7ef;color:#1e8449}
.logistics-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.invoice-total{font-size:13px;color:var(--muted);text-align:right;margin-top:12px}
.invoice-total b{font-size:18px;color:var(--text)}
@media(max-width:900px){.logistics-summary{grid-template-columns:repeat(2,1fr)}}


.language-switch{display:flex;gap:4px;background:#e9eef7;padding:4px;border-radius:10px}
.language-switch button{border:0;background:transparent;padding:7px 11px;border-radius:7px;cursor:pointer;font-weight:700;color:#52606f}
.language-switch button.active{background:#fff;color:#3156d9;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.topbar-actions{display:flex;align-items:center;gap:14px}


.invoice-card.invoice-closed{border:2px solid #2e9b57;background:#eefaf2}
.invoice-card.invoice-closed .invoice-head{background:#dff4e6}
.invoice-closed-badge{display:inline-block;background:#2e9b57;color:#fff;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;margin-top:7px}
.invoice-lock-note{font-size:12px;color:#1f7a43;font-weight:700;margin-top:6px}
.invoice-card select:disabled,.invoice-card input:disabled,.invoice-card button:disabled{opacity:.55;cursor:not-allowed}

.import-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.import-panel{display:none;margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fafcff}
.import-panel.show{display:block}
.import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.import-preview{overflow:auto;max-height:340px;margin-top:14px;border:1px solid var(--line);border-radius:12px}
.import-preview table{min-width:820px}
.import-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.import-chip{background:#eef3ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.import-error{color:#b42318;font-size:13px;margin-top:10px;white-space:pre-line}
.import-help{font-size:12px;color:var(--muted);margin-top:8px}
@media(max-width:900px){.import-grid{grid-template-columns:1fr}}


.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.permission-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035)}
.permission-item input{width:auto;margin:0}
.permission-item.disabled{opacity:.65}
.admin-recovery-btn{width:100%;margin-top:9px;padding:8px 10px;font-size:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}



.auth-screen{
position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
padding:24px;overflow:auto;
background:
radial-gradient(circle at 15% 15%,rgba(153,207,14,.14),transparent 30%),
linear-gradient(135deg,#f7f9f6,#edf2ec);
}
.konark-login-shell{
width:min(1180px,100%);min-height:680px;display:grid;grid-template-columns:1fr 1fr;
overflow:hidden;border:1px solid rgba(22,46,31,.08);border-radius:30px;
background:#fff;box-shadow:0 35px 90px rgba(25,54,37,.16);
}
.konark-brand-panel{
position:relative;min-height:680px;display:flex;flex-direction:column;align-items:center;
justify-content:center;padding:54px 48px 170px;overflow:hidden;
background:
linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,245,.96)),
repeating-linear-gradient(120deg,transparent 0 40px,rgba(135,178,45,.025) 40px 42px);
}
.konark-brand-panel:before{
content:"";position:absolute;inset:0;
background:linear-gradient(135deg,transparent 0 44%,rgba(135,193,35,.045) 44% 48%,transparent 48% 100%);
pointer-events:none;
}
.konark-brand-glow{
position:absolute;width:420px;height:420px;border-radius:50%;top:70px;left:50%;
transform:translateX(-50%);
background:radial-gradient(circle,rgba(155,211,29,.18),rgba(155,211,29,0) 68%);
filter:blur(8px);
}
.konark-logo-wrap{position:relative;z-index:2;text-align:center;animation:konarkLogoIn .8s ease both}
.konark-logo-image{
display:block;width:min(355px,76%);max-height:390px;object-fit:contain;margin:0 auto;
filter:drop-shadow(0 15px 18px rgba(62,91,18,.14));
}
.konark-company-subtitle{
margin-top:20px;font-size:14px;font-weight:800;letter-spacing:.24em;color:#667081;
}
.konark-brand-copy{
position:relative;z-index:2;max-width:430px;margin-top:35px;text-align:center;color:#687365;
}
.konark-brand-copy p{margin:13px 0 0;font-size:15px;line-height:1.65}
.konark-brand-line{width:64px;height:3px;margin:auto;border-radius:99px;background:#94cc12}
.konark-waves{position:absolute;left:0;right:0;bottom:0;height:185px}
.wave{position:absolute;left:-8%;width:116%;border-radius:50% 50% 0 0 / 100% 100% 0 0}
.wave-one{bottom:-95px;height:210px;background:linear-gradient(90deg,#a8dc16,#72ad22);transform:rotate(2deg)}
.wave-two{bottom:-115px;height:190px;background:linear-gradient(90deg,#75ad28,#3d7f36);transform:rotate(-3deg);opacity:.92}
.wave-three{bottom:-145px;height:190px;background:linear-gradient(90deg,#286a3b,#174d32);transform:rotate(2deg);opacity:.94}

.konark-form-panel{
display:flex;align-items:center;justify-content:center;padding:48px;
background:linear-gradient(145deg,#f7faf7,#edf3ed);
}
.konark-login-card{
width:min(500px,100%);padding:45px 46px 35px;border:1px solid rgba(36,69,45,.08);
border-radius:26px;background:rgba(255,255,255,.94);
box-shadow:0 24px 65px rgba(32,61,40,.12);
animation:konarkCardIn .75s ease both;
}
.konark-security-icon{
width:86px;height:86px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;
color:#5da311;background:radial-gradient(circle,#f7fce9 0 48%,#eaf5d2 49% 62%,transparent 63%);
}
.konark-login-heading{text-align:center;margin-bottom:30px}
.konark-login-heading h1{margin:0 0 9px;color:#172019;font-size:34px;line-height:1.2}
.konark-login-heading p{margin:0;color:#7a847d;font-size:15px}
.konark-login-form label{display:block;margin:16px 0 8px;color:#39443c;font-size:13px;font-weight:750}
.konark-field{position:relative;display:flex;align-items:center}
.konark-field input{
width:100%;height:56px;padding:0 104px 0 54px;border:1px solid #d9e2da;border-radius:13px;
background:#fff;color:#19231b;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s;
}
.konark-field input::placeholder{color:#a1aaa3}
.konark-field input:focus{border-color:#83bd25;box-shadow:0 0 0 4px rgba(132,190,36,.13)}
.konark-field-icon{
position:absolute;left:15px;z-index:1;width:30px;height:30px;display:grid;place-items:center;
border-radius:9px;background:#f0f7df;color:#67a818;
}
.konark-field-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.konark-password-toggle{
position:absolute;right:9px;width:auto!important;margin:0!important;padding:8px 9px!important;
border:0;background:transparent;color:#619c1f;font-size:12px;font-weight:700;
}
.konark-login-button{
width:100%;height:56px;margin-top:22px;border:0;border-radius:13px;
display:flex;align-items:center;justify-content:center;gap:10px;
background:linear-gradient(100deg,#72b70c,#a5dc14);color:#fff;
font-size:16px;font-weight:850;box-shadow:0 14px 28px rgba(105,164,22,.25);
transition:transform .2s,box-shadow .2s,filter .2s;
}
.konark-login-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(105,164,22,.32);filter:saturate(1.05)}
.konark-login-button:disabled{opacity:.65;cursor:wait;transform:none}
.konark-login-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.konark-login-language{display:flex;justify-content:center;align-items:center;gap:6px;margin:0 0 22px}
.konark-login-language button{border:1px solid #dfe7d7;background:#f7faf4;color:#667064;border-radius:10px;padding:8px 14px;min-width:54px;font-weight:800;cursor:pointer;transition:.18s ease}
.konark-login-language button:hover{border-color:#a9c77f;background:#f0f7e8}
.konark-login-language button.active{background:#6aa416;color:#fff;border-color:#6aa416;box-shadow:0 8px 18px rgba(105,164,22,.22)}
.konark-login-language-label{font-size:12px;color:#879087;margin-right:4px;font-weight:700}
.auth-error{
display:none;margin-top:14px;padding:11px 13px;border:1px solid rgba(205,59,59,.18);
border-radius:11px;background:#fff2f2;color:#b93232;font-size:13px;
}
.konark-admin-hint{
margin-top:22px;padding:13px 14px;border-radius:11px;background:#f5f8f3;color:#879087;
font-size:12px;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;
}
.konark-admin-hint code{padding:4px 7px;border-radius:6px;background:#e9f2dd;color:#568f18;font-weight:800}
.konark-copyright{margin-top:22px;text-align:center;color:#9ba49d;font-size:12px}
@keyframes konarkLogoIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes konarkCardIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@media(max-width:900px){
.auth-screen{padding:14px}
.konark-login-shell{grid-template-columns:1fr;max-width:590px;min-height:auto}
.konark-brand-panel{min-height:245px;padding:28px 25px 70px}
.konark-brand-glow{width:240px;height:240px;top:-25px}
.konark-logo-image{width:180px;max-height:180px}
.konark-company-subtitle{margin-top:8px;font-size:9px;letter-spacing:.16em}
.konark-brand-copy{display:none}
.konark-waves{height:70px}.wave-one{bottom:-55px;height:90px}.wave-two{bottom:-65px;height:85px}.wave-three{bottom:-75px;height:80px}
.konark-form-panel{padding:24px;background:#f5f8f4}
.konark-login-card{padding:30px 25px 25px;border-radius:20px}
.konark-security-icon{width:66px;height:66px;margin-bottom:12px}.konark-security-icon svg{width:39px;height:39px}
.konark-login-heading h1{font-size:27px}
}
@media(max-width:480px){
.konark-brand-panel{min-height:190px;padding-top:20px}
.konark-logo-image{width:140px;max-height:135px}
.konark-company-subtitle{display:none}
.konark-form-panel{padding:14px}
.konark-login-card{padding:26px 18px 22px}
.konark-login-heading h1{font-size:24px}
.konark-field input{height:52px}
.konark-login-button{height:52px}
}
.user-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-name{font-weight:700}.user-role{font-size:12px;opacity:.7}.logout-btn{padding:7px 11px;font-size:12px}.user-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;background:rgba(38,160,90,.16)}.user-status.blocked{background:rgba(190,50,50,.18)}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-visual{display:none}.auth-card{padding:38px 28px}.auth-mobile-logo{display:grid}.auth-card-head{align-items:flex-start}.auth-card h2{font-size:27px}}


/* ===== Adaptive layout v35.4 ===== */
.mobile-menu-btn,.mobile-nav-overlay{display:none}
.topbar-title-group{display:flex;align-items:center;gap:12px}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.table-scroll>table{min-width:720px}
.card,.finance-card,.logistics-card,.invoice-card{min-width:0}
img,svg,canvas{max-width:100%}

@media(max-width:1180px){
main{padding:24px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.logistics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.chart-wrap{height:300px}
}

@media(max-width:1000px){
body.nav-open{overflow:hidden}
.layout{display:block;min-height:100vh}
aside{
position:fixed;z-index:5000;top:0;bottom:0;left:0;width:min(310px,86vw);
transform:translateX(-105%);transition:transform .25s ease;
overflow-y:auto;box-shadow:18px 0 45px rgba(8,18,35,.25)
}
body.nav-open aside{transform:translateX(0)}
.mobile-nav-overlay{
display:block;position:fixed;z-index:4900;inset:0;background:rgba(7,16,31,.48);
opacity:0;visibility:hidden;transition:.25s
}
body.nav-open .mobile-nav-overlay{opacity:1;visibility:visible}
.mobile-menu-btn{
display:inline-flex;width:42px;height:42px;flex-direction:column;align-items:center;
justify-content:center;gap:5px;border:1px solid var(--line);border-radius:11px;
background:#fff;cursor:pointer;flex:0 0 auto
}
.mobile-menu-btn span{display:block;width:19px;height:2px;border-radius:2px;background:#273348}
main{max-width:none;padding:20px}
.topbar{position:sticky;z-index:100;top:0;margin:-20px -20px 18px;padding:14px 20px;
background:rgba(243,246,251,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar h1{font-size:23px}
.topbar-actions{gap:8px}
nav button{padding:13px 14px}
}

@media(max-width:760px){
main{padding:14px}
.topbar{margin:-14px -14px 14px;padding:11px 14px;align-items:center}
.topbar h1{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
.topbar-actions{margin-left:auto}
.topbar-actions .user-panel{gap:6px}
.topbar-actions .user-name,.topbar-actions .user-role{display:none}
.logout-btn{padding:8px 10px}
.language-switch button{padding:7px 8px}
.grid,.finance-grid,.logistics-summary{grid-template-columns:1fr}
.form-grid,.import-grid{grid-template-columns:1fr}
.card,.finance-card,.logistics-card{padding:16px;border-radius:15px}
.finance-card .value{font-size:25px}
.metric .value{font-size:23px}
.period-bar{align-items:stretch;padding:14px}
.period-controls,.quick-periods,.filters,.logistics-filters,.import-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
.period-control,.period-control input,.filters input,.filters select,.logistics-filters input,.logistics-filters select{width:100%;min-width:0}
.period-controls .primary{grid-column:1/-1}
.quick-periods button{width:100%}
.chart-shell{padding:15px;border-radius:16px}
.chart-head{display:block}
.chart-kpis{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}
.chart-kpi{text-align:left}
.chart-wrap{height:250px;overflow-x:auto}
.tabs{display:grid;grid-template-columns:1fr 1fr}
.tabs button{width:100%}
.invoice-head{display:block;padding:15px}
.invoice-head>div:last-child{margin-top:14px}
.invoice-head select{width:100%}
.invoice-body{padding:12px}
.invoice-body table{min-width:920px}
.invoice-total{text-align:left}
.permission-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
.topbar h1{max-width:28vw;font-size:18px}
.mobile-menu-btn{width:39px;height:39px}
.language-switch{
display:flex!important;gap:4px;align-items:center;flex:0 0 auto
}
.language-switch button{
min-width:34px;padding:7px 6px;font-size:11px;border-radius:8px
}
.period-controls,.quick-periods,.filters,.logistics-filters,.import-actions{grid-template-columns:1fr}
.chart-kpis{grid-template-columns:1fr}
.tabs{grid-template-columns:1fr}
.form-grid button,.filters button,.logistics-filters button,.import-actions button{width:100%}
.card h3{font-size:17px}
table th,table td{padding:9px 8px;font-size:13px}
.konark-login-shell{border-radius:20px}
.konark-brand-panel{min-height:165px}
.konark-form-panel{padding:10px}
.konark-login-card{box-shadow:none;border:0}
}


@media(max-width:390px){
.topbar{gap:6px}
.topbar-title-group{gap:7px}
.topbar h1{max-width:22vw;font-size:16px}
.mobile-menu-btn{width:36px;height:36px}
.language-switch button{min-width:30px;padding:6px 4px;font-size:10px}
.logout-btn{padding:7px 8px;font-size:11px}
}


/* ===== UI polish v35.6 ===== */
:root{
 --font-ui:"Segoe UI Variable","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
 --ui-green:#6eaf0f;--ui-red:#ca3944;
}
html,body,button,input,select,textarea{font-family:var(--font-ui)!important}
button{min-height:40px;border-radius:11px;transition:.16s ease}
button:not(:disabled):hover{transform:translateY(-1px)}
button:not(:disabled):active{transform:none}
button:disabled{opacity:.48;cursor:not-allowed}
.logout-btn{
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 min-height:40px;padding:9px 14px!important;border:1px solid rgba(202,57,68,.28)!important;
 border-radius:12px!important;background:linear-gradient(135deg,#fff5f6,#ffe5e8)!important;
 color:#b52b36!important;font-weight:700!important;
 box-shadow:0 5px 14px rgba(181,43,54,.11)!important
}
.logout-btn::before{
 content:"";width:17px;height:17px;background:currentColor;flex:0 0 auto;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 17v-2h4V9h-4V7l5 5-5 5ZM4 21V3h9v2H6v14h7v2H4Z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 17v-2h4V9h-4V7l5 5-5 5ZM4 21V3h9v2H6v14h7v2H4Z'/%3E%3C/svg%3E") center/contain no-repeat
}
.logout-btn:not(:disabled):hover{
 background:linear-gradient(135deg,#fff0f2,#ffdce0)!important;
 color:#991e29!important;box-shadow:0 8px 20px rgba(181,43,54,.18)!important
}
input,select,textarea{
 min-height:42px;border:1px solid #d7dee7!important;border-radius:11px!important;
 background:#fff!important;color:#273348!important;padding:9px 11px!important;
 outline:none;transition:border-color .16s ease,box-shadow .16s ease
}
textarea{min-height:88px;resize:vertical}
input:focus,select:focus,textarea:focus{
 border-color:#75b61a!important;box-shadow:0 0 0 4px rgba(117,182,26,.12)!important
}
table{border-collapse:separate!important;border-spacing:0!important}
table thead th{
 position:sticky;top:0;z-index:3;background:#f2f6fa!important;color:#35445a;
 box-shadow:inset 0 -1px 0 #dbe3eb
}
table tbody tr:nth-child(even){background:rgba(245,248,251,.72)}
table tbody tr{transition:background .15s ease}
table tbody tr:hover{background:#eef6e5!important}
.card,.finance-card,.logistics-card,.chart-shell{
 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.card:hover,.finance-card:hover,.logistics-card:hover{
 transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,40,63,.10)
}
@media(max-width:760px){
 .logout-btn{width:40px;min-width:40px;padding:0!important;font-size:0!important}
 .logout-btn::before{width:19px;height:19px}
}


/* ===== Icon and control stabilization v35.7 ===== */
/* Keep global UI styles from overriding component-specific icon layouts. */
.konark-login-form .konark-field input{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 104px 0 54px!important;
  border:1px solid #d9e2da!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#19231b!important;
  line-height:normal!important;
  box-sizing:border-box!important;
}
.konark-login-form .konark-field:first-of-type input{
  padding-right:18px!important;
}
.konark-login-form .konark-field-icon{
  position:absolute!important;
  left:15px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
.konark-login-form .konark-field-icon svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  max-width:none!important;
  flex:none!important;
  overflow:visible!important;
}
.konark-password-toggle{
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:auto!important;
  min-width:auto!important;
  height:auto!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#619c1f!important;
  line-height:1!important;
}
.konark-password-toggle:not(:disabled):hover{
  transform:translateY(-50%)!important;
  background:#f1f7e8!important;
  box-shadow:none!important;
}
.konark-password-toggle:not(:disabled):active{
  transform:translateY(-50%)!important;
}
.konark-login-button{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}
.konark-login-button svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:none!important;
  flex:0 0 22px!important;
  overflow:visible!important;
}
.konark-security-icon svg{
  display:block!important;
  width:48px!important;
  height:48px!important;
  max-width:none!important;
  overflow:visible!important;
}
/* Normalize every inline icon without altering chart SVGs. */
button>svg, .icon>svg, nav svg, .topbar svg{
  flex:none;
  vertical-align:middle;
}
.finance-card .icon{
  line-height:1!important;
  flex:none!important;
  overflow:hidden!important;
}
.logout-btn::before{
  display:block!important;
  min-width:17px!important;
  min-height:17px!important;
}
@media(max-width:760px){
  .konark-login-form .konark-field input{height:54px!important;min-height:54px!important}
  .konark-login-button{height:52px!important;min-height:52px!important}
  .konark-security-icon svg{width:39px!important;height:39px!important}
  .logout-btn::before{min-width:19px!important;min-height:19px!important}
}


/* ===== Employee profile analytics v35.8 ===== */
.employee-directory-head,.employee-products-head,.employee-profile-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.employee-directory h3,.employee-products-head h3,.employee-profile-title h2{margin:0 0 5px}
.employee-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}
.employee-button{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);padding:13px 14px;border-radius:14px;cursor:pointer;color:var(--text);box-shadow:0 4px 12px rgba(25,42,70,.045)}
.employee-button:hover{border-color:#a9cb75;background:#f8fcef;box-shadow:0 8px 18px rgba(70,110,20,.10)}
.employee-button .avatar,.employee-avatar{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eaf5da;color:#527f10;font-weight:800;flex:0 0 auto}
.employee-button .name{font-weight:700;display:block}.employee-button .department{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.employee-profile{margin-top:16px}.employee-profile-top{margin-bottom:14px}.employee-profile-title{display:flex;align-items:center;gap:12px}.employee-avatar{width:50px;height:50px;border-radius:15px;font-size:18px}
.employee-period-panel{margin-bottom:16px}.employee-period-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:8px}.employee-period-controls label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.employee-period-controls input,.employee-period-controls select{min-width:150px}
.employee-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.employee-metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 6px 18px rgba(25,42,70,.04)}.employee-metric span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.employee-metric b{font-size:22px}
.employee-product-tools{display:flex;gap:10px;flex-wrap:wrap}.employee-product-tools input{min-width:220px}.employee-product-tools select{min-width:230px}.employee-share{display:flex;align-items:center;gap:8px;min-width:125px}.employee-share-track{height:8px;background:#e8edf3;border-radius:99px;flex:1;overflow:hidden}.employee-share-fill{height:100%;background:linear-gradient(90deg,#7ab919,#5a960d);border-radius:99px}.employee-share-value{font-size:12px;color:var(--muted);width:42px;text-align:right}
.employee-line{fill:none;stroke:#6ba811;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.employee-point{fill:#fff;stroke:#6ba811;stroke-width:3}.employee-area{fill:url(#employeeAreaGradient)}
@media(max-width:1000px){.employee-profile-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.employee-buttons{grid-template-columns:1fr}.employee-profile-metrics{grid-template-columns:1fr 1fr}.employee-period-controls>*{width:100%}.employee-period-controls input,.employee-period-controls select,.employee-period-controls button{width:100%;min-width:0}.employee-product-tools{width:100%}.employee-product-tools input,.employee-product-tools select{width:100%;min-width:0}.employee-profile-title{width:100%}.employee-back{width:100%}}
@media(max-width:390px){.employee-profile-metrics{grid-template-columns:1fr}}


/* ===== Dashboard Top 10 Products v35.13 ===== */
.top-products-card{margin-top:18px}
.top-products-header{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;margin-bottom:14px
}
.top-products-header h3{margin:0 0 4px}
.top-products-header p{margin:0;color:#748094;font-size:13px}
.top-products-list{display:grid;gap:9px}
.top-product-row{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;
  gap:11px;align-items:center;padding:10px 12px;
  border:1px solid #e3e9ef;border-radius:12px;background:#fff
}
.top-product-rank{
  width:28px;height:28px;border-radius:9px;display:flex;
  align-items:center;justify-content:center;background:#edf5e2;
  color:#5e9411;font-weight:700;font-size:12px
}
.top-product-info{min-width:0}
.top-product-name{
  font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.top-product-bar{
  height:7px;background:#edf1f5;border-radius:999px;
  overflow:hidden;margin-top:7px
}
.top-product-bar span{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#79b91c,#5f9d0d)
}
.top-product-qty{
  font-weight:700;color:#4f7f0c;white-space:nowrap;text-align:right
}
.top-product-qty small{
  display:block;color:#7a8697;font-size:11px;font-weight:500;margin-top:2px
}
@media(max-width:620px){
  .top-product-row{grid-template-columns:30px minmax(0,1fr)}
  .top-product-qty{grid-column:2;text-align:left}
}


.director-hero{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#173f2b,#2f6f3e);color:#fff}
.director-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-weight:700}.director-hero h2{margin:7px 0 6px;font-size:27px}.director-hero p{margin:0;opacity:.8}
.director-period-label{background:rgba(255,255,255,.13);padding:10px 13px;border-radius:12px;white-space:nowrap;font-weight:600;height:max-content}
.executive-kpi-stack{display:grid;gap:12px;margin:16px 0}.executive-kpi-grid{display:grid;gap:12px}.executive-kpi-grid.primary{grid-template-columns:repeat(3,minmax(0,1fr))}.executive-kpi-grid.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0;position:relative;transition:.18s ease}.executive-kpi[data-go]{cursor:pointer}.executive-kpi[data-go]:hover{transform:translateY(-2px);border-color:#b9d59a;box-shadow:0 8px 24px rgba(36,73,26,.08)}
.executive-icon{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#edf6e5;color:#5d9410;font-weight:800;margin-bottom:12px}.executive-label{font-size:12px;color:var(--muted);min-height:30px}
.executive-value{font-size:21px;font-weight:800;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.executive-change{font-size:11px;margin-top:8px;color:#27824b;font-weight:600;min-height:28px}.executive-change.down{color:#c54646}.executive-change.neutral{color:var(--muted)}
.executive-kpi.warn .executive-icon{background:#fff1d9;color:#a36a0b}.executive-kpi.danger .executive-icon{background:#fde4e4;color:#b33d3d}.executive-kpi .kpi-link{position:absolute;right:12px;top:12px;color:#91a087;font-size:14px}
.dashboard-event-list,.dashboard-insight-list{display:grid;gap:9px}.dashboard-event-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;padding:10px 11px;border:1px solid var(--line);border-radius:12px}.dashboard-event-time{font-size:11px;color:var(--muted);font-weight:700}.dashboard-event-title{font-weight:700}.dashboard-event-meta{font-size:12px;color:var(--muted);margin-top:3px}.dashboard-insight{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:13px}.dashboard-insight-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:#e5a038}.dashboard-insight-dot.red{background:#cf4949}.dashboard-insight-dot.green{background:#5b9d25}.dashboard-insight-title{font-weight:750}.dashboard-insight-text{font-size:12px;color:var(--muted);margin-top:4px}.dashboard-insight-action{font-size:12px;font-weight:750;color:#5d9410;white-space:nowrap}.dashboard-section-action{border:0;background:transparent;color:#5d9410;font-weight:700;cursor:pointer;padding:4px 0}
.dashboard-order-list{display:grid;gap:9px}.dashboard-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:12px}.dashboard-order-name{font-weight:700}.dashboard-order-meta{font-size:12px;color:var(--muted);margin-top:3px}.dashboard-order-value{text-align:right;font-weight:800}.dashboard-order-value small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}
.director-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.director-highlight{background:#fff;border:1px solid var(--line);border-left:4px solid #75ad28;border-radius:18px;padding:18px}.director-highlight.warning{border-left-color:#e8a13a}
.director-highlight-label{font-size:12px;color:var(--muted);text-transform:uppercase}.director-highlight-title{font-size:18px;font-weight:800;margin-top:9px}.director-highlight-value{font-size:20px;font-weight:800;color:#4f7f0c;margin-top:7px}.director-highlight-note{font-size:12px;color:var(--muted);margin-top:6px}
.director-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.director-two-columns>.chart-shell{margin:0;min-width:0}.section-card-head{margin-bottom:14px}.section-card-head h3{margin:0 0 4px}.section-card-head p{margin:0;color:var(--muted);font-size:13px}
.dashboard-ranking,.dashboard-attention-list{display:grid;gap:9px}.dashboard-rank-row,.dashboard-attention-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fff}
.dashboard-rank-number{width:27px;height:27px;border-radius:8px;background:#edf6e5;color:#5c9112;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}
.dashboard-rank-name,.dashboard-attention-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-rank-meta,.dashboard-attention-meta{font-size:12px;color:var(--muted);margin-top:3px}.dashboard-rank-value,.dashboard-attention-value{font-weight:750;white-space:nowrap;text-align:right}
.dashboard-attention-row{grid-template-columns:10px minmax(0,1fr) auto}.dashboard-attention-dot{width:9px;height:9px;border-radius:50%;background:#e5a038}.dashboard-attention-dot.red{background:#cf4949}.dashboard-alert-card{margin-top:16px}.dashboard-alert-card #alerts p{padding:10px 12px;border:1px solid var(--line);border-radius:11px;margin:8px 0}
@media(max-width:1050px){.executive-kpi-grid.primary{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-kpi-grid.primary .executive-kpi:last-child{grid-column:1/-1}.executive-kpi-grid.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.director-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.director-hero{display:block}.director-period-label{display:inline-block;margin-top:14px}.executive-kpi-grid.primary,.executive-kpi-grid.secondary,.director-summary-grid,.director-two-columns{grid-template-columns:1fr}.executive-kpi-grid.primary .executive-kpi:last-child,.executive-kpi-grid.secondary .executive-kpi:last-child{grid-column:auto}}

/* ===== Full Product Profile v35.15 ===== */
.product-profile-shell{display:grid;gap:16px;margin-bottom:20px}
.product-profile-header{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;
  padding:21px 22px;border-radius:20px;background:linear-gradient(135deg,#f4f8ef,#eef5e8);
  border:1px solid #dce8d1
}
.product-profile-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#68932a;font-weight:800}
.product-profile-header h2{margin:6px 0 5px;font-size:25px}.product-profile-header p{margin:0;color:var(--muted)}
.product-profile-status{padding:9px 12px;border-radius:999px;background:#e8f4dc;color:#527f16;font-weight:750;white-space:nowrap}
.product-profile-status.warn{background:#fff1d9;color:#a36a0b}.product-profile-status.danger{background:#fde4e4;color:#b33d3d}
.product-profile-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product-profile-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.product-profile-kpi span{display:block;color:var(--muted);font-size:12px}.product-profile-kpi strong{display:block;font-size:21px;margin-top:7px}.product-profile-kpi small{display:block;color:var(--muted);margin-top:5px}
.product-profile-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.product-profile-chart{min-height:280px}
.product-stock-distribution{display:grid;gap:11px}
.product-stock-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px}
.product-stock-item strong{font-size:17px}.product-stock-item small{display:block;color:var(--muted);margin-top:3px}
.product-stock-bar{height:7px;background:#edf1f5;border-radius:999px;overflow:hidden;margin-top:7px}.product-stock-bar span{display:block;height:100%;background:linear-gradient(90deg,#79b91c,#5f9d0d)}
.product-history-list{display:grid;gap:9px;max-height:360px;overflow:auto;padding-right:3px}
.product-history-row{display:grid;grid-template-columns:86px 14px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:12px}
.product-history-date{font-size:12px;color:var(--muted)}.product-history-dot{width:10px;height:10px;border-radius:50%;background:#d94949}.product-history-dot.in{background:#65a722}
.product-history-title{font-weight:650}.product-history-meta{font-size:12px;color:var(--muted);margin-top:3px}.product-history-value{font-weight:800;white-space:nowrap}.product-history-value.in{color:#5d9410}.product-history-value.out{color:#c44a4a}
@media(max-width:1050px){.product-profile-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.product-profile-grid{grid-template-columns:1fr}}
@media(max-width:650px){.product-profile-header{display:block}.product-profile-status{display:inline-block;margin-top:13px}.product-profile-kpis{grid-template-columns:1fr}.product-history-row{grid-template-columns:72px 10px minmax(0,1fr)}.product-history-value{grid-column:3}}


/* ===== Product selector top v35.16 ===== */
.product-selector-top{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr) auto;
  gap:18px;align-items:center;margin-bottom:16px;padding:20px 22px;
  border-radius:20px;background:#fff;border:1px solid var(--line);
  box-shadow:0 8px 28px rgba(29,62,44,.06)
}
.product-selector-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#68932a;font-weight:800}
.product-selector-copy h2{margin:6px 0 4px;font-size:23px}.product-selector-copy p{margin:0;color:var(--muted);font-size:13px}
.product-selector-controls{display:grid;grid-template-columns:1fr;gap:9px}
.product-selector-controls input,.product-selector-controls select{width:100%;min-height:44px}
.product-selector-summary{
  min-width:180px;padding:12px 14px;border-radius:14px;background:#f3f8ed;
  color:#557d1c;font-weight:700;text-align:right
}
.product-selector-summary small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
@media(max-width:980px){.product-selector-top{grid-template-columns:1fr 1fr}.product-selector-summary{grid-column:1/-1;text-align:left}}
@media(max-width:650px){.product-selector-top{grid-template-columns:1fr}.product-selector-summary{grid-column:auto}}


/* ===== Unified notifications and loading v35.21 ===== */
.toast-stack{position:fixed;top:20px;right:20px;z-index:10050;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.app-toast{pointer-events:auto;display:grid;grid-template-columns:36px minmax(0,1fr) 28px;gap:10px;align-items:start;padding:14px 14px;border:1px solid var(--line);border-left:4px solid #7aa52e;border-radius:15px;background:#fff;box-shadow:0 16px 44px rgba(27,50,36,.18);animation:toastIn .22s ease-out}
.app-toast.error{border-left-color:#d64d4d}.app-toast.warning{border-left-color:#db922b}.app-toast.info{border-left-color:#3d83c7}
.app-toast-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf6df;color:#5f8c20;font-weight:900}.app-toast.error .app-toast-icon{background:#fff0f0;color:#c53d3d}.app-toast.warning .app-toast-icon{background:#fff6e8;color:#b87516}.app-toast.info .app-toast-icon{background:#edf6ff;color:#2e72b3}
.app-toast-title{font-weight:800;font-size:14px;line-height:1.25}.app-toast-message{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.42;white-space:pre-line}.app-toast-close{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:2px;border-radius:7px}.app-toast-close:hover{background:#f2f5ef;color:var(--text)}
.app-toast.removing{animation:toastOut .18s ease-in forwards}@keyframes toastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateX(18px) scale(.98)}}
.app-busy{position:fixed;inset:0;z-index:10040;background:rgba(245,248,242,.72);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center}.app-busy.show{display:flex}.app-busy-card{min-width:240px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(27,50,36,.18);text-align:center;font-weight:750}.app-spinner{width:38px;height:38px;margin:0 auto 13px;border:4px solid #e7ecdf;border-top-color:#73a12b;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.toast-stack{top:12px;right:12px;width:calc(100vw - 24px)}}


.audit-toolbar{display:grid;grid-template-columns:1.2fr repeat(3,minmax(150px,.6fr)) auto;gap:10px;margin:14px 0 18px}.audit-toolbar input,.audit-toolbar select{width:100%}.audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.audit-summary .card{padding:15px}.audit-summary b{display:block;font-size:24px;margin-top:5px}.audit-table-wrap{overflow:auto}.audit-detail{max-width:520px;white-space:normal;color:var(--muted);font-size:13px}.audit-empty{text-align:center;padding:35px;color:var(--muted)}@media(max-width:900px){.audit-toolbar{grid-template-columns:1fr 1fr}.audit-summary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.audit-toolbar,.audit-summary{grid-template-columns:1fr}}

/* v35.23 Notification Center */
.notification-wrap{position:relative}.notification-bell{position:relative;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;font-size:20px;cursor:pointer}.notification-bell:hover{background:#f5f8fb}.notification-badge{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center;border:2px solid #fff}.notification-badge.show{display:flex}.notification-dropdown{position:absolute;right:0;top:50px;width:min(390px,calc(100vw - 28px));max-height:520px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px rgba(15,23,42,.18);z-index:300;display:none;overflow:hidden}.notification-dropdown.show{display:block}.notification-drop-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--line)}.notification-drop-list{max-height:390px;overflow:auto}.notification-item{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:13px 15px;border-bottom:1px solid #edf1f5;cursor:pointer}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f3f8ff}.notification-dot{width:9px;height:9px;border-radius:999px;margin-top:6px;background:#667085}.notification-dot.success{background:#12b76a}.notification-dot.warning{background:#f79009}.notification-dot.error{background:#f04438}.notification-dot.info{background:#2e90fa}.notification-item-title{font-weight:750;font-size:13px}.notification-item-message{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.notification-item-time{font-size:11px;color:var(--muted);white-space:nowrap}.notification-drop-foot{padding:12px 15px;display:flex;gap:8px;justify-content:space-between;background:#fafbfc}.notification-toolbar{display:grid;grid-template-columns:1.4fr repeat(2,minmax(150px,.55fr)) auto auto;gap:10px;margin:14px 0 18px}.notification-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.notification-summary .card{padding:15px}.notification-summary b{display:block;font-size:24px;margin-top:5px}.notification-page-item{display:grid;grid-template-columns:12px minmax(180px,.65fr) minmax(280px,1.7fr) 150px 170px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.notification-page-item.unread{background:#f4f8ff}.notification-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.notification-empty{text-align:center;padding:40px;color:var(--muted)}@media(max-width:900px){.notification-toolbar{grid-template-columns:1fr 1fr}.notification-summary{grid-template-columns:1fr 1fr}.notification-page-item{grid-template-columns:10px 1fr}.notification-page-item>div:nth-child(n+4){grid-column:2}.notification-actions{justify-content:flex-start}}@media(max-width:560px){.notification-toolbar,.notification-summary{grid-template-columns:1fr}.notification-bell{width:38px;height:38px}.notification-page-item{padding:12px}}

/* ===== Notification Center modern UI v35.23.1 ===== */
.notification-wrap{isolation:isolate}
.notification-bell{width:44px;height:44px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 18px rgba(15,23,42,.06);transition:.2s ease;color:#344054}
.notification-bell:hover{transform:translateY(-1px);background:#fff;border-color:rgba(29,78,216,.18);box-shadow:0 10px 25px rgba(15,23,42,.10);color:#175cd3}
.notification-bell:active{transform:translateY(0) scale(.97)}
.notification-bell-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;background:linear-gradient(135deg,#f04438,#d92d20);font-size:10px;box-shadow:0 3px 8px rgba(217,45,32,.32)}
.notification-dropdown{top:54px;width:min(430px,calc(100vw - 24px));max-height:620px;border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.20),0 2px 8px rgba(15,23,42,.06);animation:notificationPop .18s ease-out;transform-origin:top right}
@keyframes notificationPop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.notification-drop-head{padding:18px 18px 15px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.notification-drop-head>div{display:flex;flex-direction:column;gap:3px}.notification-drop-head b{font-size:17px;letter-spacing:-.2px;color:#101828}.notification-drop-head span{font-size:12px;color:#667085}
.notification-link-btn{border:0!important;background:transparent!important;color:#175cd3!important;padding:7px 8px!important;font-weight:700!important;font-size:12px!important;border-radius:9px!important}.notification-link-btn:hover{background:#eff8ff!important}
.notification-drop-list{max-height:430px;padding:6px 8px 8px;background:#fff}
.notification-item{grid-template-columns:40px 1fr;gap:11px;padding:12px 10px;margin:3px 0;border:0;border-radius:13px;transition:.16s ease}
.notification-item:hover{background:#f8fafc;transform:translateX(2px)}.notification-item.unread{background:#f5f8ff}.notification-item.unread:hover{background:#eef4ff}
.notification-type-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}.notification-type-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.notification-type-icon.info{background:#eff8ff;color:#1570ef}.notification-type-icon.success{background:#ecfdf3;color:#039855}.notification-type-icon.warning{background:#fffaeb;color:#dc6803}.notification-type-icon.error{background:#fef3f2;color:#d92d20}
.notification-item-content{min-width:0}.notification-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notification-item-title{font-size:13px;font-weight:750;color:#101828;line-height:1.35}.notification-item-time{font-size:10px;color:#98a2b3;padding-top:2px}.notification-item-message{font-size:12px;color:#475467;margin-top:4px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-meta{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:10px;color:#98a2b3}
.notification-new-pill{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:999px;background:#eaf2ff;color:#175cd3;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.notification-drop-foot{padding:12px 14px 14px;background:#f8fafc;border-top:1px solid #eef2f6}.notification-drop-foot button{flex:1;justify-content:center}
.notification-primary-btn,.notification-ghost-btn,.notification-danger-btn{min-height:38px;border-radius:11px!important;padding:9px 13px!important;font-weight:700!important;font-size:12px!important;transition:.16s ease!important}
.notification-primary-btn{background:#175cd3!important;border:1px solid #175cd3!important;color:#fff!important;box-shadow:0 4px 12px rgba(23,92,211,.18)}.notification-primary-btn:hover{background:#1849a9!important;transform:translateY(-1px)}
.notification-ghost-btn{background:#fff!important;border:1px solid #d0d5dd!important;color:#344054!important}.notification-ghost-btn:hover{background:#f9fafb!important;border-color:#98a2b3!important}
.notification-danger-btn{background:#fff!important;border:1px solid #fecdca!important;color:#b42318!important}.notification-danger-btn:hover{background:#fef3f2!important}
.notification-page-head{padding-bottom:20px;border-bottom:1px solid #eef2f6;margin-bottom:18px}.notification-page-head h2{margin:3px 0 4px;font-size:25px;letter-spacing:-.5px}.notification-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:#175cd3}
.notification-summary{gap:14px}.notification-summary .card{position:relative;overflow:hidden;padding:18px;border:1px solid #eaecf0;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.03);background:linear-gradient(145deg,#fff,#fbfcfe)}.notification-summary .card:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;right:-22px;top:-24px;background:#f2f4f7}.notification-summary span{font-size:12px;color:#667085;font-weight:650}.notification-summary b{font-size:27px;color:#101828;letter-spacing:-.7px}
.notification-toolbar{padding:12px;background:#f8fafc;border:1px solid #eaecf0;border-radius:15px}.notification-toolbar input,.notification-toolbar select{height:42px;border-radius:10px;background:#fff;border-color:#d0d5dd}
#notificationPageList{display:flex;flex-direction:column;gap:9px}
.notification-page-item{grid-template-columns:44px minmax(0,1fr) auto;gap:13px;padding:15px 16px;border:1px solid #eaecf0;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:.17s ease}.notification-page-item:hover{border-color:#d0d5dd;box-shadow:0 8px 24px rgba(16,24,40,.07);transform:translateY(-1px)}.notification-page-item.unread{background:linear-gradient(90deg,#f5f8ff,#fff 48%);border-color:#d6e4ff;box-shadow:inset 3px 0 #2e90fa}
.notification-page-main{min-width:0}.notification-page-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.notification-page-top>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.notification-page-top b{font-size:14px;color:#101828}.notification-page-top time{font-size:11px;color:#98a2b3;white-space:nowrap}.notification-page-main p{margin:7px 0 9px;color:#475467;font-size:13px;line-height:1.5}.notification-page-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:#98a2b3}.notification-page-meta>span:first-child{padding:4px 8px;border-radius:7px;background:#f2f4f7;color:#475467;font-weight:650}
.notification-type-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;padding:4px 7px;border-radius:999px}.notification-type-label.info{background:#eff8ff;color:#175cd3}.notification-type-label.success{background:#ecfdf3;color:#027a48}.notification-type-label.warning{background:#fffaeb;color:#b54708}.notification-type-label.error{background:#fef3f2;color:#b42318}
.notification-actions{flex-wrap:nowrap}.notification-icon-btn{width:34px;height:34px;border-radius:10px!important;padding:0!important;font-size:17px!important;font-weight:700!important;display:grid!important;place-items:center}.notification-icon-btn.read{background:#ecfdf3!important;border:1px solid #abefc6!important;color:#027a48!important}.notification-icon-btn.delete{background:#fff!important;border:1px solid #eaecf0!important;color:#98a2b3!important}.notification-icon-btn.delete:hover{background:#fef3f2!important;border-color:#fecdca!important;color:#b42318!important}
.notification-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:42px 20px}.notification-empty-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#ecfdf3;color:#039855;font-size:22px;margin-bottom:5px}.notification-empty b{color:#344054}.notification-empty span:not(.notification-empty-icon){font-size:12px;color:#98a2b3}.notification-page-empty{border:1px dashed #d0d5dd;border-radius:16px;background:#fcfcfd}
@media(max-width:900px){.notification-page-item{grid-template-columns:40px 1fr}.notification-actions{grid-column:2;justify-content:flex-start}.notification-page-top{flex-direction:column;gap:5px}.notification-toolbar{grid-template-columns:1fr 1fr}.notification-toolbar input{grid-column:1/-1}}
@media(max-width:560px){.notification-dropdown{position:fixed;left:12px;right:12px;top:66px;width:auto}.notification-drop-foot{flex-direction:column}.notification-page-item{padding:13px}.notification-page-head{align-items:flex-start}.notification-page-head>button{width:100%;margin-top:12px}.notification-toolbar{grid-template-columns:1fr}.notification-toolbar input{grid-column:auto}}

.smart-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.smart-kpi{background:#fff;border:1px solid #e8edf3;border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(15,35,55,.05)}.smart-kpi small{display:block;color:#748092;font-size:12px;margin-bottom:5px}.smart-kpi strong{font-size:22px;color:#162033}.smart-kpi-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:17px}.smart-kpi-icon.danger{background:#fff0f1;color:#d83b4d}.smart-kpi-icon.warning{background:#fff6df;color:#b77900}.smart-kpi-icon.success{background:#eaf8f1;color:#18865d}.smart-kpi-icon.info{background:#edf4ff;color:#356fd6}.smart-card{overflow:hidden}.smart-legend{display:flex;gap:18px;flex-wrap:wrap;padding:0 0 16px;color:#657185;font-size:12px}.smart-legend span{display:flex;align-items:center;gap:7px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.status-ok{background:#20a66a;box-shadow:0 0 0 4px #e8f7f0}.status-warning{background:#e2a22b;box-shadow:0 0 0 4px #fff6df}.status-danger{background:#df4b5b;box-shadow:0 0 0 4px #fff0f1}.smart-table th{white-space:nowrap}.smart-table td{vertical-align:middle}.smart-product{display:flex;align-items:center;gap:12px;min-width:190px}.smart-product small,.cell-note,.classification-row small{display:block;color:#8993a3;font-size:11px;margin-top:3px}.class-badges{display:flex;gap:6px}.class-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:9px;font-weight:800;font-size:12px}.abc-A{background:#e8f7f0;color:#13835a}.abc-B{background:#edf4ff;color:#356fd6}.abc-C{background:#f1f3f6;color:#697586}.xyz-X{background:#e8f7f0;color:#13835a}.xyz-Y{background:#fff6df;color:#aa7300}.xyz-Z{background:#fff0f1;color:#cc3e50}.planning-input{width:78px!important;min-width:70px;padding:8px 9px!important;border-radius:9px!important}.target-months{display:flex;align-items:center;gap:5px;color:#8993a3;font-size:11px}.coverage-value{font-weight:800;white-space:nowrap}.coverage-value.ok{color:#18865d}.coverage-value.warning{color:#ad7600}.coverage-value.danger{color:#d33f51}.recommendation{min-width:128px;padding:8px 10px;border-radius:11px}.recommendation span{display:block;font-size:10px;font-weight:700;margin-bottom:2px}.recommendation strong{font-size:13px}.recommendation.ok{background:#eef9f4;color:#18865d}.recommendation.warning{background:#fff8e8;color:#a56d00}.recommendation.danger{background:#fff1f2;color:#ce3c4f}.smart-analysis-grid{margin-top:18px}.classification-list{display:grid;gap:10px}.classification-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #edf0f4;border-radius:13px}.classification-row b{font-size:13px;color:#283345}.secondary.compact{padding:9px 13px;font-size:12px}@media(max-width:1100px){.smart-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.smart-kpi-grid{grid-template-columns:1fr}.smart-kpi{padding:14px}.smart-analysis-grid{grid-template-columns:1fr}.smart-legend{gap:10px}.section-card-head{align-items:flex-start}}

/* v35.26 Product 360 */
.p360-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:24px;border-radius:20px;background:linear-gradient(135deg,#f8fbf4,#eef6e5);border:1px solid #dce8cf;margin-bottom:18px}.p360-hero h2{margin:4px 0 6px;font-size:27px}.p360-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#639e18}.p360-selector{display:flex;gap:10px;flex-wrap:wrap;min-width:min(100%,480px)}.p360-selector input,.p360-selector select{min-width:220px;background:#fff}.p360-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.p360-kpi{background:#fff;border:1px solid #e4e8ed;border-radius:16px;padding:17px;box-shadow:0 7px 24px rgba(22,34,50,.05)}.p360-kpi span{display:block;color:#758194;font-size:12px}.p360-kpi strong{display:block;font-size:22px;margin:7px 0 3px}.p360-kpi small{color:#8b95a5}.p360-two{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:16px}.p360-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.p360-badges{display:flex;gap:8px;flex-wrap:wrap}.p360-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:34px;border-radius:10px;font-weight:900}.p360-badge.a,.p360-badge.x{background:#eaf7dc;color:#4e7e12}.p360-badge.b,.p360-badge.y{background:#fff4d6;color:#a06b00}.p360-badge.c,.p360-badge.z{background:#fde7e7;color:#b03939}.p360-info-list{display:grid;gap:10px}.p360-info-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf0f3}.p360-info-row:last-child{border:0}.p360-info-row span{color:#788394}.p360-logistics-row,.p360-doc-row,.p360-timeline-row{display:grid;grid-template-columns:1.2fr .8fr .7fr .7fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f3}.p360-timeline-row{grid-template-columns:130px 1fr 1.2fr}.p360-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2f6}.p360-doc-row{grid-template-columns:1.3fr .8fr .8fr auto}.p360-doc-form{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px;margin-bottom:10px}.p360-chart{min-height:280px}.p360-empty{padding:28px;text-align:center;color:#8a94a3}.p360-action{white-space:nowrap}.p360-risk{font-weight:800}.p360-risk.ok{color:#579214}.p360-risk.warn{color:#b67a00}.p360-risk.danger{color:#c33d3d}@media(max-width:1100px){.p360-grid{grid-template-columns:repeat(2,1fr)}.p360-two,.p360-three{grid-template-columns:1fr}}@media(max-width:700px){.p360-hero{display:block}.p360-selector{margin-top:16px}.p360-selector input,.p360-selector select{width:100%;min-width:0}.p360-grid{grid-template-columns:1fr}.p360-doc-form{grid-template-columns:1fr}.p360-logistics-row,.p360-doc-row,.p360-timeline-row{grid-template-columns:1fr;gap:4px}.p360-logistics-head{display:none}}