:root{--sky: #e0f2fe;--blue: #0ea5e9;--blue-dark: #0369a1;--yellow: #fde047;--gray-bg: #f8fafc;--text: #334155;--shadow: 0 4px 12px rgba(15,23,42,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--gray-bg)}button{font-family:inherit;cursor:pointer}.btn{border:none;border-radius:999px;padding:10px 22px;font-weight:600}.btn-primary{background:var(--blue);color:#fff}.btn-secondary{background:transparent;color:var(--blue-dark);border:1px solid var(--blue)}.card{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:16px;margin-bottom:12px}.header{position:sticky;top:0;background:var(--sky);padding:12px 16px;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header .hl{color:var(--blue)}.header-user{font-size:14px;font-weight:600;color:var(--blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.content-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.content-push{min-width:0}.content-actions{display:flex;align-items:center;gap:8px;flex:none}.app{display:grid;grid-template-columns:1fr;min-height:100vh}.main-content{padding:16px;max-width:720px;margin:0 auto}.app.is-desktop{grid-template-columns:220px 1fr}.sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:16px}.sidebar a{display:block;padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none;margin-bottom:4px}.sidebar a.router-link-active{background:var(--sky);color:var(--blue-dark);font-weight:700}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0f172a0f;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:8px 0;text-decoration:none;color:var(--text);font-size:11px}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a.router-link-active{color:var(--blue);font-weight:700}.icon-box{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--yellow);border-radius:10px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;margin-bottom:10px;font-family:inherit}.field label{display:block;font-size:13px;margin-bottom:4px;font-weight:600}.hint{font-size:12px;color:var(--blue-dark);margin-top:6px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px}thead th{border-bottom:1px solid #e2e8f0}tbody tr{border-top:1px solid #f1f5f9}@media (min-width: 769px){.bottom-nav{display:none}}@media (max-width: 768px){.sidebar{display:none}.main-content{padding-bottom:84px}}