@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');
:root{--marian-blue:#2B4593;--deep-blue:#172451;--sun-yellow:#F4C430;--cream:#fffaf0;--ink:#172033;--muted:#6c768b;--line:#e4e8f0;--bg:#f5f7fb;--white:#fff;--danger:#b62f3b;--shadow:0 10px 30px rgba(28,44,88,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:var(--marian-blue);text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:275px;background:linear-gradient(165deg,var(--marian-blue),var(--deep-blue));color:white;display:flex;flex-direction:column;padding:25px 18px;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:13px;padding:3px 6px 24px;border-bottom:1px solid #ffffff22}.brand img{width:54px;height:54px;object-fit:contain;background:white;border-radius:14px;padding:5px}.brand strong{display:block;max-width:165px;font-family:'Playfair Display',serif;font-size:16px;line-height:1.25}.brand small,.sidebar-footer small{display:block;color:#d7def5;font-size:11px;margin-top:5px}.crest{flex:none;display:inline-grid;place-items:center;width:50px;height:50px;border:2px solid var(--sun-yellow);border-radius:15px;color:var(--sun-yellow);font-weight:800}.crest.large{width:78px;height:78px;border-radius:24px;font-size:25px;margin:auto}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:23px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#e8edff;font-weight:500;transition:.2s}.sidebar nav a span{width:22px;text-align:center;font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff16;color:white;transform:translateX(2px)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--sun-yellow)}.nav-label{margin:20px 13px 5px;color:#aebce8;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff22;padding:18px 10px 0}.workspace{width:calc(100% - 275px);margin-left:275px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:92px;background:#ffffffde;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 35px;gap:18px;position:sticky;top:0;z-index:10}.topbar h2{margin:3px 0 0;font-family:'Playfair Display',serif;font-size:23px}.eyebrow{color:var(--marian-blue);text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:800}.admin-chip{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-chip>span{display:grid;place-items:center;width:39px;height:39px;background:var(--cream);border:2px solid var(--sun-yellow);border-radius:50%;color:var(--marian-blue);font-weight:800}.admin-chip small{display:block;color:var(--muted);font-size:11px}.menu-button{display:none;padding:8px 11px}main{width:100%;max-width:1400px;margin:0 auto;padding:30px 34px;flex:1}footer{text-align:center;color:var(--muted);font-size:12px;padding:10px 25px 28px}.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,var(--marian-blue),var(--deep-blue));padding:32px 35px;color:white;border-radius:20px;margin-bottom:22px;box-shadow:0 16px 35px #1d347132}.hero:after{content:'✦';position:absolute;right:25%;top:-60px;font-size:180px;color:#ffffff0b}.hero p{margin:0;color:#dbe2ff}.hero h1{font-family:'Playfair Display',serif;font-size:30px;margin:6px 0}.button,button{display:inline-block;border:0;border-radius:10px;background:var(--sun-yellow);color:#14204a;padding:11px 18px;font:700 14px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 5px 14px #2a347224;transition:.2s}.button:hover,button:hover{transform:translateY(-1px);filter:brightness(.98)}.secondary{background:#edf1fb;color:var(--marian-blue);box-shadow:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:22px 0}.cards article,.panel{background:var(--white);border:1px solid #edf0f5;border-radius:17px;padding:23px;box-shadow:var(--shadow)}.cards article{position:relative;overflow:hidden}.cards article:before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:var(--sun-yellow)}.cards b{font-family:'Playfair Display',serif;font-size:32px;color:var(--marian-blue);display:block}.cards span{color:var(--muted);font-size:13px}.panel{margin-bottom:22px}.panel-title,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-title h1,.panel-title h2,.section-heading h1{font-family:'Playfair Display',serif;margin:0}.section-heading{justify-content:flex-start;margin-bottom:22px}.section-heading p{margin:4px 0;color:var(--muted)}.section-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--cream);color:var(--marian-blue);font-size:20px;border:1px solid #f2df8b}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#707b90;text-transform:uppercase;letter-spacing:.55px;font-size:10px}tbody tr:hover{background:#fafbfe}.actions a{margin-right:10px}.filters{display:flex;gap:10px;margin:18px 0}.filters input{flex:1}input,select,textarea{width:100%;border:1px solid #d7dce7;border-radius:9px;padding:11px 12px;background:white;color:var(--ink);font:14px 'DM Sans',sans-serif;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--marian-blue);box-shadow:0 0 0 3px #2b459314}.member-form{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.member-form label,.settings-form label{display:flex;flex-direction:column;gap:7px;color:#4f5a70;font-weight:700}.member-form label small,.settings-form small{font-weight:400;color:var(--muted)}.wide{grid-column:1/-1}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.details>div{padding:15px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:11px}.details span{display:block;color:#7a859a;font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.member-number{color:var(--marian-blue);font-weight:700}.danger{background:var(--danger);color:white}.flash,.error{padding:13px 15px;border-radius:10px;margin-bottom:16px}.flash{background:#e1f5e8;color:#176136;border-left:4px solid #43a563}.error{background:#fbe5e7;color:#8e2630;border-left:4px solid #ce4955}.settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:20px}.settings-form{display:flex;flex-direction:column;gap:17px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-row input{height:48px;padding:4px}.preview-card{background:linear-gradient(160deg,var(--marian-blue),var(--deep-blue));color:white;position:sticky;top:115px;height:max-content}.preview-card .eyebrow{color:var(--sun-yellow)}.preview-brand{text-align:center;padding:32px 10px}.preview-brand img{width:100px;height:100px;object-fit:contain;background:white;border-radius:24px;padding:9px}.preview-brand h2{font-family:'Playfair Display',serif}.preview-brand p{color:#dce3ff}.preview-accent{display:block;width:65px;height:4px;background:var(--sun-yellow);border-radius:5px;margin:20px auto}.tip{background:#ffffff12;border:1px solid #ffffff1c;border-radius:12px;padding:15px}.tip p{color:#dce3ff;font-size:12px;line-height:1.6;margin-bottom:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:white}.login-visual{position:relative;display:flex;align-items:flex-end;padding:9%;color:white;background:linear-gradient(135deg,#172451d9,#2b4593ed),radial-gradient(circle at 20% 20%,#f4c43055,transparent 35%)}.login-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(30deg,#ffffff08 12%,transparent 12.5%,transparent 87%,#ffffff08 87.5%);background-size:45px 78px}.visual-content{position:relative;max-width:520px}.visual-content>p:first-of-type{letter-spacing:2px;text-transform:uppercase}.visual-content h1{font:700 50px/1.08 'Playfair Display',serif;margin:10px 0 18px}.gold-line{display:block;width:70px;height:5px;background:var(--sun-yellow);border-radius:5px}.login-quote{color:#e3e8ff;font-size:18px}.login-card{width:min(440px,86%);margin:auto;padding:35px;text-align:left}.login-card h1{font:700 36px 'Playfair Display',serif;margin:12px 0 5px;color:var(--deep-blue)}.login-card>p{color:var(--muted);margin-top:0}.login-card label{display:block;margin:17px 0;font-weight:700;color:#4f5a70}.login-card input{margin-top:7px;padding:13px}.login-card button{width:100%;padding:14px;margin-top:4px}.login-logo{display:block;width:82px;height:82px;object-fit:contain;margin-bottom:20px}.secure-note{display:block;text-align:center;color:var(--muted);margin-top:18px}.print{background:white;padding:30px}.print>p,.print>h1,.print>h2{text-align:center}@media print{.print button{display:none}}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.preview-card{position:static}.details{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:20px 0 40px #0003}.sidebar.open{transform:translateX(0)}.workspace{width:100%;margin-left:0}.topbar{height:78px;padding:0 18px}.menu-button{display:block}.topbar .admin-chip div{display:none}main{padding:20px 15px}.cards{grid-template-columns:1fr 1fr}.member-form,.details,.color-row{grid-template-columns:1fr}.wide{grid-column:auto}.filters,.hero,.panel-title{align-items:flex-start;flex-direction:column}.login-page{display:block;background:var(--bg);padding:30px 0}.login-visual{display:none}.login-card{background:white;border-radius:20px;box-shadow:var(--shadow)}.hero h1{font-size:25px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.topbar .eyebrow{display:none}}