:root{--navy:#0b4c91;--green:#3f9745;--dark:#4c4d4f;--line:#d6d9dd;--muted:#f5f7f9;--text:#202326}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:white}.topbar{height:62px;margin:24px 3% 0;background:linear-gradient(90deg,#5b5c5e,#3b3c3e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:19px}.brand-left{display:flex;gap:24px;align-items:center;font-size:27px;font-weight:300}.hamburger{font-size:26px}.top-icons{display:flex;gap:16px;align-items:center;font-size:20px}.f7-square{background:#f21132;padding:8px 6px;font-weight:bold;font-size:14px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1320px;margin:0 auto}.sidebar{padding:28px 18px 0}.sidebar h1{font-size:24px;font-weight:400;margin:0 0 22px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:13px 12px;color:#111;text-decoration:none;font-weight:700;font-size:13px;border-left:4px solid transparent}.sidebar nav a.active{background:#eef3f9;color:#0b4c91;border-left-color:#0b4c91}.content{padding:16px 28px 32px;min-height:600px}.footer{margin:0 3% 20px;background:#3f4042;color:white;padding:18px 28px;display:flex;justify-content:space-between;font-size:11px}.login-logo,.mini-logo,.hero-logo>div{display:flex;align-items:center;gap:8px;font-style:italic}.login-logo{justify-content:center;font-size:28px;margin-bottom:18px}.login-logo b,.mini-logo b,.hero-logo b{font-size:28px}.login-logo b span,.mini-logo b span,.hero-logo b span{color:#c50020}.f7-mark{font-weight:900;font-style:italic;font-size:46px;letter-spacing:-8px;color:#333}.f7-mark::first-letter{color:#c50020}.signin-panel{border-left:1px solid var(--line);max-width:620px;padding:20px 20px 30px;margin:0 auto}.signin-panel h2,.page-title{font-weight:400;font-size:26px}.signin-panel label,.account-form label{display:block;color:#3655a2;font-size:14px;margin:28px 0}.signin-panel input,.account-form input{display:block;width:100%;border:0;border-bottom:1px solid #bbb;padding:8px 2px;font-size:16px;outline:none;color:#222}.text-button{float:right;border:0;background:none;color:#3754b0;font-weight:bold;font-size:14px;padding:16px}.error{color:#b00020}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.account-form{border-bottom:1px solid #e6e6e6;padding-bottom:20px}.city-row{display:grid;grid-template-columns:2fr .6fr .8fr;gap:10px}.primary-button{background:var(--navy);color:white;border:0;border-radius:3px;padding:10px 18px}.users-panel{margin-top:28px;border:1px solid #ddd;padding-top:18px}.users-panel h3{font-size:13px;color:#3655a2;border-bottom:2px solid #4564c0;width:120px;padding:0 30px 17px}.users-panel table,.asset-table{width:100%;border-collapse:collapse}.users-panel th,.users-panel td{padding:16px;text-align:left;border-bottom:1px solid #ddd;font-size:13px}.hero-logo{text-align:center;margin:0 auto 16px}.hero-logo>div{justify-content:center}.hero-logo small{border-top:2px solid var(--navy);padding:6px 60px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.module-card{border:1px solid #ddd;border-top:5px solid var(--navy);border-radius:8px;text-align:center;box-shadow:0 2px 6px #0001;overflow:hidden;min-height:205px}.module-card.included{border-top-color:var(--green)}.module-card .module-icon{font-size:30px;margin:18px auto 6px;width:58px;height:58px;border-radius:50%;background:#e8f0fb;display:grid;place-items:center;color:var(--navy)}.module-card.included .module-icon{background:#e4f3e5;color:var(--green)}.module-card h3{font-size:14px;color:var(--navy);border-bottom:1px solid #ddd;width:max-content;margin:0 auto 10px;padding-bottom:5px}.module-card.included h3{color:var(--green)}.module-card p{font-size:12px;padding:0 24px;min-height:42px}.module-card a,.module-card .locked{display:block;text-decoration:none;background:var(--navy);color:white;padding:12px;text-align:center}.module-card.included a{background:var(--green)}.status-key{border:1px solid #ddd;border-radius:8px;padding:14px;font-size:12px}.status-key h3{color:var(--navy);font-size:12px}.status-key p{position:relative;padding-left:28px}.dot{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%}.dot.blue{background:var(--navy)}.dot.green{background:var(--green)}.dot.gray{background:#aaa}.info-bar{margin-top:18px;border:1px solid #bcd2e8;background:#f3f9ff;padding:12px 16px;font-size:12px}.assets-header{display:flex;align-items:center;gap:18px;margin:8px 0 18px}.assets-header h2{color:#183e77;margin:0;font-size:25px}.assets-header p{font-size:12px;margin:5px 0}.header-actions{margin-left:auto;display:flex;gap:10px}.header-actions button{padding:9px 14px;border:1px solid #ccd3da;background:white;border-radius:4px}.header-actions .primary-button{background:var(--navy);color:#fff}.asset-key{display:grid;grid-template-columns:auto 42px 1fr 42px 1fr 42px 1fr auto;align-items:center;gap:12px;background:#f5f8fb;border:1px solid #cbd7e3;padding:14px;font-size:11px}.asset-key>div{display:flex;flex-direction:column;gap:4px}.badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:3px;font-weight:bold}.badge.r{background:#d5efcf;color:#367c35}.badge.m{background:#ffe9a8;color:#806000}.badge.n{background:#cfe0f1;color:#1e4d83}.total strong{font-size:25px;color:#123d78}.asset-filters{display:flex;gap:8px;margin:16px 0}.asset-filters input{flex:1}.asset-filters input,.asset-filters select{padding:9px;border:1px solid #d3d8dd;border-radius:4px}.asset-table{font-size:11px;border:1px solid #d5d9dd}.asset-table th{background:#083e7c;color:white;padding:10px 7px;text-align:left}.asset-table thead .subhead th{padding:5px;font-size:8px;text-align:center}.asset-table td{padding:9px 7px;border-bottom:1px solid #e0e0e0;border-right:1px solid #ececec}.center{text-align:center}.pagination-line{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:11px}.pagination-line nav{display:inline-flex;gap:2px}.pagination-line a,.pagination-line span[aria-current]{padding:7px 9px;border:1px solid #ddd;text-decoration:none}.filters-open{background:#fbfcfe;padding:10px;border:1px solid #e4e8ec}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{padding-bottom:5px}.sidebar nav{flex-direction:row;flex-wrap:wrap}.module-grid{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr;gap:0}.asset-key{grid-template-columns:auto 40px 1fr}.asset-filters{flex-wrap:wrap}.assets-header{flex-wrap:wrap}.header-actions{margin-left:0}.footer{flex-direction:column;gap:8px}.table-wrap{overflow:auto}}@media(max-width:560px){.module-grid{grid-template-columns:1fr}.topbar{margin:0}.shell{margin:0}.content{padding:14px}.asset-filters>*{width:100%}.brand-left{font-size:20px}.top-icons{gap:8px}.footer{margin:0}}