@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&display=swap");:root{--bg:#f6f3ee;--panel:#ffffff;--ink:#142023;--muted:#5c646d;--accent:#1f7a6f;--accent-strong:#10594f;--border:#dfe5e8}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Outfit,sans-serif;line-height:1.45;color:var(--ink);background:radial-gradient(circle at 10% 10%,#e9f5f2 0,transparent 30%),radial-gradient(circle at 90% 15%,#fdf0d8 0,transparent 40%),var(--bg)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#102425,#163436);color:#e8f7f4;padding:24px;min-width:0}.sidebar-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.sidebar-nav{margin-top:12px}.menu-toggle{display:none;border-color:rgba(255,255,255,.25);background:transparent;color:#e8f7f4}.brand{font-weight:700;font-size:1.4rem;margin-bottom:20px}.nav-link{display:block;padding:10px 12px;border-radius:10px;margin-bottom:8px;color:#ddf1ed}.nav-link:hover{background:rgba(255,255,255,.12)}.nav-link.active{background:rgba(255,255,255,.18)}.main-wrap{padding:clamp(12px,2.4vw,20px);min-width:0}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.title{font-size:1.3rem;font-weight:700;line-height:1.2}.subtitle{color:var(--muted);font-size:.92rem}.user-block{display:flex;align-items:center;gap:10px;min-width:0}.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(320px,48vw)}button{border:1px solid var(--border);background:var(--accent);color:white;border-radius:10px;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer}button:hover{background:var(--accent-strong)}button:disabled{opacity:.6;cursor:wait}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;min-height:44px;font:inherit;margin-top:6px}label{display:block;margin-bottom:12px;font-weight:500}.content-wrap{animation:fadeIn .26s ease-out;width:min(100%,1140px);margin:0 auto}.grid{display:grid;grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(20,32,35,.06);overflow:hidden}.card h2{margin-top:0;font-size:1.1rem}.card ul{margin:0;padding-left:1.1rem}.card li{overflow-wrap:anywhere}.center,.login-wrap{min-height:100vh;display:grid;place-items:center}.login-wrap{padding:24px}.login-card{background:white;border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:22px}.error{margin-top:10px;color:#9b2626;background:#ffe9e9;border-radius:10px;padding:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.sidebar-nav{display:none}.sidebar-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.nav-link{margin:0;text-align:center;font-size:.94rem}.grid.two{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;margin-bottom:14px}.user-block{width:100%;justify-content:space-between}.user-email{max-width:66vw}}@media (max-width:640px){.main-wrap{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.title{font-size:1.08rem}.subtitle{font-size:.86rem}.sidebar-nav.open{grid-template-columns:1fr}.card{padding:14px;border-radius:14px}.login-wrap{padding:12px}.login-card{padding:16px}.logout-btn{padding-inline:12px}}