*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;background:#1b1e26;color:#e6edf3}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;flex:0 0 224px;border-right:1px solid #363b45;padding:14px 12px;background:#242832;display:flex;flex-direction:column}.nav-user{margin-top:auto;padding:12px 10px 4px;border-top:1px solid #363b45}.brand{font-weight:800;font-size:15px;padding:8px 10px 6px}.brand small{display:block;font-weight:500;margin-top:2px}.brand small,.nav-section{font-size:11px;color:#6e7681}.nav-section{text-transform:uppercase;letter-spacing:.04em;margin:16px 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#c9d1d9;text-decoration:none;font-size:14px}.nav-link:hover{background:#2c313c}.nav-link.active{background:rgba(31,111,235,.15);color:#58a6ff;font-weight:600}.nav-ico{width:18px;text-align:center;opacity:.9}.nav-badge{margin-left:auto;font-size:10px;color:#8b949e;border:1px solid #3d4450;border-radius:999px;padding:1px 7px}.main{flex:1;min-width:0;padding:24px 20px 64px}.main-inner{max-width:920px;margin:0 auto}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{border:1px solid #3d4450;border-radius:12px;padding:16px;background:#242832}.tile .n{font-size:26px;font-weight:800}.tile .l{font-size:12px;color:#8b949e;margin-top:4px}.card{border:1px solid #3d4450;border-radius:12px;padding:16px;background:#242832}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer;font-size:14px}.btn-primary{background:#1f6feb;color:#fff}.btn-green{background:#238636;color:#fff}.btn-ghost{background:transparent;color:#e6edf3;border:1px solid #3d4450}.input{width:100%;margin-top:4px;padding:10px 12px;border-radius:8px;border:1px solid #3d4450;background:#1b1e26;color:#e6edf3;font-size:14px}@media (max-width:768px){.app-shell{flex-direction:column}.sidebar{width:100%;flex:none;border-right:none;border-bottom:1px solid #363b45;display:flex;gap:6px;overflow-x:auto;padding:10px;align-items:center}.brand small,.nav-section{display:none}.brand,.nav-link{padding:8px 10px;white-space:nowrap}.nav-badge{display:none}.nav-user{margin-top:0;border-top:none;padding:0 0 0 6px;display:flex;align-items:center;gap:8px}.nav-user>div{display:none}.main{padding:18px 14px 48px}}