:root{--ink:#17232d;--muted:#75818c;--line:#e8edf0;--paper:#fff;--canvas:#f5f7f8;--green:#136e5b;--green-dark:#0e5a4a;--mint:#dff5ec;--navy:#102c30;--lavender:#eee9fb;--danger:#be4d4d;--shadow:0 14px 42px rgba(32,52,59,.1)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.7px;color:var(--ink)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:white;font-weight:800;font-size:23px;line-height:1;letter-spacing:-2px}.brand-mark span,.core-glyph span{color:#9ce3c5}.button{border:0;border-radius:10px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.button:active{transform:translateY(1px)}.button-primary{background:var(--green);color:#fff;box-shadow:0 4px 12px rgba(19,110,91,.14)}.button-primary:hover{background:var(--green-dark);box-shadow:0 6px 16px rgba(19,110,91,.22)}.button-secondary{background:#fff;color:#25343a;border:1px solid #dfe6e8}.button-secondary:hover{background:#f8faf9;border-color:#cbd7d7}.button-full{width:100%;height:47px}.button-danger{background:#b64242;color:white}.button-danger:hover{background:#a33333}.text-button{padding:0;background:none;border:0;color:var(--green);font-size:12px;font-weight:700}.icon-button{width:34px;height:34px;border:0;background:transparent;color:#71808a;border-radius:9px;font-size:20px;display:grid;place-items:center}.icon-button:hover{background:#eef2f3;color:#33434a}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#bde4d3}.muted-eyebrow{color:#8b989e}.required{color:#d45b5b}.optional{font-size:11px;color:#98a2a7;font-weight:400}
/* Sign in */
.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(390px,47%) 1fr;background:white}.auth-story{position:relative;overflow:hidden;background:#103b39;padding:34px clamp(34px,6vw,92px);color:white;display:flex;flex-direction:column;min-height:100vh}.brand-light{color:white}.brand-light .brand-mark{background:#19564c}.story-content{width:min(100%,500px);margin:auto;position:relative;z-index:1}.story-content h1{font:800 clamp(36px,4.2vw,56px)/1.12 'Manrope',sans-serif;letter-spacing:-2.8px;margin:24px 0 16px}.story-content h1 span{color:#8de0be}.story-content>p{max-width:420px;color:#c7d9d5;font-size:15px;line-height:1.8;margin:0}.story-visual{height:320px;position:relative;margin-top:18px}.orbit{position:absolute;border:1px solid rgba(186,230,211,.15);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}.orbit-one{width:250px;height:250px}.orbit-two{width:340px;height:340px}.visual-core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:136px;height:136px;border-radius:42px;background:linear-gradient(145deg,#2c7663,#19564e);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 55px rgba(0,0,0,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;rotate:-6deg}.core-glyph{font:800 48px 'Manrope';letter-spacing:-5px}.visual-core small{color:#d4e9df;font-size:10px;letter-spacing:.8px}.float-card{position:absolute;z-index:2;background:rgba(255,255,255,.96);color:#25343a;border:1px solid rgba(255,255,255,.6);box-shadow:0 14px 32px rgba(0,0,0,.15);border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:10px;min-width:236px}.float-top{left:3%;top:14%}.float-bottom{right:0;bottom:10%;min-width:254px}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:9px;color:#839097;margin-top:4px}.float-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:16px}.lavender{background:var(--lavender);color:#7963bf}.mint{background:var(--mint);color:#278c6a}.mini-bars{height:24px;display:flex;align-items:end;gap:3px;margin-left:auto}.mini-bars i{width:4px;border-radius:4px;background:#7dc9a6;height:40%}.mini-bars i:nth-child(2){height:65%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:90%}.mini-bars i:nth-child(5){height:72%}.sparkle{position:absolute;color:#a5e4c7}.sparkle-a{top:8%;right:20%;font-size:19px}.sparkle-b{left:11%;bottom:18%;font-size:15px}.story-footer{display:flex;gap:9px;align-items:center;font-size:11px;color:#a5c9bc;margin-top:2px}.story-footer span{color:#79cba5}.auth-panel{padding:0 clamp(24px,7vw,100px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.auth-form-wrap{width:min(100%,390px);margin:40px 0}.auth-heading h2{font:800 27px 'Manrope';letter-spacing:-1px;margin:12px 0 7px}.auth-heading p{color:var(--muted);margin:0 0 26px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f4f4;border-radius:9px;padding:4px;margin-bottom:22px}.auth-tab{border:0;background:transparent;border-radius:7px;padding:9px;color:#7a878c;font-size:12px;font-weight:700}.auth-tab.active{background:white;color:#26363b;box-shadow:0 1px 4px rgba(20,45,47,.09)}.field{margin-bottom:17px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#35444a}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.label-row label{margin:0}.input-wrap{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;border:1px solid #dce4e5;border-radius:9px;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within,.slug-input:focus-within{border-color:#5ba88d;box-shadow:0 0 0 3px rgba(43,140,105,.09)}.input-wrap input,.slug-input input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:#24343a;font-size:13px}.input-wrap input::placeholder,.slug-input input::placeholder{color:#aab4b7}.input-icon{color:#859398;font-size:15px;width:17px;text-align:center}.password-toggle{border:0;background:transparent;color:#879397;padding:5px}.field-error{display:block;color:#bd4f4f;font-size:11px;min-height:0;margin-top:5px}.field-error:not(:empty){min-height:14px}.terms-row{display:flex;align-items:flex-start;gap:9px;margin:2px 0 16px;font-size:11px;line-height:1.6;color:#68777c}.terms-row input{accent-color:var(--green);margin:3px 0 0}.terms-row a,.auth-legal a{color:var(--green);font-weight:600}.auth-message{font-size:12px;color:#b24343;min-height:0;margin-top:9px}.auth-divider{display:flex;align-items:center;gap:12px;color:#a1abad;font-size:11px;margin:21px 0 16px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e8edee;flex:1}.demo-spark{color:#b48ce4}.demo-note{text-align:center;font-size:10px;color:#9aa4a7;margin:10px 0}.auth-legal{text-align:center;font-size:10px;color:#9aa4a7;margin-top:22px}.auth-bottom{position:absolute;bottom:23px;font-size:10px;color:#9ba5a8}.auth-bottom span{padding:0 5px;color:#c4cece}.auth-mobile-brand{display:none}
/* App shell */
.app-screen{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;background:#fff;border-right:1px solid var(--line);padding:24px 15px 16px;display:flex;flex-direction:column;min-height:100vh;z-index:20}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 9px 26px}.workspace-switch{display:flex;align-items:center;gap:10px;padding:10px;background:#f7f9f9;border:1px solid #ebeff0;border-radius:10px;margin:0 3px 29px}.workspace-avatar{width:31px;height:31px;background:#dff2e9;color:#287557;border-radius:9px;display:grid;place-items:center;font:800 14px 'Manrope'}.workspace-name{flex:1;min-width:0}.workspace-name b,.workspace-name small{display:block}.workspace-name b{font-size:10px}.workspace-name small{color:#899498;font-size:9px;margin-top:4px}.chevron{color:#9aa5a7}.nav-label{padding:0 11px 9px;color:#a0aaad;font-size:9px;letter-spacing:1.35px;font-weight:700}.main-nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;border-radius:8px;height:40px;text-align:left;padding:0 11px;color:#6a797d;font-size:12px;font-weight:600;display:flex;align-items:center;gap:12px}.nav-item:hover{background:#f6f8f8;color:#304147}.nav-item.active{background:#eaf5f0;color:#1b7059;font-weight:700}.nav-icon{width:18px;text-align:center;font-size:15px;color:inherit}.nav-count{margin-left:auto;border-radius:5px;background:#fff;padding:3px 6px;font-size:9px;color:#738184}.tools-label{margin-top:27px}.sidebar-bottom{margin-top:auto}.upgrade-card{border-radius:12px;background:linear-gradient(143deg,#eff8f3,#f3f5fc);padding:15px;margin:0 2px 16px}.upgrade-stars{font-size:16px;color:#5c987e}.upgrade-card>b{display:block;font:700 12px 'Manrope';margin-top:7px}.upgrade-card p{color:#81908f;font-size:10px;line-height:1.6;margin:6px 0 10px}.upgrade-button{padding:0;background:none;border:0;color:#246d58;font-weight:700;font-size:10px}.upgrade-button span{margin-left:5px}.sidebar-user{border-top:1px solid #edf0f1;padding:15px 5px 0;display:flex;align-items:center;gap:9px}.user-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f0e9df;color:#846a4d;font-size:11px;font-weight:700}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info b,.sidebar-user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info b{font-size:10px}.sidebar-user-info small{font-size:9px;color:#899598;margin-top:4px}.logout-button{font-size:18px}.app-main{min-width:0;flex:1}.topbar{height:72px;background:rgba(255,255,255,.87);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(22px,4vw,50px);justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:11px;color:#8e9a9d;font-size:11px}.breadcrumb b{color:#c4cbcc;font-weight:400}.breadcrumb strong{color:#34444a;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:13px}.topbar-date{font-size:10px;color:#829095;display:flex;align-items:center;gap:7px;margin-right:6px}.date-icon{font-size:15px}.top-create{font-size:11px;padding:10px 14px}.top-create>span{font-size:16px;line-height:10px}.help-button{border:1px solid #e1e7e8;font-size:12px;width:27px;height:27px;border-radius:50%;font-weight:700}.menu-toggle,.sidebar-close,.sidebar-scrim{display:none}.view-root{max-width:1440px;padding:33px clamp(22px,4vw,50px) 55px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:16px}.page-heading h1{font:800 25px 'Manrope';letter-spacing:-1px;margin:0 0 6px}.page-heading p{font-size:12px;color:#8a969a;margin:0}.heading-actions{display:flex;gap:8px}.heading-actions .button{font-size:10px;padding:9px 12px}.period-select{border:1px solid #e1e7e8;background:white;color:#637176;border-radius:8px;padding:9px 11px;font-size:10px;outline:none}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.stat-card{background:white;border:1px solid #edf0f1;border-radius:12px;padding:17px 18px;min-height:119px;box-shadow:0 3px 12px rgba(22,40,43,.018)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#77858a;font-size:10px}.stat-icon{width:28px;height:28px;display:grid;place-items:center;background:#eff7f3;border-radius:8px;color:#398569;font-size:14px}.stat-value{font:800 23px 'Manrope';letter-spacing:-1px;margin:12px 0 4px}.stat-meta{font-size:9px;color:#98a3a5}.stat-meta .positive{color:#338b68;font-weight:700;margin-right:4px}.panel{background:white;border:1px solid #edf0f1;border-radius:12px;box-shadow:0 3px 12px rgba(22,40,43,.018)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(270px,.88fr);gap:16px;margin-bottom:17px}.chart-panel{padding:19px 20px 15px;min-height:297px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading h2,.panel-title{font:700 13px 'Manrope';margin:0}.panel-heading p{color:#98a2a5;font-size:10px;margin:5px 0 0}.chart-legend{font-size:9px;color:#849195;display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;background:#2d8c6c;border-radius:50%}.chart-wrap{height:200px;margin:18px 0 0;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#edf1f1;stroke-width:1}.chart-label{fill:#a5afb1;font-size:9px;font-family:'DM Sans'}.chart-area{fill:url(#areaGradient)}.chart-line{fill:none;stroke:#36896d;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:#36896d;stroke-width:2}.chart-tooltip{position:absolute;top:15px;right:21%;border-radius:7px;background:#203c37;color:white;padding:7px 10px;font-size:9px;box-shadow:0 7px 18px #183c3027}.chart-tooltip b{font-size:11px}.source-panel{padding:19px 20px;min-height:297px}.source-list{display:grid;gap:16px;margin-top:25px}.source-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.source-name{font-size:10px;color:#536267}.source-name span{display:inline-grid;place-items:center;width:23px;height:23px;background:#f3f6f6;border-radius:7px;margin-right:8px;color:#5b7774;font-weight:700}.source-value{font-size:10px;color:#536267;font-weight:700}.source-track{grid-column:1/3;height:5px;border-radius:9px;background:#f0f3f3;margin-left:31px;overflow:hidden}.source-track i{display:block;height:100%;border-radius:9px;background:#63aa88}.recent-panel{overflow:hidden}.recent-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 13px}.recent-header button{border:0;background:transparent;color:#378569;font-size:10px;font-weight:700}.table-wrap{overflow-x:auto}.link-table{width:100%;border-collapse:collapse;text-align:left;min-width:710px}.link-table th{padding:10px 20px;color:#a0aaad;font-size:9px;font-weight:600;background:#fafbfb;border-top:1px solid #f0f2f2;border-bottom:1px solid #f0f2f2}.link-table td{padding:13px 20px;border-bottom:1px solid #f1f3f3;font-size:10px;color:#56666b;vertical-align:middle}.link-table tr:last-child td{border-bottom:0}.link-table tbody tr:hover{background:#fcfdfd}.link-title-cell{display:flex;align-items:center;gap:10px;min-width:195px}.link-favicon{width:29px;height:29px;border-radius:8px;background:#f0f5f2;color:#41866d;display:grid;place-items:center;font-size:11px;font-weight:700}.link-title-cell b,.link-title-cell small{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-title-cell b{font-size:10px;color:#34454a}.link-title-cell small{font-size:9px;color:#a1abad;margin-top:4px}.short-link{font-weight:700;color:#328264;white-space:nowrap}.click-cell{font-weight:700;color:#34464b}.date-cell{white-space:nowrap;color:#879397!important}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;background:#edf7f1;color:#438365;padding:5px 8px;font-size:9px}.status-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:#55a47c}.status-pill.inactive{background:#f2f3f3;color:#899497}.status-pill.inactive:before{background:#aab2b4}.row-actions{display:flex;align-items:center;gap:2px}.row-action{border:0;background:transparent;color:#94a0a3;border-radius:6px;width:27px;height:27px;font-size:13px}.row-action:hover{background:#eef5f1;color:#2b7b60}.empty-state{padding:52px 20px;text-align:center;color:#859296}.empty-icon{width:46px;height:46px;border-radius:14px;background:#eff7f3;color:#428568;display:grid;place-items:center;margin:0 auto 13px;font-size:19px}.empty-state b{display:block;color:#35454a;font:700 13px 'Manrope';margin-bottom:6px}.empty-state p{font-size:11px;margin:0 0 15px}
/* secondary views & settings */
.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:13px;flex-wrap:wrap}.search-box{height:36px;background:white;border:1px solid #e4e9e9;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 11px;flex:1;min-width:190px;max-width:360px;color:#9aa5a8}.search-box input{border:0;outline:0;background:none;flex:1;min-width:0;font-size:10px}.search-box input::placeholder{color:#a6b0b2}.toolbar select{height:36px;border:1px solid #e4e9e9;border-radius:8px;background:white;color:#66767a;padding:0 10px;font-size:10px;outline:none}.table-footer{padding:13px 20px;border-top:1px solid #f0f2f2;display:flex;align-items:center;justify-content:space-between;color:#9aa5a7;font-size:9px}.pager{display:flex;gap:5px}.pager button{width:25px;height:25px;background:white;border:1px solid #e7ebeb;border-radius:6px;color:#839094;font-size:10px}.pager button.active{background:#eaf5f0;color:#247357;border-color:#eaf5f0}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.8fr);gap:16px;margin-top:17px}.analytics-grid .chart-panel{min-height:365px}.analytics-grid .chart-wrap{height:260px}.insight-card{padding:20px}.insight-card .insight-icon{width:33px;height:33px;border-radius:10px;background:#f2edfb;color:#8267b4;display:grid;place-items:center;margin-bottom:15px}.insight-card h3{font:700 13px 'Manrope';margin:0 0 7px}.insight-card p{font-size:10px;line-height:1.65;color:#869296;margin:0}.insight-metric{border-top:1px solid #eff1f1;margin-top:17px;padding-top:14px}.insight-metric b{font:800 22px 'Manrope';display:block}.insight-metric small{font-size:9px;color:#929da0}.settings-layout{display:grid;grid-template-columns:220px minmax(0,650px);gap:18px}.settings-nav{padding:9px;height:max-content}.settings-nav button{display:block;width:100%;text-align:left;padding:10px;border:0;background:transparent;border-radius:7px;color:#718084;font-size:11px}.settings-nav button.active{background:#edf6f1;color:#287457;font-weight:700}.settings-card{padding:22px}.settings-card h2{font:700 15px 'Manrope';margin:0}.settings-card>p{font-size:10px;color:#929da0;margin:6px 0 21px}.profile-row{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #edf0f0;margin-bottom:20px}.profile-large{width:55px;height:55px;border-radius:17px;background:#e9f4ee;color:#337c5f;display:grid;place-items:center;font:800 20px 'Manrope'}.profile-row b{font-size:11px}.profile-row small{display:block;color:#909a9d;font-size:10px;margin-top:5px}.settings-form{max-width:440px}.settings-form .field{margin-bottom:16px}.settings-form .button{font-size:10px}.plan-card{padding:18px;border:1px solid #e4eeea;background:#f8fbf9;border-radius:10px;margin-bottom:20px}.plan-card strong{font:700 13px 'Manrope'}.plan-card p{font-size:10px;color:#899598;line-height:1.6}.plan-card .button{font-size:10px}.plan-feature{display:flex;align-items:center;gap:8px;font-size:10px;color:#5c6b6e;margin:12px 0}.plan-feature span{color:#4a9b74}.toast-region{position:fixed;top:18px;right:20px;z-index:100;display:grid;gap:8px}.toast{background:#203e38;color:#fff;padding:12px 15px;border-radius:9px;box-shadow:var(--shadow);font-size:11px;display:flex;align-items:center;gap:9px;animation:toast-in .2s ease}.toast.success:before{content:'✓';color:#98e2be;font-weight:800}.toast.error{background:#8e4141}.toast.error:before{content:'!';font-weight:800}@keyframes toast-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
/* Modals */
.modal-backdrop{position:fixed;inset:0;background:rgba(18,36,38,.43);backdrop-filter:blur(3px);z-index:50;display:grid;place-items:center;padding:20px}.modal-card{background:white;border-radius:16px;width:min(100%,495px);padding:25px;box-shadow:0 24px 80px rgba(21,38,39,.22);animation:modal-in .18s ease}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.modal-header h2,.confirm-card h2{font:800 20px 'Manrope';letter-spacing:-.7px;margin:8px 0 5px}.modal-header p,.confirm-card p{font-size:11px;color:#8c989a;margin:0;line-height:1.6}.modal-close{margin-top:-6px;margin-right:-7px;font-size:23px}.modal-card .field{margin-bottom:15px}.slug-input{height:45px;border:1px solid #dce4e5;border-radius:9px;display:flex;align-items:center;padding:0 12px;font-size:12px;color:#759087;transition:border-color .18s,box-shadow .18s}.slug-input span{border-right:1px solid #e4e9e9;padding-right:10px;margin-right:10px;white-space:nowrap}.modal-note{background:#f3f8f5;border-radius:8px;padding:11px 12px;color:#758984;font-size:10px;margin-top:4px}.modal-note span{color:#559579;margin-right:5px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-actions .button{font-size:10px;min-width:85px}.confirm-card{width:min(100%,360px);text-align:center;padding:28px}.confirm-symbol{width:40px;height:40px;border-radius:50%;background:#fff0ed;color:#c05c4d;display:grid;place-items:center;font:800 18px 'Manrope';margin:0 auto 14px}.confirm-card h2{font-size:17px}.confirm-card .modal-actions{justify-content:center}.confirm-card .button{flex:1}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px){.sidebar{width:220px;flex-basis:220px}.stat-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(230px,.8fr)}.topbar-date{display:none}.auth-screen{grid-template-columns:44% 56%}.auth-story{padding-left:34px;padding-right:34px}.float-top{left:-2%}.float-bottom{right:-4%}}
@media(max-width:760px){.auth-screen{display:block;min-height:100vh}.auth-story{display:none}.auth-panel{min-height:100vh;justify-content:flex-start;padding:25px 24px 50px}.auth-mobile-brand{display:block;align-self:flex-start}.auth-form-wrap{margin:auto 0;width:min(100%,410px);padding-top:30px}.auth-bottom{bottom:18px}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-103%);transition:transform .22s ease;width:260px;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:12px 0 40px rgba(19,42,42,.13)}.sidebar-close{display:grid}.sidebar-scrim.show{display:block;position:fixed;inset:0;background:rgba(17,31,31,.28);z-index:19}.menu-toggle{display:grid}.topbar{height:61px;padding:0 17px;gap:12px}.breadcrumb{margin-right:auto}.topbar-actions{gap:8px}.top-create{padding:9px 10px;font-size:10px}.help-button{display:none}.view-root{padding:25px 17px 40px}.overview-grid,.analytics-grid{grid-template-columns:1fr}.source-panel{min-height:auto}.source-list{grid-template-columns:1fr 1fr;column-gap:20px}.page-heading h1{font-size:22px}.chart-panel{min-height:270px}.chart-wrap{height:180px}.analytics-grid .chart-wrap{height:220px}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;gap:4px}.settings-nav button{white-space:nowrap;width:auto}.settings-card{padding:18px}}
@media(max-width:480px){.stat-grid{gap:9px}.stat-card{padding:13px;min-height:105px}.stat-value{font-size:20px}.stat-top{font-size:9px}.top-create{font-size:0;gap:0;width:35px;height:35px;padding:0}.top-create>span{font-size:20px}.breadcrumb{font-size:10px;gap:7px}.page-heading{align-items:flex-start}.heading-actions .period-select{font-size:9px;padding:8px}.view-root{padding-top:21px}.chart-panel,.source-panel{padding:16px}.recent-header{padding:15px}.source-list{grid-template-columns:1fr}.source-row:nth-child(n+5){display:none}.toolbar{gap:6px}.toolbar select{flex:1}.search-box{max-width:none;flex-basis:100%}.modal-card{padding:20px}.auth-panel{padding-left:22px;padding-right:22px}}
.utm-details{border:1px solid #e8eeee;border-radius:9px;padding:11px 12px;margin:2px 0 15px}.utm-details summary{cursor:pointer;color:#527168;font-size:11px;font-weight:700;list-style:none}.utm-details summary::-webkit-details-marker{display:none}.utm-details[open] summary{margin-bottom:12px}.utm-details>p{margin:0;color:#94a09f;font-size:9px;line-height:1.5}.utm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.utm-grid .field{margin-bottom:9px}.utm-grid label{font-size:10px}.utm-grid input{width:100%;height:34px;border:1px solid #e1e8e8;border-radius:7px;padding:0 8px;outline:0;font-size:10px}.utm-grid input:focus{border-color:#5ba88d;box-shadow:0 0 0 2px rgba(43,140,105,.08)}@media(max-width:480px){.utm-grid{grid-template-columns:1fr}}
.chart-empty{position:absolute;inset:45% 12px auto;text-align:center;color:#99a5a6;font-size:10px;line-height:1.5;pointer-events:none}.source-empty{grid-column:1/-1;color:#96a2a2;font-size:10px;padding:18px 4px;text-align:center}.device-list{display:grid;gap:9px;margin-top:16px}.device-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f8faf9;border-radius:7px;color:#6b7a7d;font-size:10px}.device-row b{color:#3e5a51}.expiry-note{display:block;color:#9aa5a6;font-size:8px;margin-top:4px}.negative{color:#c25f58;font-weight:700}
.stat-card{min-width:0}.stat-value-link{font-size:clamp(14px,1.35vw,18px);line-height:1.25;letter-spacing:-.45px;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;min-height:2.5em}.stat-value-link>span{display:block;min-width:0}
.admin-tabs{display:flex;gap:8px;margin:0 0 18px;padding:5px;width:max-content;max-width:100%;background:#edf2f0;border-radius:10px}.admin-tabs button{border:0;background:transparent;color:#71817e;border-radius:7px;padding:9px 13px;font-size:10px;font-weight:700;white-space:nowrap}.admin-tabs button.active{background:#fff;color:#1c6c56;box-shadow:0 1px 4px rgba(24,54,43,.08)}.admin-tabs button span{margin-left:5px;color:#92a09c}.admin-leaders{margin-top:17px}.admin-table{min-width:820px}.admin-table .admin-row-button{font-size:9px;padding:7px 9px;white-space:nowrap}.admin-stat-grid{margin-top:3px}@media(max-width:480px){.admin-tabs{gap:3px}.admin-tabs button{padding:8px;font-size:9px}.admin-table{min-width:760px}}