:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#20312b;background:#f6f8f7;font-synthesis:none;--ink:#20312b;--muted:#6b7872;--line:#e2e8e4;--green:#244f3c;--lime:#c2f670;--sidebar:#182824}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6da946;outline-offset:4px}input:focus,textarea:focus{outline:0;border-color:#568267;box-shadow:0 0 0 3px #dcebdc}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:2.25rem;line-height:1.2;font-weight:650;letter-spacing:-1.2px}h2{font-size:1.0625rem;font-weight:650}h3{font-size:1.125rem}svg{vertical-align:middle}input,textarea{width:100%;border:1px solid #dce3df;border-radius:8px;background:#fff;padding:12px 14px;color:var(--ink);min-width:0}input::placeholder,textarea::placeholder{color:#8a9690}textarea{resize:vertical;min-height:100px}label{display:block;font-size:.875rem;font-weight:600;margin:20px 0 8px}label span{font-weight:400;color:var(--muted);margin-left:4px}label:first-child{margin-top:0}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:1.8px;margin-bottom:12px}.button{border:1px solid transparent;border-radius:8px;min-height:46px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.875rem;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.primary{background:var(--green);color:#fff}.primary:hover{background:#193e2d}.full{width:100%}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:7px;color:#62756a}.icon-button:hover{background:#edf2ed;color:#284b38}.form-error{font-size:.875rem;color:#ad342c;margin-top:10px}.form-error:empty{display:none}.wordmark{font-size:2rem;font-weight:730;letter-spacing:-1.2px;line-height:1}.brand-dot{color:var(--lime)}.loading{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--sidebar);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:35px 22px 0}.sidebar>.wordmark{padding-left:13px}.workspace{display:flex;align-items:center;gap:12px;margin:48px 11px 38px}.workspace-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #47573d;border-radius:11px;color:var(--lime);background:#2a3b2c}.workspace strong{display:block;font-size:1rem}.workspace span:not(.workspace-icon){display:block;font-size:.75rem;color:#9cad9f;margin-top:2px}.nav-label{font-size:.75rem;letter-spacing:1.5px;color:#93a59b;margin:0 13px 14px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;font-size:.875rem}.nav-item.active{background:#304139;color:#d7f3b8}.nav-item svg{color:#c2f670}.sidebar-bottom{margin-top:auto}.domain-label{font-size:.75rem;letter-spacing:1.4px;color:#a4b1aa;padding:0 12px}.domain{font-size:.8125rem;color:#d2dfd5;padding:6px 12px 26px;overflow-wrap:anywhere}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #34433c;margin:0 -22px;padding:22px 15px}.avatar{width:32px;height:32px;border-radius:50%;background:#cce6b5;color:#334e37;display:grid;place-items:center;font-size:.8125rem;font-weight:700;flex-shrink:0}.account strong{font-size:.8125rem;display:block}.account div>span{display:block;font-size:.75rem;color:#aabbaf}.account .logout{margin-left:auto;color:#aabbaf;width:30px;flex-shrink:0}.account .logout:hover{background:#35483d;color:white}.main-wrap{margin-left:246px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 44px;font-size:.8125rem;background:#fff}.topbar>div{display:flex;align-items:center;gap:15px;color:#6f7c75}.topbar>div a{color:#243d2f}.topbar>div>span{color:#c1cbc5}.private{display:flex;gap:7px;align-items:center;color:#66786b;font-size:.75rem}.private svg{width:14px;height:14px}#main-content{max-width:1450px;margin:auto;padding:39px 44px 20px;min-height:calc(100vh - 133px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading .eyebrow{color:#738377;font-size:.75rem;letter-spacing:1.7px;margin-bottom:10px}.page-heading p.muted{font-size:.875rem;margin-top:10px}.heading-dot{color:#79a546}.collection-count,.period-badge{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 11px;font-size:.75rem;color:#66766b;white-space:nowrap}.create-panel{background:#eef3ed;border:1px solid #dce5d8;border-radius:12px;padding:23px 25px;margin-bottom:26px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.section-title h2{font-size:.9375rem}.create-symbol{color:#608749}.create-symbol svg{width:19px;height:19px}.create-input-row{display:flex;gap:12px}.url-input{display:flex;flex:1;align-items:center;position:relative}.url-input>svg{position:absolute;left:15px;color:#8b9a8f}.url-input input{padding-left:45px;height:48px;font-size:.875rem}.create-input-row .button{background:#294f3a}.create-panel details{margin-top:14px}summary{cursor:pointer;font-size:.8125rem;color:#5e7162;width:fit-content}summary::marker{color:#748b6d}.optional-fields{padding-top:7px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.field-grid label{margin-top:0}.field-hint{font-size:.75rem;color:var(--muted);display:block;margin-top:6px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:29px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 22px 17px}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:#65756a}.metric-label>span{color:#819580}.metric-label svg{width:18px;height:18px}.metric>strong{display:block;font-size:2rem;font-weight:620;letter-spacing:-1px;margin:9px 0 1px}.metric-note{font-size:.75rem;color:#819085}.panel{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px}.panel-heading .small{font-size:.75rem}.panel-heading p{margin-top:5px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}th{font-size:.75rem;letter-spacing:.8px;font-weight:600;color:#7c8b80;padding:12px 22px;background:#fafbf9;border-top:1px solid #eaf0e9;border-bottom:1px solid #eaf0e9}th:first-child{width:32%}th:nth-child(2){width:30%}th:nth-child(3){width:10%}th:nth-child(4){width:21%}th:last-child{width:7%;padding:0}td{padding:18px 22px;border-bottom:1px solid #edf1ec;font-size:.8125rem}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfa}.link-title{display:flex;align-items:center;gap:13px}.link-title>span:last-child{min-width:0}.link-title strong{font-size:.875rem;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-title:hover strong{color:#52833e}.row-icon{width:34px;height:34px;border:1px solid #e2e9df;border-radius:8px;background:#f6f9f3;display:grid;place-items:center;color:#6c865c;flex-shrink:0}.row-icon svg{width:16px;height:16px}.short-code{display:block;font-size:.75rem;color:#7b8b7e;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-url{color:#758278;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-url:hover{color:#285436}.target-url svg{width:12px;height:12px;margin-left:4px}.count{text-align:right;font-variant-numeric:tabular-nums}.last-visit{font-size:.75rem;color:#6b7b70;white-space:nowrap}td:last-child{padding:12px 12px 12px 0;text-align:center}.empty-state{text-align:center;padding:42px 20px 49px;border-top:1px solid #edf1ec}.empty-icon{width:50px;height:50px;border:1px solid #e0e9d9;background:#f4f8ef;display:grid;place-items:center;color:#77915e;border-radius:14px;margin:0 auto 17px}.empty-state h3{font-size:1rem;font-weight:600;margin-bottom:6px}.empty-state p{font-size:.875rem;color:#7a897e}.storage-note{display:flex;align-items:center;gap:6px;color:#7b8b7e;font-size:.75rem;margin-top:20px}.storage-note svg{width:14px;height:14px;color:#6f9155}.storage-note span{margin-left:auto}footer{max-width:1450px;margin:auto;padding:15px 44px 24px;display:flex;justify-content:space-between;color:#8a998e;font-size:.75rem;letter-spacing:.25px}
.back-link{display:inline-flex;align-items:center;gap:9px;color:#718575;font-size:.8125rem;margin-bottom:24px}.back-link svg{width:16px;height:16px}.detail-heading{margin-bottom:23px}.detail-heading h1{overflow-wrap:anywhere;font-size:2rem}.shortlink-strip{background:#eaf1e5;border:1px solid #dce8d4;border-radius:10px;padding:16px 20px;display:flex;gap:12px;align-items:center;margin-bottom:23px}.shortlink-strip a{font-size:.9375rem;font-weight:600;color:#36593d;overflow-wrap:anywhere}.shortlink-strip a:hover{text-decoration:underline}.strip-icon{color:#6f9552}.shortlink-strip>span:last-child{margin-left:auto;font-size:.75rem;color:#75896a;white-space:nowrap}.chart-panel{margin-bottom:25px}.chart-wrap{padding:0 24px}.chart{width:100%;height:auto;display:block}.chart text{fill:#849080;font:12px "Segoe UI",Arial,sans-serif}.chart-bar{fill:#b5d69e}.today-bar{fill:#436c42}.chart-bar:hover{fill:#56854b}.chart-empty{text-align:center;font-size:.8125rem;color:#829078;margin:0 24px 16px}.chart-data{margin:0 24px 20px}.chart-data summary{font-size:.75rem}.daily-values{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}.daily-values>div{display:flex;justify-content:space-between;gap:6px;background:#f5f8f2;padding:8px;font-size:.75rem;border-radius:4px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start}.edit-panel .panel-heading{border-bottom:1px solid #edf1eb}.edit-panel form{padding:24px}.edit-panel input,.edit-panel textarea{font-size:.875rem}.edit-warning{font-size:.75rem;line-height:1.65;color:#8a794c;background:#faf8f0;border:1px solid #f0ead7;border-radius:6px;padding:11px 13px;margin-top:20px}.form-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.form-actions span{font-size:.75rem}.count-badge{background:#f0f4ed;border-radius:5px;padding:2px 8px;color:#7a8b70;font-size:.75rem}.recent-list{list-style:none;padding:0;margin:0;max-height:465px;overflow:auto}.recent-list li{display:flex;gap:12px;align-items:center;border-top:1px solid #edf1eb;padding:14px 24px}.recent-icon{width:30px;height:30px;border-radius:50%;background:#f2f6ee;display:grid;place-items:center;color:#7d9767}.recent-icon svg{width:13px;height:13px}.recent-list strong{font-size:.8125rem;font-weight:500;display:block}.recent-list li div>span{font-size:.75rem;color:#8b9984;display:block;margin-top:2px}.recent-note{font-size:.75rem;color:#87977d;padding:16px 24px;border-top:1px solid #edf1eb}.compact{padding:30px 24px}.compact p{font-size:.8125rem}.error-panel{padding:35px}.error-panel p{margin:20px 0}.not-found{max-width:640px;margin:10vh auto;padding:30px}.not-found .wordmark{display:block;margin-bottom:70px}.not-found .brand-dot{color:#608949}.not-found>p:not(.eyebrow){margin:25px 0;color:var(--muted)}
.password-field{position:relative}.password-field input{padding-right:90px}.password-field button{position:absolute;right:8px;top:5px;height:38px;border:0;background:transparent;font-size:.875rem;color:inherit;padding:0 7px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#233e2b;color:#fff;box-shadow:0 8px 28px #19312020;padding:13px 23px;border-radius:9px;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){#main-content{padding-top:48px}.page-heading{margin-bottom:34px}.create-panel{padding:26px 30px}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:16px;padding-right:16px}.account{margin-left:-16px;margin-right:-16px;padding-left:12px;padding-right:10px}.account .avatar{display:none}.main-wrap{margin-left:218px}#main-content{padding:30px 28px 20px}.topbar{padding:0 28px}.workspace{margin-left:5px;gap:10px}.workspace span:not(.workspace-icon){font-size:.75rem}td,th{padding-left:14px;padding-right:14px}.row-icon{display:none}.last-visit{white-space:normal}.panel-heading{padding:20px}.detail-grid{gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.field-grid{gap:12px}}
@media(max-width:960px){.sidebar{width:190px}.main-wrap{margin-left:190px}.workspace{gap:8px}.workspace-icon{width:32px;height:32px}.workspace span:not(.workspace-icon){display:none}.account .logout{width:27px}.account div>span{font-size:.75rem}.topbar{height:65px}.private{font-size:.75rem}#main-content{padding:26px 22px 20px}.metrics{gap:12px}.metric{padding:16px}.metric-label{font-size:.75rem}.metric>strong{font-size:1.75rem}.metric-note{font-size:.75rem}.detail-grid{grid-template-columns:1fr}.recent-list{max-height:280px}.links-panel table{min-width:610px}.storage-note{flex-wrap:wrap}.storage-note span{margin-left:20px}.panel-heading>.small{display:none}.detail-heading .button{padding:10px 13px}.detail-heading h1{font-size:1.75rem}.shortlink-strip>span:last-child{display:none}footer{padding:15px 22px 24px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static;padding:18px 20px;flex-direction:row;align-items:center;gap:22px}.sidebar>.wordmark{font-size:1.6rem;padding:0}.workspace,.nav-label,.sidebar .domain-label,.sidebar .domain{display:none}.sidebar nav{margin-left:auto}.nav-item{font-size:.75rem;padding:8px 10px;gap:7px}.nav-item svg{width:16px;height:16px}.sidebar-bottom{margin:0}.account{border:0;margin:0;padding:0}.account>div{display:none}.account .logout{width:28px}.main-wrap{margin-left:0}.topbar{height:49px;padding:0 20px;font-size:.75rem}.topbar>div{gap:10px}.private{font-size:.75rem}.private svg{width:12px;height:12px}#main-content{padding:28px 20px 20px}.page-heading{margin-bottom:24px;gap:15px}h1{font-size:2rem}.create-panel{padding:20px 18px}.create-input-row{flex-direction:column;gap:10px}.create-input-row .button{align-self:stretch;min-height:43px}.metrics{gap:9px;margin-bottom:24px}.metric{padding:14px 12px}.metric-label{font-size:.75rem;line-height:1.4;min-height:30px;align-items:flex-start}.metric-label svg{width:14px;height:14px}.metric>strong{font-size:1.6rem;margin:5px 0}.metric-note{font-size:.75rem}.links-panel .panel-heading{padding:19px}.storage-note{font-size:.75rem}.storage-note span{margin-left:20px;width:100%}.detail-heading{flex-wrap:wrap;gap:18px}.detail-heading h1{font-size:1.75rem}.detail-heading .button{min-height:40px;font-size:.8125rem}.shortlink-strip{padding:14px}.shortlink-strip a{font-size:.8125rem}.panel-heading{padding:18px}.panel-heading h2{font-size:.9375rem}.panel-heading p.small{font-size:.75rem;max-width:220px}.period-badge{font-size:.75rem;padding:5px 7px}.chart-wrap{padding:5px 10px}.chart-data{margin:10px 18px 18px}.daily-values{grid-template-columns:repeat(3,1fr)}.edit-panel form{padding:20px}.field-grid{grid-template-columns:1fr;gap:18px}.form-actions{flex-wrap:wrap}.form-actions>.button{flex:1}.chart-empty{font-size:.75rem}footer{font-size:.75rem;padding:15px 20px 25px}.not-found{margin:5vh auto}#toast{bottom:20px;width:max-content;text-align:center}}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-width:0}.metric-note{overflow-wrap:anywhere}.metric-label{gap:6px}.metric-label>span{flex-shrink:0}.table-scroll{position:relative;min-width:0}
.simple-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--sidebar);padding:32px 24px;color:#f5f8f4}.simple-login-card{width:100%;max-width:340px}.simple-login h1{font-size:1.75rem;font-weight:550;letter-spacing:-.6px;margin-bottom:32px}.simple-login label{color:#d3dfd7;font-size:.875rem;font-weight:400;margin-top:22px}.simple-login input{background:#22372f;border-color:#486052;color:#fff;border-radius:7px;height:49px}.simple-login input:focus{border-color:#c2f670;box-shadow:0 0 0 2px #c2f67025}.simple-login .password-field button{color:#b9cbbf;font-size:.75rem}.simple-login .primary{background:var(--lime);color:#182824;margin-top:28px;min-height:48px}.simple-login .primary:hover{background:#d2ff8e}.simple-login .form-error{color:#ffb9af}.password-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:#36513d;font-size:.875rem}.password-button:hover{background:#f0f5ed}.password-button svg{width:16px;height:16px}.password-dialog{border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 70px #10241b30;padding:30px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink)}.password-dialog::backdrop{background:#10241bab}.password-dialog h2{font-size:1.25rem;margin-bottom:26px}.password-dialog input{font-size:1rem}.password-dialog .form-actions{justify-content:flex-end;gap:10px}.secondary{background:#f3f6f1;color:#435d49;border-color:#dce5d8}.password-note{font-size:.875rem;color:var(--muted);margin-top:20px}
@media(max-width:720px){.topbar{height:auto;min-height:58px;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.password-button{font-size:.75rem;gap:5px;padding:7px 8px}.password-dialog{padding:24px}.password-dialog .form-actions{flex-wrap:wrap}.password-dialog .button{flex:1}}
.danger{background:#fff5f3;border-color:#ebc9c3;color:#9d3026}.danger:hover{background:#fbe6e2}#delete-link{margin-left:auto}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}