:root{--bg: #f5f9ff;--bg-strong: #eef4ff;--card: #ffffff;--text: #1b2a4a;--muted: #60708d;--brand: #1d8f7a;--brand-dark: #156f5f;--line: #d9e4f5;--warn: #bd3434}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,#dff6ff 0%,transparent 34%),radial-gradient(circle at 90% 10%,#ebfff6 0%,transparent 28%),linear-gradient(160deg,#f7fbff,#f4f9ff 45%,#f8fcff);min-height:100vh}.page-shell{width:100%;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:.8rem;padding:0}.topbar{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);border-left:0;border-right:0;border-top:0;border-radius:0;padding:.75rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.logo-btn{border:0;background:transparent;font-weight:800;color:var(--text);display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:1rem}.logo-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(180deg,#44e4b7,#1a9d83);box-shadow:0 0 0 4px #d8f8ef}.menu-right{gap:.55rem;display:flex;align-items:center}.menu-link{border:0;background:transparent;color:var(--muted);font-weight:700;padding:.3rem .45rem;border-radius:6px;cursor:pointer}.menu-link:hover{background:transparent;color:var(--text)}.btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:.6rem .8rem;font-weight:600;cursor:pointer}.btn:hover{border-color:#b6d6c2;transform:translateY(-1px)}.primary{background:linear-gradient(180deg,#28c67d,var(--brand));color:#fff;border-color:transparent}.primary:hover{background:linear-gradient(180deg,#24b171,var(--brand-dark))}.main-content{display:grid;gap:1.2rem;width:100%;max-width:1120px;margin:0 auto;padding:0 1.2rem}.card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:1.2rem;box-shadow:0 8px 24px #1232270d}.auth-card,.settings-card{width:100%;max-width:480px;margin:0 auto;border-color:#cfdcf2;box-shadow:0 14px 34px #21345b14}.auth-card h2,.settings-card h2{margin-top:0}.hero h1{margin-top:.4rem;margin-bottom:.6rem;font-size:clamp(1.4rem,2vw,2rem)}.hero-actions{display:flex;gap:.7rem;margin-top:1rem}.simple-hero{background:linear-gradient(130deg,#fff,#f3f8ff 66%)}.badge{display:inline-block;font-weight:700;font-size:.85rem;color:#145f94;background:#dff1ff;padding:.35rem .6rem;border-radius:999px}.sample-block{margin-top:1rem;border:1px solid var(--line);border-radius:12px;padding:.8rem;background:var(--bg-strong)}.sample-block pre{margin:0;white-space:pre-wrap;font-size:.92rem}.section-block h2{margin-top:0}.stack-form{display:grid;gap:.8rem}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;align-items:end}.inline-form{display:flex;align-items:end;gap:.8rem;margin-bottom:.9rem}label{display:grid;gap:.35rem;font-weight:600;font-size:.92rem}input{border:1px solid var(--line);border-radius:10px;padding:.6rem;font:inherit}select{border:1px solid var(--line);border-radius:10px;padding:.45rem;font:inherit;background:#fff}input:focus{outline:2px solid #c9f1dc;border-color:#a5d8bc}.preview,.muted{color:var(--muted)}.text-link{border:0;background:transparent;color:#187b50;font-weight:700;cursor:pointer;padding:0;text-align:left}.clock-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.live-clock{font-weight:800;background:#def6e8;color:#0d673f;border-radius:999px;padding:.35rem .75rem}.week-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}.week-card{border:1px solid var(--line);border-radius:12px;padding:.65rem;background:#f6fcf8}.week-card h4,.week-card p,.week-card small{margin:0}.week-card p{margin-top:.35rem;font-size:1.1rem;font-weight:700}.table-wrap{overflow:auto;margin-top:1rem;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:600px}th,td{border-bottom:1px solid #ebf3ee;text-align:left;padding:.65rem}th{background:#f4fbf7}tfoot td{font-weight:800}.danger{color:var(--warn);border-color:#f1c5c5}.footer{border-top:1px solid #d2ddf0;border-left:0;border-right:0;border-bottom:0;background:linear-gradient(135deg,#f3f8ff,#eaf5f1);border-radius:0;padding:1.2rem;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;align-items:center}@media(max-width:740px){.page-shell{gap:.7rem}.topbar,.clock-row{flex-direction:column;align-items:flex-start}.menu-right{width:100%;flex-wrap:wrap}.menu-link{flex:1;text-align:left}.footer-bottom{flex-direction:column;gap:.4rem;align-items:flex-start}}