:root{--navy:#082b50;--navy-deep:#041b33;--blue:#087bd2;--cyan:#69d5e7;--ice:#edf7fc;--bg:#f3f6f8;--white:#fff;--ink:#102c44;--muted:#6b7d8c;--line:#dfe8ee;--green:#21a879;--orange:#e49b3f;--red:#dc6464;--shadow:0 18px 45px rgba(13,46,75,.09)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--ink);background:var(--bg);font:400 1rem/1.5 "DM Sans",sans-serif}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.eyebrow{margin:0 0 12px;color:#a9dfff;font-size:.76rem;font-weight:700;letter-spacing:.18em}.eyebrow.dark{color:var(--blue)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.brand>span:last-child{display:flex;flex-direction:column;font-family:Manrope,sans-serif;line-height:.9;letter-spacing:.08em}.brand strong{font-size:1rem}.brand small{font-size:.6rem;letter-spacing:.26em;margin-top:7px}.brand-light{color:#fff;position:absolute;left:52px;top:43px;z-index:2}
.login-screen{min-height:100svh;display:grid;grid-template-columns:minmax(410px,47%) 1fr;background:#fff}.login-story{position:relative;overflow:hidden;min-height:720px;color:#fff;padding:54px;background:linear-gradient(150deg,rgba(4,27,51,.97),rgba(4,46,84,.91)),url("../assets/fleet-v2.png") center/cover}.login-story:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-210px;top:-140px;box-shadow:0 0 0 85px rgba(255,255,255,.025),0 0 0 170px rgba(255,255,255,.018)}.story-copy{position:relative;z-index:1;top:43%;transform:translateY(-50%);max-width:570px}.story-copy h1{font:800 clamp(3.5rem,5.6vw,6.7rem)/.93 Manrope,sans-serif;letter-spacing:-.07em;margin:0}.story-copy h1 em{font-style:normal;color:#9edbff}.story-copy>p:last-child{font-size:1.08rem;max-width:510px;color:rgba(255,255,255,.7);margin:28px 0 0}.human-card{position:absolute;z-index:2;left:52px;bottom:42px;right:52px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:11px;display:flex;align-items:center;gap:13px;backdrop-filter:blur(12px)}.human-card img{width:50px;height:50px;border-radius:13px;object-fit:cover;object-position:50% 25%}.human-card div{position:relative}.human-card strong,.human-card small{display:block}.human-card strong{font-size:.9rem}.human-card small{font-size:.75rem;color:rgba(255,255,255,.62);margin-top:2px}.online-dot{position:absolute;width:9px;height:9px;background:#48dda5;border:2px solid #31536f;border-radius:50%;left:-18px;bottom:-13px}
.login-panel{display:grid;place-items:center;padding:48px}.login-wrap{width:min(100%,460px)}.login-date{color:var(--blue);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}.login-heading h2{font:800 2.35rem/1.1 Manrope,sans-serif;letter-spacing:-.045em;margin:0}.login-heading>p:last-child{color:var(--muted);margin:10px 0 32px}.login-form label,.modal label{display:block;font-size:.84rem;font-weight:700;margin-bottom:18px}.login-form input,.modal input,.modal select{display:block;width:100%;height:52px;border:1px solid var(--line);border-radius:12px;padding:0 14px;margin-top:8px;outline:none;background:#fff;color:var(--ink)}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,123,210,.1)}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:62px}.password-wrap button{position:absolute;right:12px;top:22px;border:0;background:transparent;color:var(--blue);font-size:.78rem;font-weight:700}.login-options{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 20px}.check{display:flex!important;align-items:center;gap:8px;font-weight:500!important;margin:0!important}.check input{width:17px!important;height:17px!important;margin:0!important;accent-color:var(--blue)}.text-button,.demo-title button{border:0;background:transparent;color:var(--blue);font-size:.8rem;font-weight:700}.login-button,.primary-button{border:0;background:var(--navy);color:#fff;border-radius:12px;height:52px;padding:0 19px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:34px}.login-button{width:100%}.login-button:hover,.primary-button:hover{background:var(--blue)}.form-error{min-height:20px;margin:8px 0 0;color:var(--red);font-size:.82rem}.demo-section{border-top:1px solid var(--line);padding-top:22px;margin-top:8px}.demo-title{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700}.demo-roles{display:flex;gap:8px;margin:12px 0;overflow:auto;padding-bottom:3px}.demo-role{flex:0 0 auto;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:var(--ice);color:var(--navy);font-weight:800}.demo-role:hover,.demo-role.active{background:var(--blue);color:#fff;border-color:var(--blue)}.demo-section>small{font-size:.72rem;color:var(--muted)}.offline-note{text-align:center;margin:25px 0 0;color:#8997a3;font-size:.72rem}.offline-note span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.toast{position:fixed;z-index:90;left:50%;bottom:25px;transform:translate(-50%,110px);opacity:0;background:var(--navy-deep);color:#fff;border-radius:12px;padding:13px 18px;box-shadow:var(--shadow);transition:.28s}.toast.show{transform:translate(-50%,0);opacity:1}
.app-shell{min-height:100svh;display:grid;grid-template-columns:260px 1fr}.sidebar{height:100svh;position:sticky;top:0;background:var(--navy-deep);color:#fff;padding:28px 20px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 28px}.workspace-label{font-size:.62rem;color:rgba(255,255,255,.35);letter-spacing:.16em;margin:8px 12px 10px}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-right:2px}.nav-item{border:0;background:transparent;color:rgba(255,255,255,.65);height:44px;border-radius:11px;padding:0 12px;display:flex;align-items:center;text-align:left;gap:11px;font-size:.87rem;font-weight:600;width:100%}.nav-item .nav-icon{font-size:1.05rem;width:21px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.nav-item.active:after{content:"";margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--cyan)}.nav-divider{height:1px;background:rgba(255,255,255,.1);margin:10px 7px}.sidebar-support{margin:auto 3px 17px;padding:16px;background:linear-gradient(145deg,#0b4779,#0c365d);border:1px solid rgba(255,255,255,.09);border-radius:16px}.support-people{display:flex;margin-bottom:11px}.support-people span{width:28px;height:28px;margin-right:-7px;border:2px solid #164f7d;border-radius:50%;display:grid;place-items:center;background:#d8eefb;color:var(--navy);font-size:.58rem;font-weight:800}.support-people span:nth-child(2){background:#ffe0cb}.support-people span:nth-child(3){background:#fff}.sidebar-support strong,.sidebar-support small{display:block}.sidebar-support strong{font-size:.8rem}.sidebar-support small{font-size:.67rem;color:rgba(255,255,255,.52);margin-top:2px}.sidebar-support button{width:100%;height:32px;border:0;border-radius:8px;background:#fff;color:var(--navy);font-size:.68rem;font-weight:700;margin-top:11px}.sidebar-user{border-top:1px solid rgba(255,255,255,.1);padding:16px 4px 0;display:flex;align-items:center;gap:10px}.user-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#9fdcff,#45a2df);color:var(--navy);display:grid;place-items:center;font-size:.72rem;font-weight:800;flex:0 0 auto}.sidebar-user>span:nth-child(2){min-width:0}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:.76rem}.sidebar-user small{font-size:.65rem;color:rgba(255,255,255,.45);margin-top:2px}.sidebar-user button{border:0;background:transparent;color:rgba(255,255,255,.5);margin-left:auto}
.workspace{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:15}.topbar-title span,.topbar-title strong{display:block}.topbar-title span{font-size:.68rem;color:var(--muted)}.topbar-title strong{font:700 1rem Manrope}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{width:310px;height:42px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 11px;gap:8px;color:#82909a}.global-search input{border:0;outline:0;min-width:0;flex:1}.global-search kbd{font:600 .62rem "DM Sans";background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:3px 5px}.icon-button{position:relative;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink)}.notification-button span{position:absolute;right:-3px;top:-4px;width:17px;height:17px;background:var(--red);color:#fff;font-size:.58rem;border-radius:50%;display:grid;place-items:center;border:2px solid #fff}.profile-button{height:46px;border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left}.profile-button .user-avatar{width:36px;height:36px}.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:.76rem}.profile-button small{font-size:.65rem;color:var(--muted)}.profile-button b{color:#8c99a2;font-size:.7rem}.mobile-menu{display:none;border:0;background:transparent;font-size:1.3rem}.content{padding:32px 34px 55px;max-width:1600px;margin:auto}.welcome-row,.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:3px 0 27px}.welcome-row h1,.page-heading h1{font:800 clamp(2rem,3vw,3rem)/1.05 Manrope;letter-spacing:-.05em;margin:0}.welcome-row>div>p:last-child,.page-heading>div>p:last-child{color:var(--muted);margin:8px 0 0}.welcome-actions{display:flex;gap:9px}.secondary-button{height:46px;border:1px solid var(--line);background:#fff;border-radius:11px;color:var(--ink);padding:0 17px;font-weight:700}.primary-button{height:46px;border-radius:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;position:relative;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-top>span:first-child{color:var(--muted);font-size:.76rem;font-weight:600}.metric-icon{width:34px;height:34px;border-radius:9px;background:var(--ice);color:var(--blue);display:grid;place-items:center}.metric-card strong{font:800 1.65rem Manrope;display:block;margin:9px 0 3px}.metric-card small{font-size:.68rem;color:var(--muted)}.metric-card small b{color:var(--green)}.metric-progress{height:3px;background:#eef2f5;position:absolute;bottom:0;left:0;right:0}.metric-progress i{display:block;height:100%;background:var(--blue)}
.dashboard-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:0 2px 0 rgba(9,43,74,.01)}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.panel-kicker{font-size:.62rem;font-weight:700;color:var(--blue);letter-spacing:.14em}.panel-heading h2{font:700 1.05rem Manrope;margin:4px 0 0}.panel-heading select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;color:var(--muted);font-size:.72rem}.chart-wrap{height:220px;display:grid;grid-template-columns:38px 1fr;margin-top:22px}.chart-y{font-size:.61rem;color:#94a0aa;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:23px}.chart{display:flex;gap:clamp(8px,2vw,24px);align-items:end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#eef2f4 49px);padding:0 12px 0}.chart-day{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:4px;position:relative}.bar{width:min(16px,42%);border-radius:5px 5px 0 0;min-height:5px}.bar.production{background:var(--blue)}.bar.delivery{background:var(--cyan)}.chart-day label{position:absolute;bottom:-22px;color:#7c8a95;font-size:.61rem}.chart-legend{display:flex;align-items:center;gap:17px;margin-top:30px;font-size:.68rem;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:2px}.legend-blue{background:var(--blue)}.legend-cyan{background:var(--cyan)}.chart-legend strong{margin-left:auto;color:var(--green);font-size:.67rem}.circle-button{border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:50%}.team-list{margin-top:15px}.team-person{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f3}.person-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:.67rem;font-weight:800;color:var(--navy);background:#dcedf7}.team-person:nth-child(2) .person-avatar{background:#ffe4d1}.team-person:nth-child(3) .person-avatar{background:#e0f2e9}.team-person strong,.team-person small{display:block}.team-person strong{font-size:.76rem}.team-person small{font-size:.65rem;color:var(--muted)}.person-status{margin-left:auto;font-size:.62rem;color:var(--green);background:#e8f7f1;border-radius:999px;padding:4px 7px}.human-note{margin-top:15px;background:var(--ice);border-radius:12px;padding:13px;display:flex;gap:10px}.quote-mark{font:800 1.7rem Georgia;color:var(--blue);line-height:1}.human-note p{margin:0}.human-note strong,.human-note p span{display:block}.human-note strong{font-size:.7rem}.human-note p span{font-size:.65rem;color:var(--muted);margin-top:2px}.approval-panel,.activity-panel{min-height:300px}.link-button{border:0;background:transparent;color:var(--blue);font-size:.7rem;font-weight:700}.task-list,.activity-list{margin-top:14px}.task-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border-top:1px solid #eef2f4;padding:13px 0}.task-icon,.activity-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf6fc;color:var(--blue)}.task-item strong,.task-item small,.activity-item strong,.activity-item small{display:block}.task-item strong,.activity-item strong{font-size:.74rem}.task-item small,.activity-item small{color:var(--muted);font-size:.64rem;margin-top:2px}.task-badge{font-size:.61rem;padding:4px 7px;border-radius:999px;background:#fff4e6;color:#a56a21}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border-top:1px solid #eef2f4;padding:13px 0}.activity-time{font-size:.62rem;color:#97a2ab}.live-label{font-size:.64rem;color:var(--green)}.live-label i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}
.user-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.role-summary{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.role-summary span{font-size:.68rem;color:var(--muted)}.role-summary strong{font:800 1.35rem Manrope;display:block;margin-top:5px}.users-panel{padding:0;overflow:hidden}.users-toolbar{display:flex;align-items:center;gap:9px;padding:15px}.table-search{height:42px;flex:1;min-width:200px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 11px}.table-search input{border:0;outline:0;flex:1}.users-toolbar select{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fff;color:var(--ink)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:14px 16px;border-top:1px solid var(--line);font-size:.75rem}th{font-size:.62rem;color:var(--muted);letter-spacing:.08em;background:#fafcfd}.table-person{display:flex;align-items:center;gap:10px}.table-person strong,.table-person small{display:block}.table-person small{color:var(--muted);font-size:.65rem}.role-pill,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:700;background:var(--ice);color:var(--blue)}.status-pill{color:var(--green);background:#e9f8f2}.status-pill.inactive{color:#8a949c;background:#eff2f3}.row-menu{border:0;background:transparent;font-size:1rem}.module-placeholder{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:430px;display:grid;place-items:center;text-align:center;padding:60px}.module-placeholder>span{width:76px;height:76px;border-radius:22px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-size:2rem}.module-placeholder strong{display:block;font:800 1.4rem Manrope;margin-top:14px}.module-placeholder p{color:var(--muted);max-width:510px}.progress-track{width:min(100%,380px);height:7px;background:#eaf0f3;border-radius:999px;overflow:hidden}.progress-track i{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.module-placeholder small{color:#8b98a2}
.modal-backdrop{position:fixed;z-index:80;inset:0;background:rgba(3,22,41,.62);display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal{position:relative;width:min(100%,610px);max-height:92vh;overflow:auto;background:#fff;border-radius:19px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.25)}.modal.wide{width:min(100%,950px)}.modal h2{font:800 1.6rem Manrope;margin:0}.modal>p:not(.eyebrow){color:var(--muted);margin:7px 0 24px}.modal-close{position:absolute;right:19px;top:17px;border:0;background:#f1f5f7;width:34px;height:34px;border-radius:9px;font-size:1.3rem;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.modal select{appearance:auto}.permission-check{margin-top:2px!important}.modal-actions{border-top:1px solid var(--line);padding-top:17px;margin-top:22px;display:flex;justify-content:flex-end;gap:9px}.permission-table-wrap{overflow:auto}.permission-table{min-width:750px}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-yes{color:var(--green);font-weight:800}.permission-limited{color:var(--orange);font-weight:800}.permission-no{color:#c5ccd1}
.config-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#fff4e6;color:#a56a21;font-size:.7rem;font-weight:700}.config-status.ready{background:#e9f8f2;color:var(--green)}.config-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{padding:24px}.settings-card.full-settings{grid-column:1/-1}.settings-heading{display:flex;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}.settings-heading>span{width:42px;height:42px;border-radius:12px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-size:.7rem;font-weight:800}.settings-heading h2{font:700 1rem Manrope;margin:0}.settings-heading p{font-size:.72rem;color:var(--muted);margin:4px 0 0}.settings-card>label,.field-row label{display:block;font-size:.75rem;font-weight:700;margin:14px 0}.settings-card label>input:not([type=checkbox]),.settings-card label>select,.field-row input,.field-row select{display:block;width:100%;height:46px;border:1px solid var(--line);border-radius:10px;padding:0 12px;margin-top:7px;background:#fff;color:var(--ink);outline:0}.settings-card label>small{display:block;color:var(--muted);font-size:.63rem;font-weight:400;margin-top:5px}.switch-row{display:flex!important;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #edf2f4;padding-top:14px}.switch-row strong,.switch-row small{display:block}.switch-row small{color:var(--muted);font-size:.63rem;font-weight:400;margin-top:2px}.switch-row input{width:40px;height:21px;accent-color:var(--blue);flex:0 0 auto}.field-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.escalation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--bg);padding:14px;border-radius:11px}.escalation-grid label{font-size:.72rem}.escalation-grid input{accent-color:var(--blue)}.settings-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.action-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-form label{font-size:.73rem;font-weight:700}.action-form label.full{grid-column:1/-1}.action-form input,.action-form select,.action-form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:0 11px;margin-top:6px;outline:0}.action-form input,.action-form select{height:44px}.action-form textarea{padding:10px 11px;resize:vertical}.modal-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.modal-list-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.modal-list-item>span:first-child{width:36px;height:36px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center}.modal-list-item strong,.modal-list-item small{display:block}.modal-list-item strong{font-size:.75rem}.modal-list-item small{font-size:.65rem;color:var(--muted);margin-top:2px}.modal-list-item b{margin-left:auto;font-size:.63rem;color:var(--orange);background:#fff4e6;padding:4px 7px;border-radius:999px}.profile-card{display:flex;align-items:center;gap:14px;background:var(--bg);padding:15px;border-radius:12px}.profile-card .user-avatar{width:52px;height:52px}.profile-card strong,.profile-card small{display:block}.profile-card small{color:var(--muted);font-size:.7rem;margin-top:3px}.ai-help-box{background:var(--navy);color:#fff;border-radius:13px;padding:16px}.ai-help-box p{color:rgba(255,255,255,.65);font-size:.75rem}.ai-help-box input{width:100%;height:43px;border:0;border-radius:9px;padding:0 11px}.download-card{background:var(--bg);border-radius:12px;padding:15px}.download-card strong,.download-card small{display:block}.download-card small{color:var(--muted);font-size:.68rem;margin-top:4px}
.revenue-actions{display:flex;gap:8px}.revenue-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:14px}.revenue-grid .partner-revenue,.revenue-grid .recent-sales,.product-master{min-height:300px}.product-master{grid-column:1/-1}.sync-center-status{font-size:.65rem;color:var(--green);background:#e9f8f2;border-radius:999px;padding:6px 9px}.sync-center-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}.revenue-chart{height:240px;display:flex;align-items:end;gap:10px;padding:30px 5px 0}.revenue-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.revenue-day strong{font-size:.56rem;color:var(--muted);white-space:nowrap;margin-bottom:5px}.revenue-day i{display:block;width:min(38px,72%);min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--cyan),var(--blue))}.revenue-day span{font-size:.6rem;color:var(--muted);margin-top:7px}.payment-split{margin-top:13px}.split-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.split-icon{width:36px;height:36px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-size:.6rem;font-weight:800}.split-icon.s1{background:#e9f8f2;color:var(--green)}.split-icon.s2{background:#fff4e6;color:#a56a21}.split-row strong,.split-row small{display:block}.split-row strong{font-size:.74rem}.split-row small{font-size:.62rem;color:var(--muted)}.split-row>b{margin-left:auto;font-size:.72rem}.revenue-table{margin-top:12px}.revenue-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.revenue-avatar{width:37px;height:37px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-size:.6rem;font-weight:800}.revenue-row strong,.revenue-row small{display:block}.revenue-row strong{font-size:.72rem}.revenue-row small{font-size:.6rem;color:var(--muted);margin-top:2px}.revenue-row>b{margin-left:auto;font-size:.7rem}.revenue-empty{height:210px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.revenue-empty strong{font-size:.78rem;color:var(--ink)}.revenue-empty small{font-size:.65rem;margin-top:4px}.master-note{color:var(--muted);font-size:.68rem}.product-master-row{display:grid;grid-template-columns:auto 1fr 180px;gap:11px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.product-master-row>span{width:38px;height:38px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center}.product-master-row strong,.product-master-row small{display:block}.product-master-row strong{font-size:.74rem}.product-master-row small{font-size:.62rem;color:var(--muted)}.product-master-row label{font-size:.62rem;color:var(--muted)}.product-master-row input{display:block;width:100%;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 9px;margin-top:3px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.revenue-grid{grid-template-columns:1fr}.product-master{grid-column:auto}.user-summary{grid-template-columns:repeat(3,1fr)}.global-search{width:230px}.profile-button>span:nth-child(2){display:none}}
@media(max-width:850px){.login-screen{grid-template-columns:1fr}.login-story{min-height:430px}.story-copy{top:45%;max-width:80%}.human-card{display:none}.login-panel{padding:35px 24px}.app-shell{display:block}.sidebar{position:fixed;z-index:40;left:0;width:260px;transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.2)}.mobile-menu{display:block}.topbar{padding:0 18px}.topbar-title{margin-right:auto;margin-left:12px}.global-search{display:none}.content{padding:25px 18px 45px}.welcome-row,.page-heading{align-items:flex-start;flex-direction:column}.welcome-actions{width:100%}.welcome-actions button{flex:1}.user-summary{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.settings-card.full-settings{grid-column:auto}}
@media(max-width:560px){.login-story{min-height:380px;padding:28px}.brand-light{left:28px;top:27px}.story-copy{max-width:100%;top:56%}.story-copy h1{font-size:3.5rem}.story-copy>p:last-child{font-size:.92rem}.login-panel{place-items:start}.login-heading h2{font-size:2rem}.metric-grid{grid-template-columns:1fr}.metric-card{padding:16px}.welcome-actions,.revenue-actions{flex-direction:column}.welcome-actions button,.revenue-actions button{width:100%}.topbar-title span{display:none}.profile-button b{display:none}.content{padding-left:13px;padding-right:13px}.panel{padding:17px}.chart-wrap{height:190px}.chart-legend strong{display:none}.user-summary{grid-template-columns:1fr 1fr}.users-toolbar{align-items:stretch;flex-direction:column}.form-grid,.action-form,.field-row,.escalation-grid{grid-template-columns:1fr}.module-placeholder{padding:35px 18px}.modal{padding:24px 18px}.profile-button .user-avatar{width:34px;height:34px}.settings-actions{flex-direction:column}.settings-actions button{width:100%}.product-master-row{grid-template-columns:auto 1fr}.product-master-row label{grid-column:1/-1}.revenue-chart{gap:3px}.revenue-day strong{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.module-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.data-panel{padding:0;overflow:hidden}.data-toolbar{display:flex;gap:9px;align-items:center;padding:15px}.data-toolbar select{height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px;color:var(--ink)}.record-table td strong,.record-table td small{display:block}.record-table td small{color:var(--muted);font-size:.64rem;margin-top:3px}.row-action{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);padding:0 11px;font-size:.67rem;font-weight:700;white-space:nowrap}.row-action:hover{border-color:var(--blue);background:var(--ice)}.workflow-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:700;background:#eef2f4;color:#667581;white-space:nowrap}.st-menunggu-approval{background:#fff4e6;color:#a56a21}.st-disetujui,.st-selesai,.st-tersinkron,.st-terbit{background:#e9f8f2;color:#178361}.st-diproses{background:#eaf6fd;color:#087bd2}.st-ditolak{background:#fff0f0;color:#c2474c}.st-lokal,.st-draft{background:#eef2f4;color:#667581}.empty-state{min-height:150px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);padding:25px}.empty-state strong,.empty-state small{display:block}.empty-state strong{color:var(--ink);font-size:.82rem}.empty-state small{font-size:.68rem;margin-top:4px}.empty-state.full{grid-column:1/-1}.record-detail{display:grid;gap:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-grid>span{display:flex;flex-direction:column;background:var(--bg);border-radius:10px;padding:11px;color:var(--muted);font-size:.65rem}.detail-grid>span.wide{grid-column:1/-1}.detail-grid strong{color:var(--ink);font-size:.75rem;margin-top:5px}.record-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.danger-outline{height:46px;border:1px solid #edbfc1;background:#fff5f5;color:var(--red);border-radius:11px;padding:0 17px;font-weight:700}.muted-copy{font-size:.68rem;color:var(--muted)}.timeline{border-top:1px solid var(--line);padding-top:16px}.timeline h3{font:700 .85rem Manrope;margin:0 0 11px}.timeline>div{display:flex;gap:10px;padding:7px 0}.timeline i{width:9px;height:9px;border:2px solid var(--blue);border-radius:50%;margin-top:5px}.timeline strong,.timeline small{display:block}.timeline strong{font-size:.7rem}.timeline small{font-size:.62rem;color:var(--muted);margin-top:2px}.approval-layout,.report-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:14px}.approval-queue{margin-top:13px}.approval-card{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.approval-card>div:first-child strong,.approval-card>div:first-child small{display:block}.approval-card>div:first-child strong{font-size:.77rem;margin-top:6px}.approval-card>div:first-child small{font-size:.64rem;color:var(--muted);margin-top:2px}.module-chip{display:inline-flex;background:var(--ice);color:var(--blue);border-radius:999px;padding:4px 7px;font-size:.58rem;font-weight:700}.approval-value{text-align:right}.approval-value strong,.approval-value small{display:block}.approval-value strong{font-size:.78rem}.approval-value small{font-size:.6rem;color:var(--muted);margin-top:3px}.audit-item{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.audit-mark{width:31px;height:31px;border-radius:9px;background:var(--ice);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.audit-item strong,.audit-item small{display:block}.audit-item strong{font-size:.69rem}.audit-item small{font-size:.6rem;color:var(--muted);margin-top:2px}.audit-item p{font-size:.63rem;background:#fff6e9;padding:7px;border-radius:7px;margin:6px 0 0}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;padding:15px}.document-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:13px;padding:14px}.document-icon{width:42px;height:42px;border-radius:11px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-size:1.1rem}.document-card h3{font:700 .78rem Manrope;margin:7px 0 2px}.document-card p,.document-card small{color:var(--muted);font-size:.62rem;margin:0}.document-card>strong{font-size:.7rem}.document-card .row-action{grid-column:2/-1;width:max-content}.print-document{border:1px solid var(--line);padding:18px;border-radius:12px}.print-document header{display:flex;justify-content:space-between;border-bottom:2px solid var(--blue);padding-bottom:12px}.print-document header div{display:grid}.print-document header span{color:var(--blue);font-size:1.3rem}.print-document header strong{font:800 .9rem Manrope}.print-document header small,.print-document header p{font-size:.58rem;color:var(--muted)}.print-document header p{text-align:right;margin:0}.print-document section{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--bg);padding:10px;margin:12px 0}.print-document section span{display:grid;font-size:.55rem;color:var(--muted)}.print-document section b{font-size:.62rem;color:var(--ink);margin-top:2px}.print-document h2{font:800 1rem Manrope}.print-document table{min-width:0}.print-document th,.print-document td{font-size:.62rem;padding:8px}.print-document th{width:30%}.print-document footer{display:flex;justify-content:flex-end;gap:45px;text-align:center;margin-top:35px;font-size:.62rem}.doc-footnote{font-size:.55rem;color:var(--muted);margin-top:30px}.report-filter{margin-bottom:14px}.report-filter .field-row{grid-template-columns:repeat(4,1fr)}.report-filter .settings-actions{justify-content:flex-start}.report-bars{margin-top:15px}.report-bar{display:grid;grid-template-columns:120px 1fr 110px;align-items:center;gap:10px;margin:12px 0;font-size:.65rem}.report-bar i{height:8px;background:#edf2f4;border-radius:999px;overflow:hidden}.report-bar i b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px}.report-bar strong{text-align:right;font-size:.66rem}.status-summary{margin-top:13px}.status-count{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.status-count>strong{font:800 1rem Manrope}
@media(max-width:1100px){.module-kpis{grid-template-columns:repeat(2,1fr)}.approval-layout,.report-layout{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr}}
@media(max-width:650px){.module-kpis{grid-template-columns:1fr}.data-toolbar{align-items:stretch;flex-direction:column}.data-toolbar .table-search{width:100%}.approval-card{grid-template-columns:1fr auto}.approval-value{text-align:left}.approval-card .row-action{grid-column:2;grid-row:1/3}.detail-grid{grid-template-columns:1fr}.detail-grid>span.wide{grid-column:auto}.document-card{grid-template-columns:auto 1fr}.document-card>strong{grid-column:2}.document-card .row-action{grid-column:2}.report-filter .field-row{grid-template-columns:1fr}.report-bar{grid-template-columns:90px 1fr}.report-bar strong{grid-column:2}.print-document section{grid-template-columns:1fr}.record-actions>*{width:100%}}
@media print{body{background:#fff}.sidebar,.topbar,.page-heading,.report-filter,#reportBars,#reportStatusSummary,.toast{display:none!important}.app-shell,.workspace,.content{display:block!important;padding:0!important}.view{display:none!important}#reportsView{display:block!important}.module-kpis{grid-template-columns:repeat(4,1fr)}.panel{box-shadow:none}.record-table{min-width:0}th,td{font-size:9px;padding:7px}}