@import url('base.css');
body{font-family:"Segoe UI",Arial,sans-serif;font-size:15px}.sidebar{width:224px;padding-top:28px}.shell{margin-left:224px}.sidebar .brand{font-size:22px;padding-bottom:26px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{font-size:14px;margin:0}.nav-item[aria-disabled=true]{opacity:.35;cursor:default}.main{max-width:1320px}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.panel{border-radius:12px}.panel-header h2{font-size:17px}th{font-size:12px;letter-spacing:0}td{font-size:14px}td small{font-size:12px}.badge{font-size:12px;border-radius:6px}.badge.red{background:#fff0f0;color:#b64151}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-label{font-size:13px}.stat>strong{margin:12px 0 0;font-size:32px}.person-link{font-weight:600;color:#3e5fd4}.nav-count{margin-left:auto;font-size:11px;background:#e86b6b;color:white;padding:0 6px;border-radius:6px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto;margin:0}.days{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.days label{margin:0}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.device-grid .panel{margin-bottom:0}.device-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.pair-input{font:700 26px Consolas,monospace;text-transform:uppercase;text-align:center;letter-spacing:3px}.guide-steps{padding-left:20px;color:#617087}.guide-steps li{margin:12px 0}.auth{background:#f4f6fa}.auth-box{max-width:620px;margin:45px auto;padding:32px;background:white;border:1px solid var(--line);border-radius:14px}.auth-box .brand{color:#253451;padding:0;margin-bottom:24px}.auth-box h1{font-size:26px}.auth-box form{margin-top:20px}.auth-box>p{font-size:14px}.auth-box .btn{margin:0}.settings-stack{max-width:760px}.section-gap{margin-top:24px}.branch-line{display:flex;align-items:flex-end;gap:12px;margin-bottom:15px}.branch-line label{flex:1;margin:0}.branch-line input{margin-bottom:0}.footer{font-size:12px}.muted{font-size:13px}.table-scroll table{white-space:nowrap}.live-value{font-variant-numeric:tabular-nums}.empty{font-size:14px}.two-col .panel{margin-bottom:0}.full-width{grid-column:1/-1}button:focus-visible,a:focus-visible{outline:3px solid #8aa2ff;outline-offset:3px}
@media(max-width:950px){.sidebar{width:196px}.shell{margin-left:196px}.device-grid,.two-col{grid-template-columns:1fr}.two-col .panel{margin-bottom:20px}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px}.sidebar .brand{font-size:21px;padding:0 8px 18px}.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:5px;padding:0}.nav-item{font-size:11px;padding:9px 3px;justify-content:center;white-space:nowrap}.nav-count{display:none}.shell{margin:0}.main{padding:22px 14px}.topbar{padding:12px 18px}.top-actions .username{display:none}.page-heading h1{font-size:26px}.stats.three{gap:10px}.stat{padding:14px}.stat-label{font-size:11px}.stat>strong{font-size:26px}.stats.two{grid-template-columns:1fr}.stat>strong.duration{font-size:24px}.auth-box{margin:24px 14px;padding:24px}.panel-header{padding:18px}.mobile-cards thead{display:none}.mobile-cards tbody{display:block}.mobile-cards tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border-bottom:1px solid var(--line)}.mobile-cards td{padding:0;border:0;display:block;white-space:normal}.mobile-cards td:nth-child(2){text-align:right}.mobile-cards td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.branch-line{flex-wrap:wrap}.branch-line label{min-width:170px}.days{gap:12px}}
