:root{--ink:#162335;--muted:#748093;--line:#e5e9ef;--orange:#ed6b2d;--bg:#f6f8fa;--nav:#101e30;font-family:"Segoe UI","Malgun Gothic",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #efb58e;outline-offset:4px}h1,h2,p{margin:0}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.8px}.brand-icon{position:relative;display:grid;place-items:center;width:36px;height:36px;color:#fff;background:var(--orange);border-radius:11px;font-size:24px;font-weight:800}.brand-icon span{position:absolute;right:3px;top:3px;font-size:11px}.brand-tag{font-size:9px;letter-spacing:1.6px;margin-left:6px;color:#94a2b4}.eyebrow{display:block;font-size:10px;letter-spacing:2.2px;font-weight:700;color:#f6a76d}.eyebrow.muted{color:#8b95a3}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.intro{background:var(--nav);color:#fff;padding:44px 52px;display:flex;flex-direction:column;position:relative;overflow:hidden}.intro:after{content:"";width:460px;height:460px;position:absolute;right:-190px;bottom:-180px;border:1px solid #2c3e54;border-radius:50%;box-shadow:0 0 0 65px #1a2b3f55,0 0 0 130px #1a2b3f33;pointer-events:none}.intro-copy{margin:auto 0;padding:90px 0;position:relative;z-index:1}.intro h1{font-size:clamp(30px,3vw,47px);line-height:1.38;letter-spacing:-2px;margin:25px 0}.intro-copy>p{color:#a7b5c7;font-size:14px;line-height:1.9}.flow{margin-top:46px;display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}.flow>div{border:1px solid #35445a;padding:16px 12px;border-radius:9px;background:#17273b}.flow span{color:#8c9bae;display:block;font-size:9px;margin-bottom:9px;letter-spacing:1px}.flow .flow-focus{border-color:#d67943;background:#332a28}.flow .flow-focus span{color:#efab7d}.flow i{color:#77879c;font-style:normal}.intro-footer{color:#8594a6;font-size:10px;letter-spacing:.4px;display:flex;gap:9px;align-items:center;position:relative;z-index:1}.small-dot{display:inline-block;width:6px;height:6px;background:#3caa87;border-radius:50%}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;min-height:100vh;background:#fff}.login-card{width:100%;max-width:360px}.login-card h2{font-size:29px;letter-spacing:-1.1px;margin:17px 0 12px}.subtext{color:var(--muted);font-size:13px;line-height:1.7}.login-card form{margin-top:36px}label{display:block;font-size:12px;font-weight:650;margin-bottom:10px}input{width:100%;border:1px solid #dce1e7;border-radius:7px;padding:13px 14px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ed6b2d15}input::placeholder{color:#a2aab6;font-size:12px}.login-card input{margin-bottom:23px}.password-wrap{position:relative}.password-wrap input{padding-right:60px;margin-bottom:0}.reveal{position:absolute;right:10px;top:12px;font-size:10px;padding:4px;color:#7c8796;background:none;border:0}.primary{background:var(--orange);color:white;border:1px solid var(--orange);border-radius:7px;padding:12px 20px;font-size:12px;font-weight:650;transition:background .15s}.primary:hover{background:#d85b20}.primary.full{width:100%;display:flex;justify-content:space-between;align-items:center}.primary.full span{font-size:18px;font-weight:400}.message{font-size:12px;color:#b53c32;line-height:1.6;min-height:18px;margin:12px 0}.message:empty{min-height:0;margin:12px 0}.message.success{color:#267f63}.login-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:22px;font-size:11px;color:#8792a0;line-height:1.8}.login-note>span{font-size:18px;color:#a4adba}.panel-footer{font-size:9px;color:#a8b0bb;margin-top:70px}.console{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:232px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:29px 20px;display:flex;flex-direction:column}.sidebar .brand{font-size:20px;padding:0 8px}.sidebar .brand-icon{width:32px;height:32px;font-size:21px}.workspace-label{font-size:9px;letter-spacing:1.8px;color:#9aa3af;padding:44px 12px 16px}nav{display:grid;gap:7px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;padding:13px 12px;border:0;border-radius:7px;background:none;color:#778293;font-size:12px;text-align:left}.nav-item>span{font-size:17px;line-height:1}.nav-item.active{color:#d65b22;background:#fff2e9;font-weight:700}.nav-item small{margin-left:auto;font-size:8px;background:#f2f4f6;padding:3px 5px;border-radius:3px}.nav-item:disabled{opacity:1;color:#9aa3af}.sidebar-bottom{margin-top:auto;padding:80px 12px 0;font-size:9px;color:#8a95a4;line-height:2.5}.sidebar-bottom .small-dot{margin-right:5px}.sidebar-bottom>div{color:#b1b8c2}.console-main{flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:11px;color:#8a95a4}.topbar b{font-weight:400;margin:0 16px;color:#c4cad2}.topbar-actions{display:flex;align-items:center;gap:20px}.session-badge{font-size:10px;color:#2a8c6d}.secondary{background:#fff;color:#5b6879;border:1px solid #dde3ea;border-radius:6px;padding:8px 12px;font-size:10px}.content{max-width:1250px;padding:48px 40px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-heading h1{font-size:27px;letter-spacing:-1px;margin:13px 0 10px;font-weight:650}.outline-tag{font-size:10px;color:#8290a0;border:1px solid #dfe5ec;background:#fff;padding:7px 10px;border-radius:5px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.stat-card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.card-label{font-size:11px;color:#7b8796}.stat-card strong{display:block;font-size:23px;font-weight:650;letter-spacing:-.5px;margin:18px 0 12px;overflow-wrap:anywhere}.stat-card strong small{font-size:11px;font-weight:400;color:#8b96a4;margin-left:6px}.stat-card p{font-size:10px;color:#96a0ad}.security-panel{display:grid;grid-template-columns:230px 1fr;background:white;border:1px solid var(--line);border-radius:10px;margin-top:28px;overflow:hidden}.section-intro{padding:30px;border-right:1px solid var(--line);background:#fcfcfd}.section-icon{display:grid;place-items:center;width:36px;height:36px;font-size:24px;border-radius:9px;background:#fff0e6;color:#d7753e;margin-bottom:18px}.section-intro h2{font-size:17px;letter-spacing:-.5px;margin-bottom:12px}.section-intro p{font-size:10px;color:#8a95a4;line-height:1.9}.quiet-label{display:block;font-size:8px;letter-spacing:1.5px;color:#b0b8c3;margin-top:35px}.security-form{padding:30px}.security-form input{margin-bottom:22px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}.form-actions>span{font-size:9px;color:#99a3af}.content-footer{margin-top:35px;color:#929cab;font-size:9px;display:flex;justify-content:space-between;gap:15px}.content-footer>span{color:#a3acb8}.notice{border:1px solid #f3d7a9;background:#fff9ed;padding:14px 18px;color:#9c691f;border-radius:8px;font-size:12px;margin-bottom:18px}[hidden]{display:none!important}@media(max-width:1100px){.intro{padding:35px}.flow{gap:7px}.flow>div{padding:12px 9px}.sidebar{width:200px}.content{padding:35px 25px}.topbar{padding:0 25px}.security-panel{grid-template-columns:190px 1fr}.section-intro,.security-form{padding:24px}}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.intro{min-height:auto;padding:24px}.intro-copy{padding:38px 0}.intro h1{font-size:30px}.flow,.intro-footer{display:none}.intro-copy>p{font-size:12px}.login-panel{min-height:auto;padding:40px 24px}.panel-footer{margin-top:35px}.sidebar{width:72px;padding:24px 10px}.sidebar .brand{font-size:0;padding:0 9px}.sidebar .brand-icon{flex-shrink:0}.workspace-label,nav,.sidebar-bottom{display:none}.topbar{height:70px;padding:0 18px}.topbar>span,.session-badge{display:none}.topbar-actions{margin-left:auto;gap:12px}.content{padding:28px 18px}.page-heading h1{font-size:22px}.outline-tag{display:none}.account-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-card strong{margin:10px 0}.security-panel{grid-template-columns:1fr}.section-intro{border-right:0;border-bottom:1px solid var(--line)}.section-icon,.quiet-label{display:none}.form-columns{grid-template-columns:1fr;gap:0}.form-actions{align-items:stretch;flex-direction:column}.content-footer{flex-direction:column;line-height:1.8}.security-form{padding:20px}}

.account-link{color:var(--ink);font-weight:650;border-bottom:1px dotted #aab3bf;padding:5px 0}.account-link:hover{color:var(--orange)}.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.dashboard-chart{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px}.dashboard-chart h2{font-size:16px;margin-bottom:8px}.dashboard-chart canvas{display:block;width:100%;height:260px;margin-top:18px}.received-key{color:#238a77;margin-right:14px}.sent-key{color:#2875cf}.dashboard-table-wrap{overflow-x:auto;margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:10px}.dashboard-table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:12px}.dashboard-table caption{text-align:left;padding:18px 24px;font-weight:650}.dashboard-table th,.dashboard-table td{padding:16px 24px;border-top:1px solid var(--line)}.dashboard-table th{background:#fafbfd;color:var(--muted);font-weight:500}.dashboard-table th:first-child,.dashboard-table td:first-child{text-align:left}.dashboard-note{margin-top:20px;font-size:11px;line-height:1.9}#password-required a{text-decoration:underline}@media(max-width:1000px){.dashboard-charts{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-chart{padding:16px}.dashboard-summary{grid-template-columns:1fr}}

.dashboard-combined{margin-top:24px}.dashboard-combined canvas{height:340px}.visitor-key{color:#3988ee;margin-right:14px}.dashboard-combined .sent-key{color:#ce6019}.dashboard-period-heading{font-size:18px;margin-top:32px}.dashboard-hour-details{margin-top:18px;font-size:12px}.dashboard-hour-details summary{cursor:pointer;color:var(--muted)}

.logout-menu{position:relative;color:var(--ink)}.logout-menu>summary{cursor:pointer;list-style:none;user-select:none}.logout-menu>summary::-webkit-details-marker{display:none}.logout-menu>summary:focus-visible{outline:3px solid #efb58e;outline-offset:3px}.logout-options{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:245px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 30px #16233520}.logout-options button{display:block;width:100%;padding:13px 14px;text-align:left;font-size:12px;color:var(--ink);border:0;border-radius:6px;background:#fff}.logout-options button:hover{background:#fff2e9}.logout-options small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.logout-options button+button{border-top:1px solid var(--line)}