:root{font-family:Poppins,Inter,Arial,sans-serif;color:#152948;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #4c8bdf;outline-offset:3px}:root{--navy:#0b2347;--blue:#1262bb;--line:#dfebf5;--muted:#73839a;--paper:#fff;--bg:#f6f9fd;--radius:14px}.login-screen{display:grid;grid-template-columns:1.04fr .96fr;min-height:100vh;background:#fff}.login-left{background:linear-gradient(140deg,#09224a,#123e7b 75%,#0c5aaa);color:#fff;padding:40px clamp(28px,5.5vw,95px);display:flex;flex-direction:column;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.login-left:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff1a;border-radius:50%;right:-360px;bottom:-250px;pointer-events:none}.login-brand,.side-brand{display:flex;align-items:center;gap:14px}.login-brand img{width:52px;height:52px;object-fit:contain}.login-brand strong{font-size:25px;letter-spacing:-.6px}.login-hero{max-width:540px;position:relative;z-index:1}.eyebrow{display:inline-block;font-size:11px;font-weight:750;letter-spacing:1.5px;color:#2c79c9}.login-left .eyebrow{color:#a6d4ff}.login-hero h1{font-size:clamp(30px,3vw,48px);line-height:1.19;margin:17px 0 19px;letter-spacing:-1.2px}.login-hero p{font-size:15px;color:#d0e3f5;line-height:1.8;max-width:450px}.login-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.login-features span{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid #ffffff2b;padding:9px 11px;border-radius:9px;font-size:12px}.login-left>small{font-size:11px;color:#aac1dc;position:relative}.login-right{display:grid;place-items:center;padding:30px 25px}.login-form-wrap{width:100%;max-width:420px}.small-brand{font-size:12px;color:#2d71bb;font-weight:800;letter-spacing:2px}.login-form-wrap h2{margin:10px 0 8px;font-size:29px}.muted{color:var(--muted);line-height:1.6}.login-form{display:grid;gap:10px;margin-top:33px}.login-form label{font-size:13px;font-weight:700;margin-top:10px}.login-form input{border:1px solid #d5e1ed;border-radius:9px;padding:14px 13px;color:var(--navy);outline:0;background:#fff}.login-form input:focus{border-color:#377dcc;box-shadow:0 0 0 3px #377dcc18}.primary-button{border:0;border-radius:10px;background:linear-gradient(120deg,#1264bf,#07468c);color:#fff;font-weight:700;padding:14px 15px;margin-top:18px}.primary-button:not(:disabled):hover{filter:brightness(1.05)}.form-footnote{font-size:12px;color:#8490a3;line-height:1.6;margin-top:24px}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:10px;font-size:13px;line-height:1.6}.notice.warning{background:#fff8e9;border:1px solid #edd9a8;color:#805d22;margin-top:18px}.notice.info{background:#f0f6fe;border:1px solid #d2e5fb;color:#2c527c;margin-bottom:24px}.notice.info svg{flex-shrink:0;margin-top:1px}.error{font-size:13px;color:#b43b42;margin:5px 0}.centered,.tenant-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}.loading-box{text-align:center;color:#60758e}.spinner{width:33px;height:33px;border:3px solid #dee9f4;border-top-color:#1471cf;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.tenant-card{width:min(100%,620px);background:#fff;padding:38px;border-radius:18px;box-shadow:0 15px 60px #152c4920}.tenant-header{display:flex;gap:18px;align-items:center}.tenant-header img{width:52px}.tenant-header h1{font-size:26px;margin:6px 0}.tenant-list{display:grid;gap:10px;margin:28px 0}.tenant-option{width:100%;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);background:#fff;padding:18px;border-radius:13px}.tenant-option:hover{background:#f4f9ff;border-color:#91bbeb}.tenant-option>svg{color:#1a62b1}.tenant-option span{flex:1}.tenant-option strong{display:block;font-size:15px}.tenant-option small{display:block;font-size:12px;color:#73839a;margin-top:4px}.text-button{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;padding:8px;color:#356a9e}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:0 0 252px;background:#fff;border-right:1px solid #e3ebf4;display:flex;flex-direction:column;padding:22px 14px 18px}.side-brand{padding:3px 9px 26px;font-size:21px;color:#0c376c}.side-brand img{width:37px;height:37px;object-fit:contain}.side-tenant{display:flex;align-items:center;gap:10px;padding:14px;background:#f3f7fd;border:1px solid #e1ebf6;border-radius:10px;margin:3px 6px 25px;color:#24527f}.side-tenant span{min-width:0}.side-tenant strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-tenant small{font-size:10px;display:block;margin-top:3px;text-transform:capitalize;color:#798a9f}.sidebar nav{display:grid;gap:3px}.nav-item{display:flex;gap:12px;align-items:center;padding:13px;color:#62768f;font-weight:600;font-size:12.5px;border-radius:9px}.nav-item:hover{background:#f3f8fe;color:#0f57a3}.nav-item.active{background:#eaf3ff;color:#105db4}.nav-item svg{flex-shrink:0}.side-footer{display:grid;gap:7px;margin-top:auto;padding:20px 11px 2px;color:#96a5b6;font-size:10px}.main-area{flex:1;min-width:0}.topbar{height:75px;background:#fff;border-bottom:1px solid #e3ebf4;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-label{color:#526c87;font-size:13px;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.small-icon{background:transparent;border:0;display:grid;place-items:center;color:#58718f;padding:7px}.account-area{position:relative}.account-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#304765;font-size:12px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#e8f2fe;border-radius:50%;color:#1557a6;font-weight:750}.account-email{max-width:180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-menu{position:absolute;right:0;top:45px;z-index:20;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #0e30501f;border-radius:10px;width:190px;padding:7px}.account-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:11px;border:0;background:transparent;text-align:left;font-size:12px;border-radius:7px}.account-menu button:hover{background:#f2f7fd}.page-content{padding:36px clamp(20px,3vw,52px)}.page-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:27px}.page-heading h1{font-size:29px;margin:10px 0 8px;color:var(--navy);letter-spacing:-.6px}.page-heading p{margin:0;color:#75879c;font-size:13px}.stage-chip{padding:8px 13px;background:#eaf3fe;color:#2169af;border:1px solid #d6e8f9;font-size:11px;border-radius:30px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat-card{background:#fff;border:1px solid var(--line);padding:23px 21px;border-radius:12px;display:flex;flex-direction:column;gap:12px;min-width:0}.stat-card svg{color:#236db8}.stat-card small{font-size:12px;font-weight:700;color:#5b7290}.stat-card strong{font-size:33px;color:#0c315f}.stat-card span{font-size:10.5px;color:#8b9eaf}.content-card{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px}.content-card h2{font-size:18px;margin:0 0 18px}.account-details{display:grid;grid-template-columns:115px 1fr;gap:13px;font-size:13px}.account-details dt{color:#7689a0}.account-details dd{margin:0;font-weight:650}.content-card p{font-size:12px;margin-top:25px}.empty-module{text-align:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:76px 24px;max-width:900px}.empty-module>svg{color:#2e79c7}.empty-module h2{font-size:19px;margin:14px 0}.empty-module p{font-size:13px;color:#71849a;line-height:1.8;max-width:570px;margin:0 auto}.little-note{font-size:12px;color:#3a6793;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:27px}.mobile-only{display:none}@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-screen{grid-template-columns:1fr 1fr}.login-left{padding:30px}.account-email{display:none}}@media(max-width:700px){.login-screen{grid-template-columns:1fr}.login-left{min-height:260px}.login-hero h1{font-size:28px}.login-features,.login-left>small{display:none}.login-right{padding:35px 23px 55px}.login-form-wrap h2{font-size:26px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:31;transform:translate(-100%);transition:transform .2s;width:265px}.sidebar.show{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b24486b;z-index:30;border:0}.mobile-only{display:grid}.side-brand .mobile-only{margin-left:auto}.topbar{padding:0 16px;height:64px}.topbar-label{margin-right:auto}.page-content{padding:26px 16px}.page-heading{display:block}.page-heading h1{font-size:24px}.stage-chip{display:inline-block;margin-top:16px}.stats-grid{gap:10px}.stat-card{padding:18px 14px}.content-card{padding:20px}.tenant-card{padding:22px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.sidebar{transition:none}}.password-field{position:relative;min-width:0}.password-field input{display:block;width:100%;padding-right:52px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:0;border-radius:8px;color:#61758f;padding:0}.password-toggle:not(:disabled):hover{background:#edf4fc;color:#155aab}.password-toggle:focus-visible{outline:2px solid #4c8bdf;outline-offset:1px}
