@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--navy:#071c3c;--deep:#06152e;--blue:#123d76;--ink:#122c50;--muted:#62748b;--line:#e3eaf3;--bg:#f5f8fd;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:#1456a2;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(29px,3.2vw,43px);line-height:1.2;margin-bottom:12px}h2{font-size:23px}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#2d5a92;margin-bottom:15px}.eyebrow.light{color:#b9d7ff}.brand-mark{height:49px;width:49px;border-radius:15px;background:#fff;color:#0b2a56;display:grid;place-items:center;font-size:30px;font-weight:800;box-shadow:0 12px 30px #00102733}.brand-mark.small{height:39px;width:39px;font-size:23px;border-radius:11px;background:#dceafd}.auth-bg{min-height:100vh;padding:5vh 4vw;display:grid;place-items:center;background:radial-gradient(circle at 15% 5%,#dce8f9,transparent 40%),linear-gradient(130deg,#f7faff,#e9f1fc)}.auth-frame{width:min(1060px,100%);min-height:650px;display:grid;grid-template-columns:1.02fr 1fr;background:#fff;border:1px solid #e0e8f5;border-radius:28px;box-shadow:0 30px 85px #0d326020;overflow:hidden}.auth-story{background:linear-gradient(145deg,#071d40,#0d346a 62%,#123f7a);color:white;padding:58px 50px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;right:-160px;bottom:-140px;width:460px;height:460px;border:55px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 60px #ffffff05,0 0 0 130px #ffffff04}.auth-story .eyebrow{margin-top:65px}.auth-story h1{font-size:clamp(34px,4vw,53px);line-height:1.18;position:relative;z-index:1}.auth-story h1 span{color:#c4dafa}.auth-story p{color:#c2d5f1;line-height:1.8;max-width:350px;position:relative;z-index:1}.story-stats{display:flex;gap:38px;margin-top:30px;z-index:1}.story-stats div{display:grid;grid-gap:4px;gap:4px}.story-stats strong{font-size:23px}.story-stats small{color:#b7cde8}.story-bottom{margin-top:auto;font-size:10px;letter-spacing:.18em;color:#b9d0ef;z-index:1}.story-bottom span{margin:0 10px}.auth-card{padding:65px 58px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:31px;margin-bottom:10px}.auth-card>p{line-height:1.6}.form-stack{display:grid;grid-gap:17px;gap:17px;margin-top:20px}label{display:grid;grid-gap:8px;gap:8px;font-weight:700;font-size:12px;color:#294565}input,select{width:100%;border:1px solid #cbd8e9;background:#fff;border-radius:10px;padding:13px 14px;outline:none;color:#132f52;min-width:0}input:focus,select:focus{border-color:#1a5699;box-shadow:0 0 0 3px #bcd6f64d}input::placeholder{color:#94a5b9}.primary-btn{border:0;border-radius:10px;padding:14px 19px;background:#0a2e61;color:white;font-weight:800;box-shadow:0 10px 20px #123d7629}.primary-btn:hover{background:#16457f}.primary-btn:disabled{opacity:.6}.auth-footer{margin-top:25px;font-size:12px}.auth-card .tiny{margin-top:30px}.error,.success{border-radius:11px;padding:13px 15px;margin:12px 0;font-size:12px;line-height:1.5}.error{background:#fff0f0;color:#8e2034;border:1px solid #f3c7d0}.success{background:#eaf7ef;color:#146138;border:1px solid #c1e8d1}.shell,.sidebar{min-height:100vh;display:flex}.sidebar{width:258px;flex-shrink:0;background:#071e40;color:white;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;box-shadow:10px 0 32px #09264a10;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:28px 21px 27px}.sidebar-brand b{display:block;font-size:16px;letter-spacing:-.03em}.sidebar-brand small{display:block;color:#b0c8e8;font-size:9px;letter-spacing:.16em;margin-top:3px}.workspace{margin:0 14px 31px;padding:12px;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:12px;display:flex;align-items:center;gap:10px}.workspace-symbol{width:31px;height:31px;border-radius:9px;background:#c8dcf9;color:#0c2e5b;font-weight:800;display:grid;place-items:center}.workspace b{display:block;font-size:12px}.workspace small{display:block;font-size:9px;color:#b7c8e1;margin-top:3px}.workspace>span:last-child{margin-left:auto}.nav-label{font-size:10px;color:#9fb7d5;letter-spacing:.17em;padding:0 24px 13px}.sidebar nav{padding:0 10px;display:grid;grid-gap:4px;gap:4px}.nav-item{border:0;background:transparent;color:#c7d7ea;border-radius:10px;text-align:left;padding:13px 15px;display:flex;align-items:center;gap:13px;font-weight:600}.nav-item span{font-size:19px;width:21px;text-align:center}.nav-item.active{background:#ffffff18;color:white;box-shadow:inset 3px 0 0 #d4e6ff}.nav-item:hover{background:#ffffff12;color:white}.sidebar-bottom{margin-top:auto;padding:16px 15px 25px;border-top:1px solid #ffffff20}.profile{display:flex;gap:10px;align-items:center;margin-bottom:17px}.profile,.profile>div:last-child{min-width:0}.profile b{font-size:12px;display:block}.profile small{font-size:10px;color:#b4cbe7;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#d7e8ff;color:#123b73;border-radius:10px;font-weight:800;flex-shrink:0}.logout{width:100%;text-align:left;padding:12px;border:1px solid #ffffff24;background:#ffffff0b;border-radius:9px;color:#dceafa}.logout:hover{background:#ffffff1c}.main-area{min-width:0;flex:1 1;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;border-bottom:1px solid #e6ecf5;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumb{font-weight:700;font-size:12px;color:#4d6280}.breadcrumb span{margin:0 10px;color:#9aaec6}.top-right{display:flex;align-items:center;gap:12px;color:#56708d;font-size:11px}.live-dot{height:7px;width:7px;background:#2a9d78;border-radius:50%}.tiny-avatar{height:30px;width:30px;margin-left:15px}.hamburger{display:none}.content{padding:39px 45px 65px;max-width:1500px;width:100%;margin:0 auto;flex:1 1}.heading-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px;gap:15px}.heading-row p{font-size:13px}.pill{border:1px solid #d7e3f2;color:#345e8c;background:#f5f9ff;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:800;white-space:nowrap}.pill.subtle{background:#f6f8fc}.hero-panel{min-height:260px;border-radius:19px;background:linear-gradient(125deg,#071d3e,#0b346c 70%,#144b86);box-shadow:0 19px 35px #14396626;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:36px 43px;position:relative}.hero-panel h2{font-size:34px;line-height:1.2;margin:0 0 13px}.hero-panel h2 em{font-style:normal;color:#c5dfff}.hero-panel p{color:#bdd2ed;line-height:1.6;max-width:390px}.hero-button{background:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:800;color:#0a3269;margin-top:5px}.hero-art{position:relative;width:36%;display:grid;place-items:center}.art-orbit{width:195px;height:195px;border:1px solid #ffffff38;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 30px #ffffff0b,0 0 0 65px #ffffff08}.art-core{height:110px;width:110px;border-radius:29px;background:linear-gradient(145deg,#fff,#c6dcf8);color:#0b3469;font-size:80px;font-weight:800;display:grid;place-items:center;transform:rotate(-12deg);box-shadow:16px 20px 30px #00132760}.art-float{position:absolute;background:#f6faff;color:#164778;border-radius:13px;box-shadow:0 12px 20px #001a3759;padding:12px;font-size:25px}.f1{top:0;right:14px}.f2{bottom:12px;left:0}.f3{bottom:10px;right:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:23px}.feature-card,.panel,.stat-card{background:white;border:1px solid #e2eaf4;box-shadow:0 8px 24px #193e690a,0 1px 3px #17396009;border-radius:16px}.stat-card{padding:21px;display:flex;flex-direction:column;gap:5px}.feature-icon,.stat-icon{width:35px;height:35px;border-radius:10px;background:#eaf2fc;color:#154b87;display:grid;place-items:center;font-size:21px;margin-bottom:9px}.stat-value{font-size:31px;font-weight:800;letter-spacing:-.05em}.stat-card b{font-size:12px}.stat-card small{font-size:11px;color:#73849a}.section-head{display:flex;justify-content:space-between;align-items:center;margin:38px 0 18px}.section-head h2{margin:0}.section-head span{font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.feature-card{padding:24px;text-align:left;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 17px 36px #153e6b18}.feature-card h3{font-size:17px;margin-bottom:9px}.feature-card p{font-size:12px;line-height:1.6;color:#62758e;min-height:54px}.feature-card b{font-size:12px;color:#164e8c}.panel{padding:25px;margin-bottom:19px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.panel-heading h3{margin:0;font-size:17px}.grid-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:end}.grid-form .primary-btn{height:45px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#617893;background:#f5f8fc}td,th{padding:13px 15px;border-bottom:1px solid #e8eef5;white-space:nowrap}td{font-size:12px;color:#294462}.outline-btn{background:#fff;border:1px solid #cbd9ea;color:#1b4879;padding:9px 13px;border-radius:9px;font-weight:700}.empty-state{text-align:center;padding:43px;color:#72859e}.empty-state span{font-size:40px}.empty-state h3{color:#254a75;margin-top:9px}.footer{border-top:1px solid #e3eaf3;padding:23px 45px;color:#74869b;font-size:11px;display:flex;justify-content:space-between}.card-page{min-height:100vh;display:grid;place-content:center;grid-gap:25px;gap:25px;padding:25px;background:#edf3fb}.membership-card{width:min(440px,90vw);min-height:260px;border-radius:22px;background:linear-gradient(135deg,#071d3e,#164b8b);color:#fff;padding:30px;box-shadow:0 20px 55px #12345a44}.membership-card h1{font-size:30px;margin:20px 0 45px}.membership-card h1 span{color:#bfd9ff}.member-name{font-size:22px;font-weight:800;margin-bottom:15px}.barcode-label{font-size:10px;letter-spacing:.16em;color:#b8cfee}.member-code{font-size:13px;letter-spacing:.1em;word-break:break-all;padding:12px;background:#ffffff15;border-radius:8px;margin-top:8px}.membership-card p{font-size:11px;color:#c3d6ee;line-height:1.6}.card-page>.tiny{text-align:center}@media(max-width:1050px){.feature-grid,.grid-form,.stats-grid{grid-template-columns:repeat(2,1fr)}.content{padding:30px 25px}.topbar{padding:0 25px}}@media(max-width:750px){.auth-frame{grid-template-columns:1fr;min-height:auto}.auth-story{padding:28px;min-height:240px}.auth-story .eyebrow{margin-top:22px}.auth-story h1{font-size:31px}.auth-story p,.story-bottom,.story-stats{display:none}.auth-card{padding:32px 25px}.sidebar{position:fixed;transform:translateX(-105%);transition:transform .2s}.sidebar.show{transform:translateX(0)}.hamburger{display:block;border:0;background:transparent;font-size:20px;color:#153b6d}.topbar{height:65px;padding:0 17px}.top-right{font-size:0}.content{padding:25px 17px}.heading-row{flex-direction:column}.hero-panel{padding:28px 25px}.hero-panel h2{font-size:27px}.hero-art{display:none}.feature-grid,.grid-form,.stats-grid{grid-template-columns:1fr}.footer{padding:22px;display:block}.footer span{display:block;margin-top:5px}}:root{--mtb-surface:#fff;--mtb-blue:#082c60;--mtb-ring:#bed8f8}.sidebar{min-height:0;overflow:hidden;background:linear-gradient(168deg,#061a37,#0a2d60 74%,#071d40);box-shadow:12px 0 35px #0b2b501a}.sidebar nav{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d90ba transparent;align-content:start;padding-bottom:16px}.sidebar-bottom{flex:0 0 auto;margin-top:0;padding:12px 15px max(16px,env(safe-area-inset-bottom));background:#071e40;box-shadow:0 -12px 26px #061a3740;position:relative;z-index:2}.sidebar .profile>div:last-child{flex:1 1;overflow:hidden}.sidebar .profile small{max-width:100%}.logout,.top-signout{min-height:44px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.logout{background:#fff;color:#0a2f61;border:1px solid #d7e6f8;box-shadow:0 7px 15px #0002}.logout:hover{background:#e7f1ff;color:#062b59}.top-signout{background:#0a2e61;color:#fff;border:1px solid #0a2e61;border-radius:11px;padding:0 17px;white-space:nowrap}.top-signout:hover{background:#144984}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 4px 18px #173e6608}.content{background:radial-gradient(ellipse at 82% 8%,#e2edff 0,transparent 36%),linear-gradient(180deg,#f8fbff,#f1f6fd)}.feature-card,.panel,.stat-card{border:1px solid #dce7f5;box-shadow:inset 0 1px 0 #fff,0 12px 26px #183f6b12,0 28px 55px #123f6909;position:relative}.feature-card:before,.panel:before,.stat-card:before{content:"";pointer-events:none;position:absolute;inset:1px 1px auto;height:34px;border-radius:15px 15px 0 0;background:linear-gradient(#ffffffa8,#ffffff00)}.stat-card{transition:transform .2s,box-shadow .2s}.feature-card:hover,.stat-card:hover{transform:translateY(-4px);box-shadow:0 22px 38px #143e6b20,0 4px 10px #143e6b10}.hero-panel{box-shadow:0 4px 0 #e5eefb,0 25px 55px #123f6b2e;border:1px solid #345a8c}.feature-card:focus-visible,.logout:focus-visible,.nav-item:focus-visible,.outline-btn:focus-visible,.primary-btn:focus-visible,.top-signout:focus-visible{outline:3px solid #74aaf0;outline-offset:3px}.issued-card-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:#e9f3ff;border:1px solid #b9d5f5;border-radius:17px;padding:21px;margin:0 0 25px;box-shadow:0 12px 27px #0a39721a}.issued-card-panel strong{font-size:17px;color:#092f61}.issued-card-panel p{margin:8px 0;color:#3c5b80}.issued-card-panel code{display:block;word-break:break-all;color:#17457b;font-size:12px}.issued-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.issued-card-actions a{text-decoration:none}.table-card-link{font-weight:800;text-decoration:underline;text-underline-offset:3px}.sidebar-scrim{display:none}.card-page{background:radial-gradient(circle at 50% 10%,#d5e7ff,transparent 55%),#f2f7fe;justify-items:center}.membership-card{width:min(470px,92vw);min-height:300px;border:1px solid #4b76aa;background:linear-gradient(135deg,#061936,#0a336c 66%,#14538d);box-shadow:0 3px 0 #b9d2f1,0 24px 58px #082e5c55;position:relative;overflow:hidden}.membership-card:after{content:"";position:absolute;right:-90px;top:-130px;width:320px;height:320px;border:1px solid #ffffff32;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff07;pointer-events:none}.card-identity{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;margin:17px 0 32px;position:relative;z-index:1}.card-identity strong{color:#b9d9ff}.card-chip{display:inline-block;background:#ffffff19;border:1px solid #ffffff30;padding:7px 11px;border-radius:8px;font-size:10px;letter-spacing:.12em;margin-bottom:14px}.card-organization{color:#c5d9f1;margin-bottom:26px}.card-qr-panel{width:min(470px,92vw);padding:26px;border-radius:18px;background:#fff;border:1px solid #dce7f5;text-align:center;box-shadow:0 15px 35px #173e6b15}.card-qr-panel h2{margin:0 0 6px}.card-qr-panel p{color:#5e728d}.card-qr-panel img{border:1px solid #dce7f5;border-radius:12px;padding:8px;max-width:100%;height:auto}.card-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:17px}.card-actions a{text-decoration:none}@media(max-width:750px){.sidebar-scrim{display:block;position:fixed;inset:0;background:#06172b99;border:0;z-index:19}.top-right{font-size:0;gap:8px}.top-signout{font-size:12px;padding:0 11px}.tiny-avatar{display:none}.breadcrumb{font-size:11px}.issued-card-panel{padding:16px}.card-page{padding:25px 12px}}@media print{.card-qr-panel .card-actions,.top-signout{display:none}.card-page{background:white}.membership-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}}