@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#123b68;--blue:#34449a;--cyan:#16b6cb;--cyan-soft:#e7f9fb;--gold:#e58b32;--ink:#142b43;--muted:#61758a;--paper:#f4f8fb;--white:#fff;--line:#dce7ef;--shadow:0 22px 65px rgba(22,55,87,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:86px;padding:0 clamp(18px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:60px;height:60px;object-fit:contain;border-radius:50%;background:#fff}.brand strong{display:block;font:800 18px Manrope;letter-spacing:.035em;color:var(--navy)}.brand strong span{color:var(--cyan)}.brand small{display:block;color:#647f98;font-size:8px;letter-spacing:.105em;margin-top:4px}.topbar nav{display:flex;gap:26px;align-items:center;color:#385570;font-size:13px;font-weight:700}.topbar nav a:hover,.nav-logout button:hover{color:#079eb5}.nav-logout{margin:0}.nav-logout button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}.shell{max-width:1200px;margin:auto;padding:64px 28px 42px}.hero{position:relative;overflow:hidden;padding:clamp(34px,6vw,78px);border:1px solid #d5e7f0;border-radius:30px;background:linear-gradient(115deg,#fff 0%,#f1fbfd 65%,#e6f7fa 100%);box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;width:470px;height:470px;border:1px solid #16b6cb30;border-radius:50%;right:-90px;top:-180px;box-shadow:0 0 0 34px #16b6cb0c,0 0 0 76px #16b6cb0a}.hero:after{content:"";position:absolute;width:240px;height:240px;background:linear-gradient(145deg,#34449a12,#16b6cb20);border-radius:50%;right:70px;bottom:-170px}.hero-content{position:relative;z-index:1;max-width:710px}.hero-brandline{display:flex;align-items:center;gap:14px;margin-bottom:28px}.hero-brandline img{width:72px;height:72px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 5px 20px #183b7018}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#53718c}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px;box-shadow:0 0 0 4px #e58b321b}.hero h1,.auth-card h1,.dashboard-top h1{font:800 clamp(42px,6.7vw,74px)/1.05 Manrope;letter-spacing:-.055em;margin:18px 0}.hero h1 span{color:var(--blue)}.lead{max-width:590px;color:#526c83;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:11px;padding:14px 19px;font:700 13px 'DM Sans';cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 9px 24px #123b6828}.btn-primary:hover{background:var(--blue)}.btn-quiet{border-color:#cbdce8;background:#fff;color:var(--navy)}.hero-foot{display:flex;gap:26px;flex-wrap:wrap;margin-top:54px;color:#6e879b;font-size:9px;letter-spacing:.15em;font-weight:800}.hero-foot span+span:before{content:'•';color:var(--gold);margin-right:25px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px;min-height:220px;box-shadow:0 8px 28px #1c42600a}.feature-icon{width:42px;height:42px;border-radius:13px;background:var(--cyan-soft);color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:12px}.feature-card h2{font:800 18px Manrope;margin:22px 0 9px;color:var(--navy)}.feature-card p{font-size:13px;line-height:1.75;color:var(--muted);min-height:44px}.tag{display:inline-block;color:#648096;font-size:9px;letter-spacing:.1em;font-weight:800;margin-top:12px}.tag-live{color:#078da2}.site-foot{display:flex;justify-content:space-between;gap:20px;color:#72879a;font-size:11px;padding:34px 4px 0}.auth-wrap{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:42px 20px;background:radial-gradient(ellipse at 50% 0%,#dff6f9,transparent 55%),var(--paper)}.auth-card{width:min(100%,480px);padding:38px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.auth-logo{width:78px;height:78px;object-fit:contain;margin-bottom:18px}.back-link{display:inline-block;color:#58758e;font-size:12px;margin-bottom:26px}.auth-card h1{font-size:42px;margin:17px 0 8px;color:var(--navy)}.muted{color:var(--muted);line-height:1.7}.auth-card form{margin-top:28px}.auth-card label{display:block;font-size:12px;color:#36546f;margin:18px 0;font-weight:700}.auth-card input{display:block;width:100%;margin-top:9px;padding:14px 13px;border:1px solid #d5e2eb;border-radius:10px;background:#f9fcfd;color:var(--ink);outline:none;font:14px 'DM Sans'}.auth-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #16b6cb20}.btn-full{width:100%;margin-top:10px}.fine-print{font-size:11px;color:#74899b;line-height:1.65;margin-top:23px}.alert{padding:12px 14px;border-radius:10px;font-size:12px;margin-top:20px;line-height:1.6}.alert-error{background:#fff1ef;border:1px solid #f0c5bf;color:#a43e35}.dashboard-shell{padding-top:62px}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-top h1{font-size:clamp(28px,4vw,44px);margin:16px 0 8px;color:var(--navy)}.role-pill{border:1px solid #16b6cb66;background:#e7f9fb;color:var(--navy);padding:9px 13px;border-radius:30px;font-size:10px;letter-spacing:.1em;font-weight:800}.logout-form{margin-top:28px}.installer{width:min(100% - 32px,780px);margin:44px auto 70px}.installer-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,5vw,42px);box-shadow:var(--shadow)}.installer h1{font:800 clamp(30px,5vw,44px) Manrope;color:var(--navy);margin:15px 0 8px}.installer .intro{color:var(--muted);line-height:1.7}.installer form{margin-top:28px}.installer .fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.installer label{display:block;font-size:12px;color:#36546f;margin:13px 0;font-weight:700}.installer input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #d5e2eb;border-radius:9px;background:#f9fcfd;color:var(--ink);font:14px 'DM Sans'}.installer input:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px #16b6cb20}.installer h2{font:800 16px Manrope;color:var(--navy);margin:28px 0 8px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.check{font-size:12px;color:#536e85;padding:10px;background:#f2f8fb;border-radius:8px}.ok{color:#078b78}.bad{color:#bd453a}.installer .alert{line-height:1.6}.installer .alert-error{overflow-wrap:anywhere}.installer .alert-success{background:#e8f9f7;color:#087a6c;border:1px solid #a9e2d9}.installer .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.installer .actions button{flex:1;min-width:190px}.installer .fine-print{margin-top:18px}.installer-note{background:#fff8ee;border:1px solid #f2d7b8;color:#815a30;padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.6;margin-top:18px}.installer-brand{display:flex;align-items:center;gap:13px;margin-bottom:20px}.installer-brand img{width:66px;height:66px;object-fit:contain}
@media(max-width:760px){.topbar{height:76px;padding:0 16px}.brand-logo{width:49px;height:49px}.brand strong{font-size:15px}.brand small{font-size:7px;max-width:210px}.topbar nav{gap:13px;font-size:12px}.shell{padding:35px 17px}.hero{border-radius:22px;padding:34px 24px}.hero:before{right:-280px}.hero-foot{margin-top:42px;gap:12px}.hero-foot span+span:before{margin-right:12px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.site-foot{flex-direction:column}.auth-card{padding:27px 22px}.dashboard-top{align-items:flex-start;flex-direction:column}.dashboard-top h1{font-size:34px}}
@media(max-width:600px){.installer .fields,.checks{grid-template-columns:1fr}.installer .actions button{width:100%}.hero-brandline img{width:58px;height:58px}.hero h1{font-size:43px}}

/* Stage 2 account and administration surfaces */
.auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:12px;font-weight:700;color:var(--navy)}.check-row{display:flex!important;align-items:center;gap:10px}.check-row input{width:auto!important;margin:0!important}.alert-success{background:#e8f9f7;border:1px solid #a9e2d9;color:#087a6c}.alert-info{background:#edf7fc;border:1px solid #c8e3f1;color:#285675}.page-heading{font:800 clamp(32px,5vw,48px) Manrope;color:var(--navy);letter-spacing:-.04em;margin:12px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 8px 28px #1c42600a}.panel h2{font:800 18px Manrope;color:var(--navy);margin:0 0 16px}.admin-actions,.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.settings-row,.filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.settings-row label,.filter-row label{font-size:12px;font-weight:700;color:#36546f}.settings-row input:not([type=checkbox]),.filter-row input,.filter-row select,.settings-row select,.compact-form input,.compact-form select,.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;padding:12px;border:1px solid #d5e2eb;border-radius:9px;background:#f9fcfd;color:var(--ink);margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.form-grid label{font-size:12px;font-weight:700;color:#36546f}.span-all{grid-column:1/-1}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}th{color:#55728b;font-size:10px;letter-spacing:.1em;text-transform:uppercase}td small{display:block;color:#71879a;margin-top:5px;white-space:normal;max-width:270px;overflow-wrap:anywhere}summary{cursor:pointer;color:var(--navy);font-weight:800}.compact-form{min-width:240px;padding:12px 0}.compact-form label{display:block;font-size:11px;color:#536e85;margin:9px 0}.compact-form input,.compact-form select{padding:9px}.compact-form .btn,.inline-actions .btn{font-size:11px;padding:9px 11px}.tag-error{color:#b3473e}.filter-row input{min-width:220px}.filter-row select{padding:12px;border:1px solid #d5e2eb;border-radius:9px;background:#f9fcfd}.fine-print a{color:var(--navy);font-weight:700}code{background:#eef5f9;padding:5px 8px;border-radius:6px;color:#123b68}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.span-all{grid-column:auto}.panel{padding:17px}.settings-row>*{width:100%}.filter-row>*{width:100%}.filter-row input{min-width:0}.auth-links{flex-direction:column}}

/* Stage 2 account and administration surfaces */
.auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:12px;font-weight:700;color:var(--navy)}.check-row{display:flex!important;align-items:center;gap:10px}.check-row input{width:auto!important;margin:0!important}.alert-success{background:#e8f9f7;border:1px solid #a9e2d9;color:#087a6c}.alert-info{background:#edf7fc;border:1px solid #c8e3f1;color:#285675}.page-heading{font:800 clamp(32px,5vw,48px) Manrope;color:var(--navy);letter-spacing:-.04em;margin:12px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 8px 28px #1c42600a}.panel h2{font:800 18px Manrope;color:var(--navy);margin:0 0 16px}.admin-actions,.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.settings-row,.filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.settings-row label,.filter-row label{font-size:12px;font-weight:700;color:#36546f}.settings-row input:not([type=checkbox]),.filter-row input,.filter-row select,.settings-row select,.compact-form input,.compact-form select,.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;padding:12px;border:1px solid #d5e2eb;border-radius:9px;background:#f9fcfd;color:var(--ink);margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.form-grid label{font-size:12px;font-weight:700;color:#36546f}.span-all{grid-column:1/-1}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}th{color:#55728b;font-size:10px;letter-spacing:.1em;text-transform:uppercase}td small{display:block;color:#71879a;margin-top:5px;white-space:normal;max-width:270px;overflow-wrap:anywhere}summary{cursor:pointer;color:var(--navy);font-weight:800}.compact-form{min-width:240px;padding:12px 0}.compact-form label{display:block;font-size:11px;color:#536e85;margin:9px 0}.compact-form input,.compact-form select{padding:9px}.compact-form .btn,.inline-actions .btn{font-size:11px;padding:9px 11px}.tag-error{color:#b3473e}.filter-row input{min-width:220px}.filter-row select{padding:12px;border:1px solid #d5e2eb;border-radius:9px;background:#f9fcfd}.fine-print a{color:var(--navy);font-weight:700}code{background:#eef5f9;padding:5px 8px;border-radius:6px;color:#123b68}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.span-all{grid-column:auto}.panel{padding:17px}.settings-row>*{width:100%}.filter-row>*{width:100%}.filter-row input{min-width:0}.auth-links{flex-direction:column}}
