:root{--deep:#093f49;--ocean:#0e6671;--sand:#f3eadb;--foam:#f7faf8;--ink:#123842;--line:#dce9e5;--muted:#668086;--white:#fff;--danger:#9e3540;--shadow:0 16px 45px rgba(9,63,73,.08)}*{box-sizing:border-box}body{margin:0;background:var(--foam);color:var(--ink);font-family:Arial,sans-serif}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(420px,100%);background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand img{width:52px;height:52px;border-radius:50%;background:var(--sand);padding:4px}.brand h1{font-size:19px;margin:0}.field{display:grid;grid-gap:7px;gap:7px;margin:14px 0}.field input{padding:11px;border:1px solid var(--line);border-radius:8px}.button{width:100%;border:0;border-radius:8px;background:var(--ocean);color:white;padding:12px;font-weight:700}.textButton{display:block;margin:14px auto 0;border:0;background:transparent;padding:4px;font:inherit;text-decoration:underline;cursor:pointer}.textButton,.textLink{color:var(--ocean)}.error{color:#a33;font-size:13px}.success{color:#1a6858;font-size:13px}.appLayout{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--deep);padding:27px 16px 18px;flex-direction:column}.sidebar,.sidebarBrand{color:white;display:flex}.sidebarBrand{text-decoration:none;align-items:center;gap:11px;padding:0 10px 28px;font-weight:700;letter-spacing:.08em}.sidebarBrand img{height:42px;width:42px;object-fit:contain}.sidebarBrand span{font-size:15px}.sidebarBrand small{display:block;font-size:10px;letter-spacing:.25em;margin-top:4px;color:#b7d6d2}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.navLink{color:#c8dcda;text-decoration:none;border-radius:10px;padding:11px 12px;font-size:14px}.navLink.active,.navLink:hover{background:rgba(255,255,255,.12);color:#fff}.profileSummary{border-top:1px solid rgba(255,255,255,.16);margin-top:auto;padding:18px 10px 2px;display:flex;gap:9px;align-items:center}.profileInitial{background:#d7ebe5;color:var(--deep);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-weight:700}.profileSummary small,.profileSummary strong{display:block;font-size:12px}.profileSummary small{color:#b7d6d2;margin-top:3px;text-transform:capitalize}.appMain{padding:36px clamp(24px,5vw,72px);max-width:1540px;width:100%}.appHeader{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--ocean);margin:0 0 8px}.appHeader h1{font-size:30px;margin:0;letter-spacing:-.035em}.headerUser{text-align:right;color:var(--muted);font-size:13px}.headerUser small,.headerUser span{display:block}.headerUser small{margin-top:4px;text-transform:capitalize}.dashboardIntro{background:linear-gradient(120deg,#eaf4f1,#f9f3e9);padding:28px 30px;border-radius:20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.dashboardIntro h2,.modulePlaceholder h2,.panel h2{margin:0 0 10px;font-size:23px;letter-spacing:-.02em}.dashboardIntro p:not(.eyebrow),.modulePlaceholder p,.panel p{color:var(--muted);line-height:1.55;margin:0}.liveBadge,.moduleTag{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ocean);background:white;border:1px solid #cde2dd;border-radius:999px;padding:8px 10px;white-space:nowrap}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.dataMessage,.emptyState,.metricCard,.modulePlaceholder,.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.metricCard{padding:20px}.metricCard span{display:block;font-size:13px;color:var(--muted);margin-bottom:14px}.metricCard strong{font-size:25px;letter-spacing:-.04em}.metricCard small{display:block;font-size:11px;color:var(--muted);margin-top:10px}.dashboardColumns{display:grid;grid-template-columns:1.25fr .75fr;grid-gap:15px;gap:15px;margin-top:15px}.panel{padding:25px}.dataMessage,.emptyState{padding:23px;margin-bottom:18px}.dataMessage strong,.emptyState strong{font-size:16px}.dataMessage p,.emptyState p{color:var(--muted);margin:7px 0 0;line-height:1.5}.errorPanel{border-color:#edc4c8}.errorPanel p,.errorPanel strong{color:var(--danger)}.modulePlaceholder{max-width:650px;padding:34px}.moduleTag{display:inline-block;margin-bottom:18px;background:#eef7f4}.muted{color:var(--muted)!important;margin-top:15px!important}@media(max-width:800px){.appLayout,.sidebar{display:block}.sidebar{position:static;height:auto;padding:17px}.sidebarBrand{padding:0 0 14px}.sidebar nav{display:flex;gap:5px;overflow:auto;padding-bottom:4px}.navLink{white-space:nowrap;padding:8px 10px}.profileSummary{display:none}.appMain{padding:26px 18px}.appHeader{margin-bottom:23px}.appHeader h1{font-size:25px}.headerUser{display:none}.dashboardIntro{padding:23px;display:block}.liveBadge{display:inline-block;margin-top:15px}.dashboardColumns,.metricGrid{grid-template-columns:1fr}.metricCard strong{font-size:24px}}.moduleTop{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.moduleTop h2{margin:0 0 8px;font-size:25px;letter-spacing:-.03em}.moduleTop p:not(.eyebrow){margin:0;color:var(--muted)}.actions button,.primaryAction,.secondaryAction{border:0;border-radius:9px;padding:10px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.primaryAction{background:var(--ocean);color:white;white-space:nowrap}.actions button,.secondaryAction{background:#e9f3f0;color:var(--deep)}.panel{margin-bottom:16px}.panel h3{margin:0 0 16px;font-size:17px}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:15px}.searchInput{width:min(420px,100%);border:1px solid var(--line);border-radius:9px;background:white;padding:12px 13px;margin:0 0 14px;font:inherit}.formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.formGrid h3{grid-column:1/-1;margin:0}.formGrid label{display:grid;grid-gap:6px;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.formGrid input,.formGrid select,.formGrid textarea{border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;color:var(--ink);background:white}.formGrid textarea{min-height:75px;resize:vertical}.formGrid .wide{grid-column:span 2}.formGrid .primaryAction{align-self:end;width:max-content}.compact{margin-top:14px}.feedback{padding:12px 14px;border-radius:10px;margin:0 0 14px;font-size:13px}.feedback.error{background:#fff1f2;border:1px solid #f2c6cc}.feedback.success{background:#edf8f3;border:1px solid #c8e6d7}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}th{text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#f6faf8}td,th{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:last-child td{border-bottom:0}.line,td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.actions{white-space:nowrap}.actions button{padding:6px 8px;margin-right:5px;font-size:11px}.status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.status.ok{background:#e5f5eb;color:#236b46}.status.warning{background:#fff1d7;color:#936312}.status.danger{background:#ffeaed;color:#a53c49}.status.neutral{background:#edf1f1;color:#607378}.negative{color:#a43742!important;font-weight:700}.positive{color:#21724c!important;font-weight:700}.reportGrid,.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.reportGrid .panel,dl{margin:0}dl{display:grid;grid-template-columns:1fr auto;grid-gap:11px;gap:11px}dt{color:var(--muted);font-size:13px}dd{margin:0;font-weight:700;text-align:right}.settingsGrid p{line-height:1.6;color:var(--muted);margin:0}.settingsGrid .panel{margin:0}@media(max-width:800px){.moduleTop{display:block}.moduleTop .primaryAction{margin-top:14px}.formGrid,.reportGrid,.settingsGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}.formGrid .primaryAction{width:100%}.sectionHeader{align-items:flex-start;flex-direction:column}}