:root{
  --ink:#202b3d;--muted:#8793a5;--line:#e9edf5;--green:#178a74;--green-dark:#08725d;
  --green-pale:#e9faf3;--purple:#7768dc;--red:#e27679;--amber:#df9a42;--sidebar:252px;
  --sky:#568fdb;--peach:#e58b67;--shadow-soft:0 8px 25px rgba(70,95,136,.07)
}
body{background:#f7f9fe;background-image:radial-gradient(ellipse at 82% 0%,rgba(215,228,255,.3),transparent 35%),radial-gradient(ellipse at 18% 35%,rgba(220,247,237,.22),transparent 33%);background-attachment:fixed;color:var(--ink)}
.sidebar{background:rgba(255,255,255,.94);border-color:#e9edf5;color:var(--ink);box-shadow:3px 0 22px rgba(44,68,108,.035);backdrop-filter:blur(16px)}
.brand{color:#24334a}.brand-mark{background:linear-gradient(145deg,#39bd99,#16806c);box-shadow:0 5px 12px #26a98930}.brand-dot{color:#ed9a70}
.workspace-switch{background:linear-gradient(115deg,#f1fbf8,#f6f7ff);border-color:#e6eeeF;color:var(--ink);transition:all .2s ease}.workspace-switch:hover{transform:translateY(-1px);border-color:#b8e4d8;box-shadow:0 5px 14px #318c7220}.workspace-icon{background:linear-gradient(145deg,#3c80ad,#347e6e)}
.workspace-copy b,.profile-copy b{color:#28374a}.workspace-copy small,.profile-copy small{color:#8995a7}
.sidebar-navigation{scrollbar-color:#d9e6e4 transparent}.nav-label{color:#98a4b5}.sidebar .nav-item{color:#647187;transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar .nav-item:hover{background:#f2f7ff;color:#425c8b;transform:translateX(2px)}.sidebar .nav-item.active{background:linear-gradient(100deg,#e7f8f1,#eef3ff);color:#147966;box-shadow:inset 3px 0 #35ad8e;font-weight:700}.sidebar .nav-icon{color:#8a98ac}.sidebar .nav-item.active .nav-icon{color:#198873}
.sidebar .nav-count{background:#f0f3ff;color:#7585bd;padding:3px 6px;border-radius:6px}.sidebar .approval-dot{background:#fff0e7;color:#d27c48}.sidebar .new-pill{background:linear-gradient(135deg,#e0f8eb,#e5edff);color:#547bc4}
.sidebar-bottom{background:transparent}.sidebar .help-card{background:linear-gradient(115deg,#eff9f6,#f2f3ff);border-color:#e4ebf4;transition:transform .18s ease,box-shadow .18s ease}.sidebar .help-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.sidebar .help-bubble{background:linear-gradient(145deg,#dff7ef,#e8eaff);color:#607dc1}.sidebar .help-card b{color:#33445c}.sidebar .help-card small{color:#8995a7}.sidebar .arrow{color:#72829b}.sidebar .profile-button{border-color:#edf0f5;background:transparent}.sidebar .avatar-user{background:linear-gradient(145deg,#ffebdc,#ffe1e8);color:#b86d55}.account-row{border-top:1px solid #edf0f5;margin-top:4px;padding-top:7px}.account-row .profile-button{border-top:0;padding:6px 4px}.logout-button{width:100%;border:0;border-radius:7px;background:transparent;color:#68788f;padding:8px 12px 8px 45px;text-align:left;font:600 12px 'DM Sans',sans-serif;transition:background .15s,color .15s}.logout-button:hover{background:#fff0ed;color:#b44e45}
.main-area{background:transparent}.topbar{background:rgba(255,255,255,.84);border-color:#e9edf5;backdrop-filter:blur(16px);box-shadow:0 2px 15px rgba(49,73,117,.025)}.breadcrumbs b{color:#30415b}.search-box{background:#f8faff;border-color:#e9edf5;transition:border-color .2s,box-shadow .2s}.search-box:hover{border-color:#bfcee9;box-shadow:0 3px 12px #5479b31a}.icon-button:hover{color:#398e7a}.top-avatar{background:linear-gradient(145deg,#ffead7,#ffdfeb);color:#a55d53}
.content{padding-top:26px}.page-heading{position:relative;overflow:hidden;background:linear-gradient(112deg,rgba(232,250,243,.88),rgba(238,243,255,.91) 58%,rgba(255,242,232,.8));border:1px solid #e8edf5;border-radius:14px;padding:18px 20px;margin-bottom:17px;box-shadow:0 5px 18px rgba(64,104,125,.04)}.page-heading:after{content:"";position:absolute;right:19%;top:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#ffffff85 0%,#ffffff00 70%);pointer-events:none}.page-heading>div,.page-heading .heading-actions{position:relative;z-index:1}.page-heading h1{color:#263651}.page-heading p{color:#718198}.eyebrow{color:#8291a6}.date-select{background:#ffffffc9;border-color:#e2e8f0;transition:all .18s}.date-select:hover{border-color:#a9d6c8;color:#167a67}.btn{transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 14px #305d5226}.btn-primary{background:linear-gradient(110deg,#168c75,#26a98a);border-color:#168c75;box-shadow:0 4px 11px #168c7526}.btn-primary:hover{background:linear-gradient(110deg,#08745f,#168d74)}
.metric-card{position:relative;overflow:hidden;border-color:#e9edf5;box-shadow:0 3px 11px rgba(60,80,120,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.metric-card:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-27px;bottom:-36px;background:var(--metric-glow,#eaf8f2);opacity:.68;transition:transform .3s ease}.metric-card:nth-child(1){--metric-glow:#d4f5e8;border-color:#e1f0e9}.metric-card:nth-child(2){--metric-glow:#e1dcff;border-color:#eae7fb}.metric-card:nth-child(3){--metric-glow:#ffe6cf;border-color:#f5ebdf}.metric-card:nth-child(4){--metric-glow:#d8eaff;border-color:#e2ecf6}.metric-card:hover{transform:translateY(-3px);box-shadow:0 11px 22px rgba(68,96,143,.10);border-color:#d9e3f0}.metric-card:hover:after{transform:scale(1.3)}.metric-icon{position:relative;z-index:1}.mi-green{background:linear-gradient(145deg,#def8eb,#d5f2e4);color:#13876e}.mi-purple{background:linear-gradient(145deg,#ede9ff,#dedaff);color:#7564d2}.mi-orange{background:linear-gradient(145deg,#fff0dc,#ffe3c5);color:#cf833b}.mi-blue{background:linear-gradient(145deg,#e6f2ff,#d7e8ff);color:#4f85cb}
.panel{border-color:#e9edf5;box-shadow:var(--shadow-soft);transition:box-shadow .2s,border-color .2s}.panel:hover{border-color:#e0e8f2;box-shadow:0 10px 28px rgba(59,87,135,.075)}.panel-title{color:#30415b}.panel-subtitle{color:#96a1b1}.select-small{background:#fafbff;border-color:#e8edf5;color:#697892;transition:border-color .15s,background .15s}.select-small:hover{border-color:#c4d2ea;background:#fff}.chart-wrap{animation:softRise .55s ease both}.sales-line{stroke:#16a482}.sales-line-alt{stroke:#9588e9}.sales-fill{fill:url(#fill)}.progress{background:#eef1f7}.progress span{background:linear-gradient(90deg,#4ac29b,#23a881);position:relative;overflow:hidden}.progress span:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#ffffff75 50%,transparent 80%);transform:translateX(-100%);animation:progressShimmer 2.8s ease-in-out infinite}
.table-panel,.page-table{border-color:#e8edf5;box-shadow:var(--shadow-soft)}th{background:linear-gradient(90deg,#f4f8ff,#f3faf7);color:#8997aa}td{border-color:#f0f2f7}tbody tr{transition:background .16s}tbody tr:hover{background:#f8fbff}.status-good{color:#168368;background:#e5f7ef}.status-warn{color:#c57b37;background:#fff3e5}.status-neutral{color:#62748d;background:#eef2f8}.table-link{color:#167e69}.table-link:hover{color:#665bd0;text-decoration:underline}
.lower-grid .insight-panel{background:linear-gradient(115deg,#f2efff,#eef6ff);border-color:#e4e3f7}.insight-panel b{color:#514d94}.insight-panel p{color:#77779c}.insight-star{color:#8876e8}.suggestion-card{background:linear-gradient(120deg,#fcfcff,#f8fbff);border-color:#e9edf5;transition:transform .18s,box-shadow .18s}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #536e9b12}.new-pill{animation:softPulse 2.6s ease-in-out infinite}.notification-dot{animation:softPulse 1.8s ease-in-out infinite}.approval-dot{animation:softPulse 2.4s ease-in-out infinite}
.tracking-note{background:linear-gradient(105deg,#fff8e9,#fff2ed);border-color:#f4e7ce;color:#86682f}.tracking-note b{color:#75541f}.tracking-note span{color:#87734f}.demo-map{box-shadow:inset 0 0 0 1px #e4ebe4}.map-panel{overflow:hidden}.chat-send{background:linear-gradient(145deg,#26aa88,#4a98bd);box-shadow:0 3px 8px #178c7530;transition:transform .18s}.chat-send:hover{transform:scale(1.07)}
.settings-card,.settings-menu{border-color:#e8edf5;box-shadow:var(--shadow-soft)}.settings-menu button{transition:all .16s}.settings-menu button:hover{background:#f4f7ff;color:#6573be}.settings-menu button.active{background:linear-gradient(100deg,#e8f8f2,#eef1ff);color:#157e68}.setting-row{border-color:#eff1f6}.switch.on{background:linear-gradient(90deg,#36b58f,#32a9ae)}
.tracking-grid,.dashboard-grid,.lower-grid,.metric-grid,.page-table,.settings-layout,.assistant-layout{animation:softRise .38s ease both}.tracking-grid{animation-delay:.05s}.lower-grid{animation-delay:.1s}.toast{background:linear-gradient(115deg,#246d5d,#355b85);box-shadow:0 10px 25px #315d5b38}
@keyframes softRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,100%{filter:saturate(1);opacity:1}50%{filter:saturate(1.3);opacity:.72}}@keyframes progressShimmer{0%,55%{transform:translateX(-100%)}95%,100%{transform:translateX(100%)}}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79b7ed88;outline-offset:2px}
@media(max-width:760px){.page-heading{padding:15px;border-radius:12px}.page-heading .heading-actions{width:100%}.sidebar{box-shadow:10px 0 40px rgba(50,72,113,.15)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.settings-input{min-width:180px;max-width:270px;padding:9px 11px;border:1px solid #e4e9f0;border-radius:7px;background:#fff;color:#344255;font:500 13px 'DM Sans',sans-serif}.settings-input:focus{outline:2px solid #b8e4d6;border-color:#4eb99a}.settings-input.time-input{min-width:125px;width:125px}.setting-toggle{display:inline-flex;align-items:center;gap:9px;color:#677487;font-size:12px;cursor:pointer;white-space:nowrap}.setting-toggle input{width:18px;height:18px;accent-color:#138d72}.settings-card .panel-title{font-size:18px;margin-bottom:5px}.settings-card .panel-subtitle{margin-bottom:12px}.settings-card .setting-row b{font-size:14px}.settings-card .setting-row p{font-size:12px;line-height:1.5;max-width:540px}.settings-card .btn{font-size:13px}@media(max-width:600px){.settings-input{min-width:145px;max-width:55vw}.settings-card .setting-row{align-items:flex-start;flex-direction:column;gap:9px}.settings-input.time-input{width:120px;min-width:120px}}

.workspace-icon{overflow:hidden}.workspace-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.top-avatar{overflow:hidden}.top-avatar img,.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.top-profile-wrap{position:relative}.top-profile-menu{position:absolute;top:40px;right:0;z-index:12;min-width:150px;padding:6px;background:#fff;border:1px solid #e7ecf2;border-radius:10px;box-shadow:0 12px 32px #24324a20}.top-profile-menu[hidden]{display:none}.top-profile-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:7px;background:#fff;text-align:left;color:#33445c;font:600 13px 'DM Sans',sans-serif}.top-profile-menu button:hover{background:#f3f7fb}.profile-detail-card{display:flex;align-items:center;gap:14px;padding:16px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px}.profile-detail-card>div{display:grid;gap:4px}.profile-detail-card b{font-size:16px}.profile-detail-card span:not(.profile-large-avatar){color:#66758a;font-size:13px}.profile-detail-card small{color:#8390a3}.profile-large-avatar{width:54px;height:54px;border-radius:50%;font-size:17px}.photo-avatar{overflow:hidden}.photo-avatar img{width:100%;height:100%;object-fit:cover;display:block}.team-member-cell{display:flex;align-items:center;gap:10px;min-width:180px}.team-member-cell>span:last-child{display:grid;gap:3px}.team-photo{width:36px;height:36px;border-radius:50%;flex:0 0 36px;font-size:11px}.tenant-branding-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0;padding:18px}.tenant-brand-preview{display:flex;align-items:center;gap:12px}.tenant-brand-preview img{width:52px;height:52px;object-fit:contain;border:1px solid #e8edf4;border-radius:10px}.credentials-box{display:grid;gap:12px;padding:16px;background:#f5f8fc;border:1px solid #e6edf5;border-radius:10px}.credentials-box div{display:grid;gap:5px}.credentials-box small{color:#79869a}.credentials-box b,.credentials-box code{font-size:15px;color:#223653}.credentials-box p{margin:0;color:#77859a;font-size:12px}.export-form{padding:22px}.export-row{display:grid;grid-template-columns:180px minmax(220px,1fr);gap:12px;align-items:center;margin:12px 0}.export-row>label,.export-selection-head b{font-weight:700;color:#32425a;font-size:14px}.export-row select{max-width:420px;padding:10px;border:1px solid #e4e9f0;border-radius:8px;background:#fff;font:13px 'DM Sans',sans-serif}.export-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;padding:8px 0 12px 192px}.export-date-fields[hidden]{display:none}.export-selection-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.export-selection-head>div{display:grid;gap:4px}.export-selection-head small,.export-footnote{color:#7f8da1;font-size:12px}.export-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.export-type{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e8edf3;border-radius:8px;color:#45556d;font-size:13px;cursor:pointer}.export-type input,.export-confirm input{width:17px;height:17px;accent-color:#118a72}.export-confirm{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;padding:13px;background:#fff9ed;border:1px solid #f4e5c9;border-radius:8px;color:#745a30;font-size:12px;line-height:1.5}.export-confirm input{flex:0 0 17px}.export-footnote{line-height:1.5;margin-bottom:0}.export-status{color:#147c67;font-weight:700;font-size:13px;padding:10px 0}.tenant-branding-panel .panel-title{font-size:16px}.tenant-branding-panel .panel-subtitle{font-size:12px;max-width:480px}@media(max-width:700px){.export-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-row{grid-template-columns:1fr;gap:7px}.export-date-fields{padding-left:0}.tenant-branding-panel{align-items:flex-start;flex-direction:column}.tenant-brand-preview{flex-wrap:wrap}}