:root{--bg: #f3efe3;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--ink: #19312d;--muted: #60706c;--line: rgba(25, 49, 45, .12);--brand: #18443c;--brand-soft: #dce9e3;--accent: #d6a86b;--danger: #a34234;--warning: #af7b1f;--success: #236b52;--radius: 22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,rgba(214,168,107,.28),transparent 24rem),linear-gradient(180deg,#f7f2e7,#f3efe3 45%,#eef3ef)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.auth-shell,.screen-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card,.card,.hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 44px #142c2614}.auth-card{width:min(100%,29rem);padding:1.75rem}.auth-card h1,.hero-card h2,.card h2,.card h3,.card h4{margin:0}.auth-copy,.subtle,.empty-copy,dt{color:var(--muted)}.eyebrow,.mono{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.portal-shell{min-height:100vh;padding:1rem 1rem 5rem}.portal-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0 1.25rem}.portal-topbar h1{margin:.2rem 0 0}.notification-shell{position:relative}.notification-panel{position:absolute;right:0;top:calc(100% + .75rem);z-index:30;width:min(24rem,calc(100vw - 2rem));max-height:min(32rem,72vh);overflow-y:auto;display:grid;gap:.75rem;padding:.9rem;border-radius:1.25rem;border:1px solid var(--line);background:#fffffff5;box-shadow:0 20px 40px #142c2629;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.notification-panel-header,.notification-card-header,.notification-row-meta,.notification-pager,.notifications-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.notification-panel-header{align-items:flex-start}.notification-link-button{margin-top:0;padding:.6rem .9rem;font-size:.85rem}.notification-row,.notification-card{display:grid;gap:.45rem;width:100%;padding:1rem;border-radius:1rem;border:1px solid var(--line);background:#ffffffb8;text-align:left}.notification-row.unread,.notification-card.unread{background:linear-gradient(180deg,#dce9e3c7,#ffffffeb);border-color:#18443c33}.notification-badge,.notification-status,.notification-category{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.72rem;font-weight:700}.notification-badge,.notification-status{min-width:1.4rem;padding:.22rem .45rem}.notification-badge{margin-left:.45rem;background:var(--danger);color:#fff}.notification-status{background:#d6a86b33;color:var(--warning)}.notification-category{width:fit-content;padding:.3rem .55rem;background:#18443c14;color:var(--brand)}.notifications-page,.notifications-list{display:grid;gap:1rem}.notifications-page-header{align-items:flex-start}.notifications-summary-row{margin-top:0;flex-wrap:wrap;justify-content:flex-start}.notification-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.notification-actions .primary-button,.notification-actions .ghost-button{padding:.7rem .95rem}.notification-pager{margin-top:1rem;flex-wrap:wrap}.portal-main,.page-stack,.form-grid,.support-thread,.auth-form,.card-list{display:grid;gap:1rem}.hero-card,.card{padding:1rem}.hero-card{background:linear-gradient(135deg,#18443cf5,#1e4c43d6),#18443cf5;color:#f6f3e8}.hero-card .subtle,.hero-card .eyebrow{color:#f6f3e8c2}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.hero-metrics div,.metric-grid div{display:grid;gap:.25rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1rem 0 0}.section-header,.loan-card-header,.list-row,.button-row,.thread-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.loan-card{display:grid;gap:.85rem}.progress-bar{width:100%;height:.55rem;border-radius:999px;background:#18443c1a;overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--brand))}.primary-button,.ghost-button,.ticket-preview{border-radius:999px;border:1px solid transparent;padding:.85rem 1rem;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.primary-button{background:var(--brand);color:#fff}.ghost-button,.ticket-preview{background:#ffffffa6;border-color:var(--line);color:var(--ink)}.primary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed}.button-row{margin-top:.5rem}.status-pill{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700}.status-pill.success{background:#236b521f;color:var(--success)}.status-pill.warning{background:#af7b1f1f;color:var(--warning)}.status-pill.danger{background:#a342341f;color:var(--danger)}.status-pill.neutral{background:#18443c1a;color:var(--brand)}.list-card{display:grid;gap:.25rem}.list-row{padding:.8rem 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.align-right{text-align:right}.status-banner,.last-updated,.hint-copy{padding:.8rem .9rem;border-radius:1rem}.status-banner.offline,.last-updated,.hint-copy{background:#18443c14}.status-banner.success{background:#236b521f;color:var(--success)}.status-banner.error{background:#a342341f;color:var(--danger)}.form-grid label,.search-field{display:grid;gap:.45rem}input,select,textarea{width:100%;border:1px solid rgba(25,49,45,.14);border-radius:1rem;padding:.9rem 1rem;background:#ffffffeb;color:var(--ink)}textarea{resize:vertical}.document-preview{width:100%;max-width:20rem;object-fit:cover;border-radius:1rem;border:1px solid var(--line)}.support-list{display:grid;gap:.5rem}.ticket-preview{display:grid;text-align:left;gap:.3rem}.ticket-preview.active{border-color:var(--brand);background:var(--brand-soft)}.thread-messages{display:grid;gap:.75rem}.message-bubble{padding:.9rem 1rem;border-radius:1rem 1rem 1rem .2rem;background:#ffffffc7;border:1px solid var(--line)}.bottom-nav{position:fixed;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.5rem;border-radius:999px;background:#142c26e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{display:grid;place-items:center;min-height:3rem;border-radius:999px;color:#f6f3e8bd}.bottom-nav a.active{background:#f6f3e81f;color:#fff}.skeleton{width:100%;border-radius:1rem;background:linear-gradient(90deg,#18443c14,#18443c26,#18443c14);background-size:220% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}.install-banner,.update-banner{position:fixed;left:1rem;right:1rem;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #142c261f}.install-banner{bottom:5.5rem;background:#ffffffeb;border:1px solid var(--line)}.install-banner .button-row{margin-top:0;gap:.5rem}.install-banner .primary-button,.install-banner .ghost-button{padding:.6rem .9rem;font-size:.85rem}.update-banner{top:0;background:var(--brand);color:#fff}.update-banner .primary-button{background:#ffffff2e;border:1px solid rgba(255,255,255,.3);padding:.55rem .85rem;font-size:.85rem}@media(min-width:760px){.portal-shell{max-width:72rem;margin:0 auto;padding-bottom:7rem}.support-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}@media(max-width:759px){.portal-topbar,.notification-panel-header,.notification-card-header,.notification-pager{flex-direction:column;align-items:stretch}.notification-panel{right:auto;left:0;width:min(100vw - 2rem,24rem)}}