:root{font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#1e293b;background:#f7f8fc;font-synthesis:none;--bg: #f7f8fc;--panel: #fff;--text: #1e293b;--muted: #8790a3;--border: #e9edf4;--soft: #f5f6fa;--accent: #6366f1;--accent-soft: #eeedff;--shadow: 0 4px 20px #27346004}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:9px 13px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,transform .15s}button:hover,.button:hover{background:var(--soft)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}input,select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:11px 12px;outline:none;color:var(--text);min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#8b8df8;box-shadow:0 0 0 3px #6366f118}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;box-shadow:none;vertical-align:middle}label{font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:8px}label input,label select,label textarea{width:100%}h1,h2,h3,h4,p{margin-top:0}h1{font-size:27px;font-weight:650;letter-spacing:-1px;margin-bottom:8px}h2{font-size:24px}h3{font-size:15px;letter-spacing:-.3px;margin:0}h4{font-size:13px}p{font-size:13px;line-height:1.7}small{font-size:11px}.primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:11px 17px;box-shadow:0 3px 8px #6366f11a}.primary:hover{background:#5355df;border-color:#5355df}.danger{color:#e35c73}.muted{color:var(--muted)}.small{font-size:12px}.wide{width:100%}.grow{flex:1;min-width:0}.grow b,.grow small{display:block}.grow small{color:var(--muted);margin-top:5px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:8px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.7px}.brand-icon{display:grid;place-items:center;width:35px;height:35px;background:var(--accent);color:#fff;border-radius:10px;font-size:25px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--panel);border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 7px}.workspace{margin:30px 0 25px;background:var(--soft);padding:13px 12px;border-radius:9px;font-size:12px;font-weight:600}.workspace small{display:block;letter-spacing:1.2px;font-size:8px;color:var(--muted);margin:7px 0 0 15px}.workspace-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#34b789;margin-right:7px}.nav-label{font-size:10px;color:var(--muted);padding-left:12px;margin-bottom:12px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:13px;font-size:13px;padding:12px;border-radius:8px;color:#737e90}nav a span{font-size:18px;width:20px;text-align:center}nav a:hover{background:var(--soft)}nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-bottom{margin-top:auto;padding:25px 0 0 8px;font-size:10px;color:var(--muted)}.main-area{margin-left:224px;width:calc(100% - 224px)}header{height:74px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#c6ccd7}.breadcrumb b{color:var(--text);font-weight:500}.header-actions{display:flex;align-items:center;gap:20px}.header-actions select{font-size:11px;border:0;padding:7px;background:transparent}.avatar{border-radius:100%;width:32px;height:32px;padding:0;background:var(--accent-soft);color:var(--accent);font-size:11px}.content{max-width:1600px;margin:auto;padding:34px 38px 15px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-title p{margin:0}.greeting{font-weight:500}.quick-create{border:1px solid #dedffc;background:linear-gradient(110deg,var(--panel),var(--accent-soft));padding:24px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:25px;justify-content:space-between}.quick-create>div{display:flex;gap:14px;align-items:center}.quick-icon{font-size:25px;background:#6366f110;color:var(--accent);padding:9px 15px;border-radius:12px}.quick-create p{font-size:11px;color:var(--muted);margin:8px 0 0}.quick-create form{display:flex;gap:10px;flex:1;max-width:550px}.quick-create input{flex:1;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:19px 21px;box-shadow:var(--shadow)}.stat-card>div{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat-card>div span{color:var(--accent);font-size:15px;background:var(--accent-soft);width:27px;height:27px;display:grid;place-items:center;border-radius:7px}.stat-card strong{font-size:29px;display:block;margin:13px 0 8px;letter-spacing:-1px}.stat-card small{color:var(--muted);font-size:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;box-shadow:var(--shadow);overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 17px;gap:15px;flex-wrap:wrap}.panel-title p{color:var(--muted);font-size:11px;margin:7px 0 0}.badge{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:4px 7px;font-size:10px;font-weight:500;display:inline-block;margin:0 4px 3px 0}.panel-title h3 .badge{margin-left:8px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar select,.toolbar input{font-size:12px;padding:8px 10px}.chart-metrics{display:flex;gap:25px;padding:0 24px;font-size:11px;color:var(--muted)}.chart-metrics b{color:var(--text);margin-left:5px}.chart-metrics i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:100%;margin-right:5px}.trend{height:260px;margin:10px 10px 0}.empty-chart{color:var(--muted);text-align:center;font-size:11px;margin:0 0 20px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.analytics-grid .panel{min-height:210px;margin-bottom:0}.rank-row{display:flex;align-items:center;gap:12px;margin:0 22px;padding:15px 0;border-top:1px solid var(--border);font-size:12px}.rank{color:var(--muted);font-size:10px;background:var(--soft);width:22px;height:22px;display:grid;place-items:center;border-radius:5px}.distribution{padding:8px 23px 9px}.distribution>div:first-child{display:flex;justify-content:space-between;font-size:11px}.distribution b{font-weight:500}.bar{height:4px;background:var(--soft);border-radius:2px;margin-top:10px}.bar span{height:4px;display:block;background:#9b9df9;border-radius:2px}.text-link{font-size:11px;color:var(--accent)}.empty{text-align:center;padding:35px 20px;color:var(--muted);font-size:12px}.large{padding:60px 20px}.large>span{display:block;font-size:40px;color:var(--accent);margin-bottom:15px}.large h3{color:var(--text)}.large p{margin:12px 0 22px}.filters{display:flex;gap:10px;padding:20px 22px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.filters input,.filters select{font-size:12px}.search{flex:1;min-width:230px}.table-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 22px;font-size:11px}.table-toolbar button,.table-toolbar .button{font-size:11px;padding:7px 10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;color:var(--muted);font-weight:500;padding:13px 16px;background:var(--soft);white-space:nowrap}td{padding:18px 16px;border-bottom:1px solid var(--border);vertical-align:middle}th:first-child,td:first-child{width:35px;padding-left:23px;padding-right:5px}.link-cell{min-width:250px;max-width:320px}.link-cell>b{display:block;font-weight:600;margin-bottom:8px}.short-url{display:block;border:0;padding:0;background:transparent;color:var(--accent);font-size:11px}.target-url{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;margin-top:7px;max-width:310px}.state{background:var(--soft);color:var(--muted);border-radius:5px;padding:5px 7px;font-size:10px;white-space:nowrap}.state i{width:5px;height:5px;display:inline-block;background:currentColor;border-radius:100%;margin-right:5px}.running{color:#27a679;background:#27a6790e}.date-cell{font-size:10px;white-space:nowrap;color:var(--muted)}.date-cell small{display:block;margin-top:7px;font-size:9px}.row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:160px}.row-actions button{padding:4px 6px;font-size:10px;border:0;background:var(--soft)}.pagination{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:15px 22px;font-size:11px}.pagination>span{margin-right:auto;color:var(--muted)}.pagination button{font-size:11px}.created{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;background:var(--accent-soft);border:1px solid #6366f125;border-radius:9px;font-size:12px;margin-bottom:24px}.created a{color:var(--accent);font-weight:600;overflow-wrap:anywhere;flex:1}.created>span{font-size:10px;color:var(--accent)}.created button{font-size:11px;padding:6px 10px}.notice{padding:13px 17px;border-radius:9px;margin-bottom:20px;display:flex;justify-content:space-between;gap:12px;font-size:12px;overflow-wrap:anywhere}.notice button{background:transparent;border:0;color:inherit;padding:0 4px}.error{color:#dc5265;background:#ef476f0b;padding:12px;border-radius:8px}.success{color:#26996e;background:#26a67910}.helper{padding:0 23px;color:var(--muted);font-size:12px}.management-row{display:flex;gap:13px;align-items:center;padding:22px;border-bottom:1px solid var(--border);font-size:13px;flex-wrap:wrap}.management-row:last-child{border-bottom:0}.domain-icon{background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:10px;font-size:20px}.management-row button{font-size:11px}.key-form,.settings-panel form{padding:5px 24px 25px}.key-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.key-form label{flex:1}.checks{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:20px 0}.checks label,.check{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px}.checks input,.check input{width:16px}.key-form .checks{width:100%}.key-reveal{margin:0 24px 24px;background:var(--accent-soft);border-radius:8px;padding:20px;font-size:12px}.key-reveal code{display:block;overflow-wrap:anywhere;margin:15px 0;color:var(--accent)}.key-reveal button{margin-right:8px}.api-example{margin:24px;background:var(--soft);padding:20px;border-radius:8px}.api-example pre{font-size:11px;overflow-x:auto;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-panel{max-width:820px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a3280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;padding:24px;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px;width:100%;max-width:620px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 70px #0003}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.modal-title h2{font-size:22px;margin:0}.modal-title button{font-size:22px;border:0;padding:2px 7px;background:var(--soft)}.modal form>label,.modal form>.form-grid{margin-bottom:17px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.qr-modal{text-align:center;max-width:420px}.qr-modal img{display:block;max-width:250px;width:100%;margin:15px auto;background:#fff;padding:10px;border-radius:12px}.qr-modal p{color:var(--muted);overflow-wrap:anywhere}.qr-modal .toolbar{justify-content:center}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--panel)}.login-art{background:linear-gradient(150deg,#26265c,#4343a3);padding:65px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff0c;border-radius:100%;right:-190px;bottom:-100px;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03;pointer-events:none}.login-art .brand-icon{background:#ffffff18}.login-art h1{margin:100px 0 25px;font-size:45px;line-height:1.5;letter-spacing:-2px}.login-art p{font-size:15px;color:#c5c5ed;line-height:2}.art-link{background:#ffffff09;border:1px solid #ffffff20;border-radius:14px;padding:25px;margin-top:30px;max-width:400px;display:grid;gap:15px;text-align:center;z-index:1}.art-link span{font-size:12px;color:#c5c5ed;overflow-wrap:anywhere}.art-link strong{font-size:20px;font-weight:500}.art-link b{font-weight:400;opacity:.5}.login-art>small{margin-top:auto;padding-top:60px;color:#b2b2dc;letter-spacing:1px}.login-form{width:100%;max-width:410px;align-self:center;justify-self:center;padding:30px;position:relative}.login-form h2{font-size:28px;margin:12px 0}.login-form>p{margin-bottom:30px}.login-form form label{margin-bottom:22px}.login-form form button{margin-top:8px;padding:14px}.login-form .small{font-size:10px;margin:25px 0 0;text-align:center}.login-theme{position:absolute;right:30px;top:-70px;font-size:11px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}footer{margin-top:30px;color:var(--muted);font-size:10px;display:flex;gap:8px;justify-content:center;padding:15px}.mobile-toggle{display:none}[data-theme=dark]{color-scheme:dark;--bg: #111521;--panel: #1b2030;--text: #e3e7f0;--muted: #8993a8;--border: #2a3042;--soft: #22283a;--accent: #8b8df8;--accent-soft: #8b8df818;--shadow: none;background:var(--bg);color:var(--text)}[data-theme=dark] .quick-create{border-color:#37395c}[data-theme=dark] nav a{color:var(--muted)}[data-theme=dark] nav a.active{color:var(--accent)}[data-theme=dark] .primary{color:#fff;background:#6366f1;border-color:#6366f1}@media(min-width:1600px){.content{padding:40px 50px}.quick-create{padding:28px}.trend{height:300px}}@media(max-width:1200px){.sidebar{width:195px;padding:25px 15px}.main-area{margin-left:195px;width:calc(100% - 195px)}.content{padding:28px 25px}.quick-create{align-items:stretch;flex-direction:column;gap:20px}.quick-create form{max-width:none}.stat-grid{gap:10px}.stat-card{padding:15px}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0);box-shadow:10px 0 60px #0004}.main-area{margin-left:0;width:100%}header{padding:0 20px;height:62px;gap:15px}.mobile-toggle{display:block}.breadcrumb{margin-right:auto}.content{padding:24px 18px}.page-title{gap:10px}.page-title h1{font-size:23px}.page-title .primary{font-size:11px;padding:10px}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-card strong{font-size:24px}.analytics-grid{gap:15px}.quick-create{padding:20px}.quick-create form{flex-wrap:wrap}.quick-create input{width:100%;flex-basis:100%}.quick-create button{width:100%}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form{max-width:450px}.form-grid{gap:15px}.table-toolbar{flex-wrap:wrap}.filters{padding:16px}.search{min-width:100%;width:100%}.management-row{padding:18px;gap:10px}.panel-title{padding:20px}.header-actions{gap:8px}}@media(max-width:500px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid .stat-card:last-child{grid-column:span 2}.analytics-grid,.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal{padding:22px;max-height:calc(100dvh - 24px)}.panel-title{gap:12px}.chart-metrics{gap:15px;padding:0 20px}.trend{height:230px}.filters select{flex:1}.greeting{display:none}.page-title .eyebrow{font-size:9px}.header-actions select{max-width:85px}.key-form{flex-direction:column;align-items:stretch}.key-form label{width:100%}}.sign-in{display:block;text-align:center;padding:14px;border-radius:8px;font-size:16px;margin-top:24px}.login-form p{line-height:1.6}