:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f4f7f4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:8px;background:#1f6f5b;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1rem}button:disabled{cursor:not-allowed;opacity:.55}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#10201c;color:#f7faf7;padding:1.5rem}.brand{border-bottom:1px solid rgba(255,255,255,.16);display:grid;gap:.3rem;margin-bottom:2rem;padding-bottom:1.5rem}.brand span{color:#7fd2b2;font-size:.78rem;font-weight:800;letter-spacing:.12em}.brand strong{font-size:1.3rem}nav{display:grid;gap:.5rem}nav button{background:transparent;color:#dbe8e3;text-align:left}nav button.active{background:#24483f}.workspace{padding:2rem}.topbar{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:1}.topbar p{color:#5d6b66;margin-top:.75rem}.session-panel,article{background:#fff;border:1px solid #dfe7e2;border-radius:8px;box-shadow:0 16px 50px #12201c14;padding:1rem}.session-panel{display:grid;gap:.75rem;margin-bottom:1rem}.session-panel label{color:#40524b;font-size:.86rem;font-weight:800}.session-panel div{display:flex;gap:.75rem}input{border:1px solid #c8d5cf;border-radius:8px;min-width:0;padding:.8rem 1rem;width:100%}.session-panel p{color:#66746f}.grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}article h2{margin-bottom:1rem}.list{display:grid;gap:.6rem}.row{align-items:center;border:1px solid #e5ece8;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:90px 1fr auto;padding:.85rem}.row span,.row small{color:#60716b;font-size:.86rem}.empty{border:1px dashed #b9c8c1;border-radius:8px;color:#66746f;padding:1rem}@media(max-width:760px){.shell,.grid{grid-template-columns:1fr}.side{padding:1rem}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.session-panel div{align-items:stretch;flex-direction:column}}
