:root{--background:#f7f9fb;--background-deep:#eaf0f5;--surface:#ffffff;--surface-muted:#f1f5f8;--text:#111827;--text-muted:#5b6472;--border:#dde5ec;--primary:#00a99d;--primary-dark:#007f78;--primary-soft:#ddf7f4;--link:#2563eb;--link-soft:#dbeafe;--danger:#e11d48;--warning:#f59e0b;--shadow-soft:0 18px 45px rgba(15,23,42,0.08);--shadow-glow:0 20px 60px rgba(0,169,157,0.14);--bg:var(--background);--line:var(--border);--muted:var(--text-muted);--accent:var(--link);--ink:var(--text)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:linear-gradient(180deg,var(--background) 0,var(--background-deep) 100%);background-attachment:fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}a{color:var(--link);text-decoration:none;transition:color .12s ease,-webkit-text-decoration-color .12s ease;transition:color .12s ease,text-decoration-color .12s ease;transition:color .12s ease,text-decoration-color .12s ease,-webkit-text-decoration-color .12s ease}a:hover{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--link) 55%,var(--surface));text-decoration-color:color-mix(in srgb,var(--link) 55%,var(--surface))}a:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,white);outline-offset:2px;border-radius:6px}main{width:100%}.layout-shell{width:min(100%,980px);margin:0 auto;padding:.85rem}.layout-header{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft));border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);padding:.85rem;margin-bottom:.9rem}.layout-header-top{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.layout-brand{font-weight:700;letter-spacing:.01em;font-size:1rem}.layout-session-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.layout-nav{display:flex;flex-wrap:wrap;gap:.45rem}.layout-nav-link{min-height:2.25rem;padding:.35rem .72rem;border-radius:999px;border:1px solid transparent;font-size:.93rem;color:var(--text-muted);transition:background-color .14s ease,border-color .14s ease,color .14s ease}.layout-nav-badge,.layout-nav-link{display:inline-flex;align-items:center;justify-content:center}.layout-nav-badge{min-width:1.2rem;min-height:1.2rem;margin-left:.35rem;border-radius:999px;background:var(--primary);color:#f8fffe;font-size:.72rem;font-weight:650;padding:0 .35rem}.layout-nav-link:hover{border-color:var(--border);background:var(--surface-muted);color:var(--text);text-decoration:none}.layout-nav-link-active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);color:var(--text)}.ghost-button{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);min-height:2.2rem;padding:.35rem .68rem;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.ghost-button:hover:not(:disabled){background:var(--surface-muted);border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}.ghost-button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,white);outline-offset:2px}.ghost-button:disabled{opacity:.7;cursor:not-allowed}.page-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 85%,white);border-radius:18px;box-shadow:var(--shadow-soft);padding:1rem}.page-card-title{margin:0;font-size:1.22rem;line-height:1.25}.page-card-description{margin-top:.58rem;margin-bottom:.92rem;color:var(--text-muted);font-size:.95rem;line-height:1.5}.feed-item-card{border:1px solid var(--border);border-radius:13px;padding:.78rem .85rem;background:color-mix(in srgb,var(--surface) 80%,var(--link-soft));box-shadow:0 10px 26px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.03)}.ds-info-text{margin:0;color:var(--text-muted);font-size:.92rem}.live-refresh-hint{margin:0;font-size:.82rem;color:var(--text-muted);opacity:.9}.ds-section{margin-top:1rem}.ds-section-title{margin:0;font-size:1.04rem;font-weight:650}.ds-section-subtitle{margin:.38rem 0 .66rem;color:var(--text-muted);font-size:.9rem;line-height:1.45}.ds-field{display:grid;grid-gap:.35rem;gap:.35rem}.ds-input,.ds-select,.ds-textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:.64rem .76rem;font-size:.97rem;color:var(--text);background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.ds-input:focus-visible,.ds-select:focus-visible,.ds-textarea:focus-visible{outline:none;border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-soft) 70%,white)}.ds-textarea{min-height:170px;resize:vertical;font-family:inherit;line-height:1.4}.ds-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ds-chip-link{display:inline-flex;align-items:center;min-height:2rem;border:1px solid var(--border);border-radius:999px;padding:.26rem .6rem;background:var(--surface);color:var(--text-muted);font-size:.9rem;line-height:1.25;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.ds-chip-link:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--surface-muted) 85%,white);text-decoration:none}.ds-chip-link:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,white);outline-offset:2px}.ds-chip-link:active{transform:translateY(1px)}.ds-chip-link-active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);color:var(--text)}.ds-button{border-radius:12px;min-height:2.5rem;padding:.54rem .9rem;border:1px solid var(--border);font-size:.96rem;font-weight:620;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.ds-button-primary{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--primary);color:#f8fffe}.ds-button-primary:hover:not(:disabled){background:var(--primary-dark)}.ds-button-secondary{background:var(--surface);color:var(--text)}.ds-button-secondary:hover:not(:disabled){background:var(--surface-muted)}.ds-button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,white);outline-offset:2px}.ds-button:active:not(:disabled){transform:translateY(1px)}.ds-button:disabled{opacity:.68;cursor:not-allowed}.ds-list{display:grid;grid-gap:.75rem;gap:.75rem}.ds-list-card{border:1px solid var(--border);border-radius:12px;padding:.82rem .88rem;background:color-mix(in srgb,var(--surface) 92%,var(--link-soft));transition:box-shadow .14s ease,border-color .14s ease}.ds-list-card:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:0 10px 24px rgba(15,23,42,.06)}.notification-card-unread{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--surface) 80%,var(--primary-soft))}.notification-card-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.ds-list-title{font-weight:620}.ds-list-meta{margin-top:.33rem;color:var(--text-muted);font-size:.91rem}.ds-list-submeta{margin-top:.42rem;color:var(--text-muted);font-size:.89rem;line-height:1.45}.ds-inline-separator{margin:0 .45rem}.ds-empty-state{margin:0;color:var(--text-muted);line-height:1.5;padding:.62rem .72rem;border-left:3px solid color-mix(in srgb,var(--border) 80%,var(--surface-muted));background:color-mix(in srgb,var(--surface) 92%,white)}.ds-empty-state,.ds-status-error{font-size:.93rem;border-radius:8px}.ds-status-error{margin:.2rem 0 0;color:#8d2f3b;padding:.58rem .68rem;border:1px solid #efc6cf;background:#fff2f4}.ds-status-success{margin:0;color:#0f5f4f;font-size:.92rem}.ds-success-box{margin-top:.9rem;border:1px solid #b8ddd4;border-radius:12px;padding:.76rem .86rem;background:#eaf8f4;display:grid;grid-gap:.35rem;gap:.35rem}.ds-control-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ds-form-stack{display:grid;grid-gap:.9rem;gap:.9rem}@media (min-width:640px){.layout-shell{padding:1rem}.layout-header{padding:1rem 1.05rem}.page-card{padding:1.2rem;border-radius:20px}}@media (min-width:768px){.ds-chip-row{gap:.58rem}.ds-list{gap:.85rem}.ds-list-card{padding:.9rem .98rem}}@media (max-width:560px){.ds-chip-row{gap:.42rem}.ds-chip-link{min-height:1.9rem;padding:.22rem .55rem;font-size:.86rem}.ds-control-grid{grid-template-columns:1fr}}