/*
 * UPPER Export Sales CRM — styles
 * Ported unchanged (visual design already validated by users) from the
 * original single-file HTML prototype. Only the .client-link class was
 * renamed to .customer-link to match the customer/client rename.
 */

:root{--ink:#101318;--ink2:#20252d;--paper:#f4f6f9;--white:#fff;--muted:#6d7684;--line:#e3e7ed;--orange:#ff8a00;--orange2:#ffad33;--orange-soft:#fff2df;--green:#15966b;--green-soft:#e8f7f1;--red:#d94747;--red-soft:#fdecec;--blue:#2878c7;--blue-soft:#eaf3fb;--purple:#7b55b7;--purple-soft:#f1ecf9;--shadow:0 14px 38px rgba(15,20,28,.08);--shadow-sm:0 6px 18px rgba(15,20,28,.06);--radius:15px;--sidebar:74px;--topbar:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.42}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.text-right{text-align:right}.nowrap{white-space:nowrap}
.login-screen{min-height:100vh;background:radial-gradient(circle at 78% 16%,rgba(255,138,0,.23),transparent 28%),linear-gradient(135deg,#080a0d 0%,#151a21 62%,#08090b 100%);display:grid;place-items:center;padding:28px}.login-shell{width:min(1100px,96vw);display:grid;grid-template-columns:1.08fr .92fr;background:rgba(12,15,19,.96);border:1px solid #2d333b;border-radius:24px;overflow:hidden;box-shadow:0 42px 110px rgba(0,0,0,.5)}.login-brand{padding:54px;color:#fff;min-height:620px;background:linear-gradient(150deg,rgba(255,138,0,.15),transparent 45%),#090b0e;display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#ffbf6a;font-weight:900}.login-brand h1{font-size:clamp(48px,5.8vw,80px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.login-brand h1 span{color:var(--orange)}.login-brand p{font-size:18px;color:#bec5ce;max-width:560px}.feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.feature-chip{border:1px solid #363b43;background:rgba(255,255,255,.03);border-radius:999px;padding:8px 11px;font-size:10px;color:#d8dde4}.login-credit{margin-top:auto;padding-top:24px;border-top:1px solid #2b3037;color:#858d98;font-size:11px}.login-panel{padding:52px 46px;background:#fff;display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:32px;margin:0 0 6px;letter-spacing:-.04em}.login-panel>p{color:var(--muted);margin:0 0 26px}.login-form{display:grid;gap:14px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#606976;font-weight:900}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px;outline:none}.field textarea{min-height:85px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ffb55b;box-shadow:0 0 0 4px rgba(255,138,0,.11)}.login-btn{border:0;background:var(--orange);color:#19130b;border-radius:11px;padding:12px 15px;font-weight:950}.login-error{min-height:18px;color:var(--red);font-size:11px;font-weight:800}.login-hint{margin-top:18px;border:1px solid var(--line);background:#f7f9fb;border-radius:10px;padding:11px;font-size:10px;color:#687281;line-height:1.55}
.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#090b0f;color:#fff;padding:16px 10px;display:flex;flex-direction:column;z-index:60;border-right:1px solid #222730;overflow:hidden;transition:width .22s ease,box-shadow .22s ease}.sidebar:hover,.sidebar:focus-within{width:252px;box-shadow:18px 0 44px rgba(0,0,0,.28)}.brand{min-height:73px;border-bottom:1px solid #282d34;padding:8px 6px 15px;white-space:nowrap;overflow:hidden;position:relative}.brand:after{content:"U";position:absolute;left:50%;top:7px;transform:translateX(-50%);width:39px;height:39px;border-radius:11px;background:var(--orange);color:#111;display:grid;place-items:center;font-size:21px;font-weight:950}.brand>*{opacity:0;transition:.12s}.sidebar:hover .brand:after,.sidebar:focus-within .brand:after{opacity:0}.sidebar:hover .brand>*,.sidebar:focus-within .brand>*{opacity:1}.brand-top{font-size:9px;letter-spacing:.22em;color:#a2a9b4;font-weight:900}.brand-name{font-size:23px;font-weight:950;letter-spacing:-.045em;margin-top:4px}.brand-name span{color:var(--orange)}.brand-sub{font-size:10px;color:#7f8793;margin-top:3px}.nav{display:flex;flex-direction:column;gap:4px;padding:12px 0;overflow-x:hidden;overflow-y:hidden}.sidebar:hover .nav,.sidebar:focus-within .nav{overflow-y:auto}.nav::-webkit-scrollbar{width:7px}.nav::-webkit-scrollbar-thumb{background:#3c424b;border-radius:999px}.nav-group{max-height:0;opacity:0;overflow:hidden;padding:0;color:#737d89;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:950}.sidebar:hover .nav-group,.sidebar:focus-within .nav-group{max-height:26px;opacity:1;padding:12px 10px 4px}.nav button{position:relative;border:0;background:transparent;color:#aeb6c1;border-radius:10px;width:50px;min-height:43px;margin:0 auto;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:0;font-size:0;white-space:nowrap;overflow:hidden;font-weight:800}.nav button:hover{background:#171b21;color:#fff}.nav button.active{background:#22272e;color:#fff;box-shadow:inset 3px 0 var(--orange)}.nav-icon{width:24px;flex:0 0 24px;display:grid;place-items:center;font-size:17px}.sidebar:hover .nav button,.sidebar:focus-within .nav button{width:100%;margin:0;padding:10px 11px;justify-content:flex-start;gap:10px;font-size:12px}.side-footer{margin-top:auto;border-top:1px solid #282d34;padding:12px 0 0;overflow:hidden}.side-footer .version{display:none;color:#747d89;font-size:9px;line-height:1.45}.side-btn{width:42px;height:38px;margin:7px auto 0;border:1px solid #353b44;background:#171b21;color:#d7dde5;border-radius:9px;font-size:0;display:grid;place-items:center}.side-btn:before{content:"↻";font-size:16px}.sidebar:hover .side-footer,.sidebar:focus-within .side-footer{padding:12px 8px 0}.sidebar:hover .version,.sidebar:focus-within .version{display:block}.sidebar:hover .side-btn,.sidebar:focus-within .side-btn{width:100%;height:auto;padding:8px 10px;font-size:10px}.sidebar:hover .side-btn:before,.sidebar:focus-within .side-btn:before{content:none}
.shell{grid-column:2;min-width:0}.topbar{height:var(--topbar);position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 20px}.menu-btn{display:none;border:0;background:#f0f2f5;border-radius:8px;width:38px;height:38px}.global-search{position:relative;flex:1;max-width:570px}.global-search input{width:100%;border:1px solid var(--line);background:#f7f9fb;border-radius:10px;padding:10px 13px 10px 37px;outline:none}.search-mark{position:absolute;left:13px;top:10px;color:#8c949f}.top-spacer{flex:1}.fx-box{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px;font-size:10px;display:flex;align-items:center;gap:8px;white-space:nowrap}.fx-box b{font-size:11px}.fx-dot{width:8px;height:8px;border-radius:50%;background:#d3a119}.fx-dot.ok{background:var(--green)}.avatar{width:35px;height:35px;border-radius:50%;background:#171b21;color:#fff;display:grid;place-items:center;font-weight:900;font-size:11px}.user-box{display:flex;align-items:center;gap:9px}.user-box b{display:block;font-size:11px}.user-box small{display:block;color:var(--muted);font-size:9px}.top-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-weight:800;font-size:10px}.content{padding:24px;max-width:1800px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.page-head h1{font-size:28px;letter-spacing:-.04em;margin:0}.page-head p{margin:5px 0 0;color:var(--muted)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:#222831;border-radius:9px;padding:9px 12px;font-weight:850;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--orange);border-color:var(--orange);color:#19130a}.btn.dark{background:#111419;border-color:#111419;color:#fff}.btn.danger{background:#fff;color:#b52f2f;border-color:#efc7c7}.btn.sm{padding:6px 8px;font-size:9px}.grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(5,minmax(150px,1fr));margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}.kpi.green:before{background:var(--green)}.kpi.blue:before{background:var(--blue)}.kpi.red:before{background:var(--red)}.kpi label{display:block;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:8px;font-weight:900}.kpi strong{display:block;font-size:23px;letter-spacing:-.035em;margin:6px 0 2px}.kpi small{font-size:9px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid var(--line)}.card-head h2,.card-head h3{margin:0;font-size:17px}.card-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.card-body{padding:16px 17px}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.5fr);gap:14px}.stack{display:grid;gap:14px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line);background:#fbfcfd}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 9px;font-size:10px;min-width:150px}.toolbar .grow{flex:1}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:920px}.data-table th{background:#f7f8fa;color:#606976;text-align:left;padding:10px 12px;font-size:8px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th.sortable{cursor:pointer}.data-table td{padding:11px 12px;border-bottom:1px solid #eceff2;font-size:10px;vertical-align:middle}.data-table tbody tr:hover{background:#fffaf2}.customer-link{font-weight:900;cursor:pointer}.customer-link:hover{color:#a55d00;text-decoration:underline}.subline{display:block;color:var(--muted);font-size:8px;margin-top:2px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900;background:#edf0f3;color:#555e69}.pill.orange{background:var(--orange-soft);color:#8d5600}.pill.green{background:var(--green-soft);color:#08704f}.pill.red{background:var(--red-soft);color:#a82c2c}.pill.blue{background:var(--blue-soft);color:#155c94}.pill.purple{background:var(--purple-soft);color:#68439c}.actions{display:flex;gap:5px;flex-wrap:wrap}.empty{padding:38px 20px;text-align:center;color:var(--muted)}
.agenda-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);gap:14px}.agenda-list{display:grid;gap:10px}.agenda-day{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.agenda-date{padding:10px 12px;background:#f5f7f9;border-bottom:1px solid var(--line);font-weight:900}.agenda-row{display:grid;grid-template-columns:78px minmax(190px,1fr) minmax(160px,.7fr) auto;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line)}.agenda-row:last-child{border-bottom:0}.calendar{position:sticky;top:90px}.calendar-head{display:flex;align-items:center;justify-content:space-between;padding:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar-grid>div{min-height:58px;padding:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;position:relative}.calendar-grid .dow{min-height:auto;background:#111419;color:#fff;text-align:center;font-weight:900;padding:7px}.calendar-grid .day{cursor:pointer}.calendar-grid .day:hover,.calendar-grid .day.active{background:#fff4e5;outline:2px solid var(--orange);outline-offset:-2px}.calendar-grid .outside{color:#afb4bc;background:#fafbfc}.day-count{position:absolute;right:5px;top:5px;background:#171b21;color:#fff;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:8px}.day-count.hot{background:var(--orange);color:#111}.day-tasks{position:absolute;left:6px;right:6px;bottom:5px;color:var(--muted);font-size:8px}
.kanban{display:flex;gap:12px;overflow:auto;padding:14px;min-height:560px}.kanban-col{width:285px;min-width:285px;background:#f0f2f5;border:1px solid #dde1e6;border-radius:12px}.kanban-head{padding:11px 12px;border-bottom:1px solid #d9dde3;display:flex;justify-content:space-between}.kanban-cards{padding:9px;display:grid;gap:8px}.kanban-card{background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:11px;box-shadow:0 3px 10px rgba(15,18,23,.05);cursor:grab}.kanban-card h4{margin:0 0 5px;font-size:12px}.kanban-card p{margin:0;color:var(--muted);font-size:9px}.kanban-card .meta{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px;align-items:center}.prob{font-weight:900}.funnel-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:14px}.funnel-row{display:grid;grid-template-columns:145px 1fr 70px;gap:10px;align-items:center;padding:10px 0}.funnel-track{height:34px;background:#edf0f3;border-radius:8px;overflow:hidden}.funnel-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--orange),var(--orange2));min-width:3px}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:150px 1fr 60px;gap:10px;align-items:center}.bar-track{height:22px;background:#edf0f3;border-radius:7px;overflow:hidden}.bar-track span{height:100%;display:block;background:var(--blue);border-radius:7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-back{position:fixed;inset:0;background:rgba(5,7,10,.62);z-index:120;display:none;align-items:center;justify-content:center;padding:18px}.modal-back.open{display:flex}.modal{background:#fff;border-radius:15px;width:min(740px,96vw);max-height:92vh;overflow:auto;box-shadow:0 32px 100px rgba(0,0,0,.35)}.modal.wide{width:min(980px,97vw)}.modal-head{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{margin:0;font-size:17px}.modal-close{border:0;background:#111;color:#fff;width:31px;height:31px;border-radius:50%}.modal-body{padding:17px}.modal-foot{padding:13px 17px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff}.drawer-back{position:fixed;inset:0;background:rgba(5,7,10,.56);z-index:100;display:none;justify-content:flex-end}.drawer-back.open{display:flex}.drawer{width:min(940px,96vw);height:100%;background:var(--paper);overflow:auto;box-shadow:-30px 0 80px rgba(0,0,0,.25)}.drawer-head{position:sticky;top:0;background:#111419;color:#fff;padding:18px 20px;display:flex;justify-content:space-between;z-index:4}.drawer-head h2{margin:0}.drawer-body{padding:18px}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--orange);border:3px solid #fff;box-shadow:0 0 0 1px #d8dde3;margin-top:3px}.timeline-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px}.timeline-card b{display:block;font-size:10px}.timeline-card p{margin:4px 0;font-size:10px;color:#4f5863}.timeline-card small{font-size:8px;color:var(--muted)}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:160;display:grid;gap:8px}.toast{background:#15181c;color:#fff;padding:11px 13px;border-radius:10px;box-shadow:var(--shadow);min-width:270px;max-width:430px;border-left:4px solid var(--orange)}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.split,.agenda-layout,.funnel-grid{grid-template-columns:1fr}.calendar{position:static}.agenda-row{grid-template-columns:70px 1fr auto}.agenda-row>*:nth-child(3){grid-column:2}}
@media(max-width:820px){:root{--sidebar:218px}.app{display:block}.shell{grid-column:auto}.sidebar{width:218px;transform:translateX(-105%);transition:.22s}.sidebar.open{transform:translateX(0)}.sidebar:hover{width:218px}.brand:after{display:none}.brand>*{opacity:1}.nav-group{max-height:26px;opacity:1;padding:12px 10px 4px}.nav button{width:100%;margin:0;padding:10px 11px;justify-content:flex-start;gap:10px;font-size:12px}.side-footer{padding:12px 8px}.side-footer .version{display:block}.side-btn{width:100%;height:auto;padding:8px 10px;font-size:10px}.side-btn:before{content:none}.menu-btn{display:block}.topbar{padding:0 12px;flex-wrap:wrap;height:auto;min-height:72px}.fx-box{display:none}.content{padding:15px}.page-head{display:block}.head-actions{margin-top:12px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.login-screen{padding:0}.login-shell{width:100%;min-height:100vh;border-radius:0;border:0;grid-template-columns:1fr}.login-brand{min-height:290px;padding:28px}.login-panel{padding:28px 22px}.kpi-grid{grid-template-columns:1fr}.toolbar>*{width:100%}.agenda-row{grid-template-columns:1fr}.agenda-row>*{grid-column:auto!important}}

.period-filter{display:flex;align-items:center;gap:6px;border-left:1px solid var(--line);padding-left:12px;white-space:nowrap}.period-filter label{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:900}.period-filter input,.period-filter select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 8px;font-size:9px;max-width:132px}.seller-filter{display:flex;align-items:center;gap:6px}.next-actions-compact .agenda-row{grid-template-columns:92px minmax(180px,1.2fr) minmax(180px,.9fr) 110px auto;padding:9px 12px;min-height:45px}.next-actions-compact .agenda-row>div{display:flex;align-items:center;gap:7px;min-width:0}.next-actions-compact .agenda-row .customer-link,.next-actions-compact .agenda-row .next-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-grid{grid-template-columns:repeat(3,minmax(250px,1fr))}.seller-card{padding:17px}.seller-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.seller-avatar{width:44px;height:44px;border-radius:50%;background:#15191f;color:#fff;display:grid;place-items:center;font-weight:950}.seller-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.seller-stat{background:#f6f8fa;border-radius:10px;padding:10px}.seller-stat b{display:block;font-size:16px}.seller-stat small{font-size:8px;color:var(--muted);text-transform:uppercase}.data-status{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f8fafb}.data-status-dot{width:9px;height:9px;border-radius:50%;background:#d4a11a}.data-status-dot.ok{background:var(--green)}.log-list{display:grid;gap:7px;max-height:330px;overflow:auto}.log-row{display:grid;grid-template-columns:130px 90px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);font-size:9px}.date-us{letter-spacing:.02em}.danger-link{color:#b52f2f!important;border-color:#efc7c7!important;background:#fff5f5!important}.fx-box .fx-rate-hidden{display:none}.backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.csv-note{font-size:9px;color:var(--muted);line-height:1.5}.admin-only-filter.hidden{display:none!important}
@media(max-width:1350px){.period-filter{order:3;width:100%;border-left:0;padding-left:50px}.topbar{padding-bottom:8px}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.period-filter{padding-left:0;overflow:auto}.period-filter label{display:none}.next-actions-compact .agenda-row{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.backup-grid{grid-template-columns:1fr}}

body{font-size:15.5px;line-height:1.48}.small{font-size:13px}.tiny{font-size:11px}.brand-top{font-size:10px}.brand-name{font-size:25px}.brand-sub{font-size:11px}.sidebar:hover .nav button,.sidebar:focus-within .nav button{font-size:13.5px}.global-search input{font-size:14px;padding-top:11px;padding-bottom:11px}.page-head h1{font-size:31px}.page-head p{font-size:15px}.btn{font-size:12.5px;padding:10px 13px}.btn.sm{font-size:11px;padding:7px 9px}.kpi label{font-size:9.5px}.kpi strong{font-size:25px}.kpi small{font-size:11px}.card-head h2,.card-head h3{font-size:19px}.card-head p{font-size:12px}.card-body{font-size:14px}.field label{font-size:10.5px}.field input,.field select,.field textarea{font-size:14.5px;padding:11px 12px}.data-table th{font-size:10px}.data-table td{font-size:12.5px}.pill{font-size:10.5px}.subline{font-size:10.5px}.modal-head h2{font-size:21px}.modal{font-size:14px}.drawer-head h2{font-size:23px}.drawer-head p{font-size:12px}.user-box b{font-size:13px}.user-box small{font-size:10.5px}.period-filter label{font-size:9.5px}.period-filter input,.period-filter select{font-size:11.5px;max-width:142px}.fx-box{gap:10px;padding:8px 11px;min-width:190px}.fx-box>div{display:flex;align-items:baseline;gap:7px}.fx-box small{font-size:10px;white-space:nowrap}.fx-box b{font-size:12px;white-space:nowrap}.fx-box .btn{margin-left:auto}.login-hint{display:none!important}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:#f3f5f8;color:#4e5866;display:grid;place-items:center;font-size:17px}.password-eye:hover{background:#e9edf2;color:#111}.kanban{gap:16px;min-height:610px;padding:16px}.kanban-col{width:340px;min-width:340px;min-height:575px;border-radius:15px}.kanban-col:nth-child(1){background:rgba(40,120,199,.14);border-color:rgba(40,120,199,.28)}.kanban-col:nth-child(2){background:rgba(255,138,0,.15);border-color:rgba(255,138,0,.30)}.kanban-col:nth-child(3){background:rgba(21,150,107,.15);border-color:rgba(21,150,107,.30)}.kanban-col:nth-child(4){background:rgba(217,71,71,.14);border-color:rgba(217,71,71,.28)}.kanban-head{padding:14px 15px;font-size:15px;background:rgba(255,255,255,.48);border-radius:14px 14px 0 0}.kanban-cards{padding:12px;gap:11px}.kanban-card{padding:14px;border-radius:12px}.kanban-card h4{font-size:14px}.kanban-card p{font-size:11px}.kanban-card .meta{font-size:13px}.us-picker-wrap{position:relative;display:flex;align-items:center}.us-picker-wrap input.us-picker-display{padding-right:44px;cursor:pointer;background:#fff}.us-picker-trigger{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:0;background:transparent;border-radius:8px;color:#303944;font-size:17px;display:grid;place-items:center}.us-picker-trigger:hover{background:#f2f4f7}.us-picker-popover{position:fixed;z-index:10000;width:310px;background:#fff;border:1px solid #dce2e9;border-radius:14px;box-shadow:0 22px 55px rgba(12,18,27,.22);padding:12px;font-size:13px}.us-picker-head{display:grid;grid-template-columns:36px 1fr 36px;gap:6px;align-items:center;margin-bottom:9px}.us-picker-head button{height:34px;border:1px solid #e1e5ea;background:#fff;border-radius:9px;font-weight:900}.us-picker-title{text-align:center;font-weight:900;font-size:14px}.us-picker-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:3px}.us-picker-week span{text-align:center;font-size:10px;color:#737d8b;font-weight:900;padding:4px 0}.us-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.us-picker-day{height:34px;border:0;background:transparent;border-radius:8px;font-size:12px}.us-picker-day:hover{background:#fff0df}.us-picker-day.other{color:#adb4be}.us-picker-day.today{box-shadow:inset 0 0 0 1px #ff8a00}.us-picker-day.selected{background:#ff8a00;color:#111;font-weight:900}.us-picker-months{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.us-picker-month{border:1px solid #e2e6eb;background:#fff;border-radius:9px;padding:10px 5px}.us-picker-month:hover{border-color:#ffb252;background:#fff5e8}.us-picker-month.selected{background:#ff8a00;border-color:#ff8a00;font-weight:900}.us-picker-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #edf0f3}.us-picker-foot button{border:0;background:transparent;color:#2878c7;font-weight:850;padding:6px 8px}.us-picker-foot button:hover{background:#f1f5fa;border-radius:7px}@media(max-width:1400px){.kanban-col{width:315px;min-width:315px}.fx-box{min-width:175px}}

/* V1.2.1 — calendar navigation, sortable tables and filter legibility only */
.toolbar input,.toolbar select,
.period-filter input,.period-filter select,
.seller-filter select,
.global-search input{
  font-size:14px!important;
}
.period-filter label,.seller-filter label{
  font-size:11px!important;
}
.data-table th[data-v121-sortable="true"]{
  cursor:pointer;
  user-select:none;
  position:relative;
  padding-right:26px!important;
}
.data-table th[data-v121-sortable="true"]:after{
  content:'↕';
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  color:#9aa3af;
  font-size:12px;
  font-weight:900;
}
.data-table th[data-v121-sort-dir="asc"]:after{content:'↑';color:var(--orange)}
.data-table th[data-v121-sort-dir="desc"]:after{content:'↓';color:var(--orange)}