/* DataEasy™ Portal Design System */
:root{
 --navy:#0d2335;--navy2:#102f45;--teal:#0b9d8a;--teal2:#087d70;
 --blue:#1769d5;--purple:#7359c7;--amber:#f2a91f;--red:#c94b52;
 --ink:#132b3d;--muted:#667b8d;--line:#dfe8ee;--soft:#f4faf9;--white:#fff;
 --shadow:0 18px 55px rgba(13,35,53,.10);--radius:16px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f9fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.portal-top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy)}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--teal),var(--blue));display:grid;place-items:center;color:#fff;font-weight:900}.brand small{display:block;font-size:.58rem;color:var(--muted);font-weight:650;margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.link-btn{padding:9px 13px;border:1px solid #c8d6dd;border-radius:9px;color:var(--navy);font-weight:750}.primary{background:var(--teal);color:#fff;border:0;border-radius:9px;padding:10px 15px;font-weight:850;cursor:pointer}.primary:hover{background:var(--teal2)}.ghost{background:#fff;color:var(--navy);border:1px solid #c8d6dd;border-radius:9px;padding:10px 15px;font-weight:800;cursor:pointer}.page{min-height:calc(100vh - 72px)}.shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:250px;background:var(--navy);color:#c9d7df;padding:22px 16px;position:fixed;top:72px;bottom:0;overflow:auto}.side-org{background:#17374e;border:1px solid #28506a;border-radius:11px;padding:12px;margin:16px 4px 18px;font-size:.82rem}.side-org b{display:block;color:#fff}.side-org small{color:#9eb5c2}.side-nav{display:grid;gap:4px}.side-nav a{padding:10px 11px;border-radius:9px;font-size:.87rem;color:#b8cad5}.side-nav a:hover,.side-nav a.active{background:#19415c;color:#fff}.side-bottom{position:absolute;left:16px;right:16px;bottom:18px}.logout{width:100%;background:transparent;border:1px solid #36576d;color:#c7d5dd;border-radius:9px;padding:10px;cursor:pointer}.content{margin-left:250px;width:calc(100% - 250px);padding:38px 4.5% 70px}.content-inner{max-width:1180px;margin:auto}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--teal)}h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.05;letter-spacing:-.05em;margin:7px 0 8px;color:var(--navy)}h2{font-size:1.15rem;letter-spacing:-.02em;margin:0}.subhead{color:var(--muted);margin:0;max-width:720px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 20px rgba(13,35,53,.035)}.card-label{color:var(--muted);font-size:.78rem}.card-value{font-size:2rem;font-weight:900;letter-spacing:-.04em;margin-top:7px}.card-note{font-size:.72rem;color:var(--muted);margin-top:3px}.grid-2{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-head a{font-size:.78rem;color:var(--teal);font-weight:800}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:.82rem}.table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f8fbfc}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 8px;font-size:.68rem;font-weight:850}.badge.green{background:#e6f7f1;color:#157a5b}.badge.blue{background:#eaf2ff;color:#225aa8}.badge.amber{background:#fff4d9;color:#956c00}.badge.red{background:#fdebed;color:#a03c45}.empty{padding:30px;text-align:center;color:var(--muted)}.activity{display:grid;gap:0}.activity-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);margin-top:6px;flex:0 0 auto}.activity-item b{display:block;font-size:.82rem}.activity-item small{color:var(--muted);font-size:.7rem}.progress{height:8px;border-radius:20px;background:#e8eff2;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal);border-radius:inherit}.status-list{display:grid;gap:15px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.status-row span{font-size:.82rem}.status-row b{font-size:.8rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.search{display:flex;gap:8px;max-width:430px;width:100%}.search input{flex:1}.input,.select,.textarea{width:100%;border:1px solid #cbd9e0;border-radius:9px;padding:11px 12px;outline:0;background:#fff}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(11,157,138,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{display:block;font-size:.78rem;font-weight:800;margin:0 0 6px}.field.full{grid-column:1/-1}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px}.setting h3{margin:0 0 5px;font-size:1rem}.setting p{color:var(--muted);font-size:.8rem;margin:0 0 15px}.toggle{display:flex;align-items:center;justify-content:space-between}.switch{width:42px;height:23px;border-radius:99px;background:#ccd9df;padding:3px}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:#fff}.switch.on{background:var(--teal)}.switch.on i{margin-left:19px}.notice{padding:12px 14px;border-radius:10px;background:#eef8f6;color:#176b5d;font-size:.78rem}.chart{height:230px;position:relative;padding-top:10px}.bars{height:180px;display:flex;align-items:end;gap:10px;padding:10px 5px;border-bottom:1px solid var(--line)}.bar{flex:1;background:linear-gradient(var(--teal),#58cbbb);border-radius:5px 5px 0 0;min-width:14px}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.65rem;padding:7px 3px}.login-shell{min-height:100vh;background:linear-gradient(125deg,#eff9f7,#eef5fb);display:grid;grid-template-columns:1.05fr .95fr}.login-showcase{background:var(--navy);color:#fff;padding:8%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-showcase:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(11,157,138,.28),transparent 68%);right:-260px;top:-100px}.login-showcase h1{color:#fff;max-width:560px;font-size:clamp(2.7rem,5vw,4.8rem);position:relative;z-index:1}.login-showcase p{max-width:520px;color:#b7cad4;position:relative;z-index:1}.login-points{display:grid;gap:12px;margin-top:28px;position:relative;z-index:1}.login-point{display:flex;gap:10px;align-items:center;color:#d8e5ea;font-size:.87rem}.login-point i{width:27px;height:27px;border-radius:8px;background:#1a4b61;display:grid;place-items:center;color:#8ce0d3;font-style:normal}.auth-side{display:grid;place-items:center;padding:35px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--shadow)}.auth-card h2{font-size:2rem;letter-spacing:-.045em;margin:7px 0}.auth-card>p{color:var(--muted);font-size:.88rem}.auth-form{margin-top:22px}.auth-form .field{margin-bottom:14px}.auth-form label{display:block;font-size:.78rem;font-weight:800;margin-bottom:6px}.auth-footer{text-align:center;color:var(--muted);font-size:.8rem;margin-top:20px}.auth-footer a{color:var(--teal);font-weight:800}.form-msg{min-height:20px;font-size:.78rem;margin-top:9px}.mobile-menu{display:none}.reveal{animation:rise .55s ease both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-showcase{min-height:360px}.auth-side{padding:45px 20px}}
@media(max-width:760px){.portal-top{height:65px}.sidebar{top:65px;transform:translateX(-100%);transition:.25s;z-index:35}.sidebar.open{transform:none}.content{margin-left:0;width:100%;padding:28px 5%}.page-head{align-items:flex-start;flex-direction:column}.mobile-menu{display:block;border:1px solid #c8d6dd;background:#fff;border-radius:9px;padding:8px 10px}.top-actions .link-btn{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.login-showcase{padding:50px 8%}.login-showcase h1{font-size:3rem}}
@media(max-width:520px){.cards{grid-template-columns:1fr 1fr;gap:9px}.card{padding:15px}.card-value{font-size:1.55rem}.panel{padding:16px}.content{padding:24px 4%}.top-actions .primary{padding:9px 11px;font-size:.78rem}.auth-card{padding:26px}.login-showcase{display:none}}