/* Visual tokens extracted from the user-supplied original app prototype.
   Preserve admin layout and navigation; share typography, surfaces and accents. */
@font-face{font-family:PFGrift;src:url('fonts/grift-300.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:PFGrift;src:url('fonts/grift-700.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:PFGrift;src:url('fonts/grift-800.otf') format('opentype');font-weight:800;font-display:swap}
:root{font-family:PFGrift,Arial,sans-serif;--lime:#b5ff57;--line:#c3e4e62a;--muted:#b6cbd0;color:#f1f7f8;background:#061820;font-weight:300}
body{background:radial-gradient(ellipse at 5% 35%,#12525e 0,transparent 48%),radial-gradient(ellipse at 100% 85%,#304c35 0,transparent 43%),linear-gradient(145deg,#061820,#0c2b36 60%,#081c26);background-attachment:fixed;color:#f1f7f8;min-height:100vh}
button,input,select,textarea{font-family:PFGrift,Arial,sans-serif}p{color:var(--muted);font-weight:300}h1{font-weight:300;letter-spacing:-1.2px}h2,h3,h4{font-weight:700}strong,b{font-weight:700}
aside{background:linear-gradient(140deg,#19414ade,#0a202bf2);border-color:#b5d5db45;backdrop-filter:blur(24px);box-shadow:8px 0 30px #00151d20}.brand{font-family:PFGrift,Arial,sans-serif;font-weight:800;letter-spacing:-1.5px;color:#f1f7f8}.brand span{color:var(--lime)}.caption{color:#b6cbd0;font-weight:300}.nav-group-label{color:#9fbec5;font-weight:700;letter-spacing:1.7px}nav button{color:#bdd3d8;border-radius:25px;font-weight:300}nav button:hover{background:#d5f3f00d;color:#f1f7f8;border-color:#c5e5e62b}nav button.active{background:linear-gradient(130deg,#d3ff8b,#a7ef47);color:#122b21;border-color:#b5ff5733;font-weight:700;box-shadow:0 0 14px #b5ff5720}.nav-count{background:#b5ff5715;color:#bdff75;border-color:#b5ff5730;border-radius:20px}.active .nav-count{background:#16311f;color:#e4ffc5}.sidebottom,.topbar{border-color:#c3e4e62a}.avatar{background:radial-gradient(at 100% 0,#d0ff8b,transparent),linear-gradient(135deg,#8cbbb4,#4c786c);color:#102b30}.muted{color:#b6cbd0}.demo{background:#d5f3f00a;border-color:#c5e5e63a;color:#bed4d9}.eyebrow{color:#c0d6da;letter-spacing:1.7px;font-weight:300}
.hero{background:radial-gradient(ellipse at 15% 25%,#12525e66,transparent 65%),linear-gradient(130deg,#d6f2f210,#c8e6ed03);border:1px solid #c3e4e62a;border-radius:26px;box-shadow:inset 0 1px #ffffff0c;backdrop-filter:blur(22px)}.hero:after{display:none}.hero h2{font-weight:800;color:var(--lime);letter-spacing:-1.2px}.hero h2 .heading-light{font-weight:300;color:#f1f7f8}.hero p{color:#b9cdd1}.hero .eyebrow{color:#c0d6da}
.card,.overview-bottom>.card:first-child{background:linear-gradient(130deg,#d6f2f218,#c8e6ed05);border:1px solid #cee9ed32;border-radius:25px;backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff0c,0 12px 30px #00151d18}.card h3{font-weight:700;letter-spacing:-.3px}.metrichead{color:#b6cbd0}.metrichead .navicon{color:#bdd3d8}.number{font-weight:800;color:#f3faf7;letter-spacing:-1.2px}.metric-card .btn{font-weight:700;color:var(--lime)}
.btn{border-radius:24px;background:#d1e9ed08;border-color:#cee9ed30;color:#dce9ec;font-weight:300}.btn:hover{background:#d1e9ed14}.btn.primary{background:#b5ff57;border-color:transparent;color:#17311e;font-weight:700;box-shadow:0 4px 16px #00151d20}.btn.primary:hover{background:#c7ff80}.link{color:var(--lime);font-weight:700}.btn:focus-visible,nav button:focus-visible{outline-color:#d3ff8b}.btn:disabled{box-shadow:none}
.attention-panel{background:radial-gradient(ellipse at 100% 0,#b5ff571c,transparent 65%),linear-gradient(130deg,#d6f2f218,#c8e6ed05);border:1px solid #b5ff5760;border-radius:26px;color:#f1f7f8;backdrop-filter:blur(22px);box-shadow:inset 0 1px #e3ffff18,0 12px 30px #00151d30}.attention-heading .eyebrow{color:#bdff75;font-weight:300}.attention-heading h2{color:#f1f7f8;font-weight:700}.attention-panel p{color:#b9cdd1}.attention-total{color:var(--lime);font-weight:800}.attention-task{background:#071e2973;border-color:#c3e4e62a;border-radius:23px;color:#f1f7f8}.attention-copy h3{font-weight:700}.attention-copy p{color:#b6cbd0}.attention-task>.navicon{color:var(--lime)}.attention-count{color:#bdff75;font-weight:700}.attention-footnote{color:#a8c2c9!important}.is-clear{border-color:#c3e4e63d;background:linear-gradient(130deg,#d6f2f218,#c8e6ed05)}
.badge{border-radius:20px;color:#bdff75;background:#a7f45b15}.badge.warn{color:#f4d29a;background:#ffd29a12}.badge.bad{color:#ffc0b9;background:#d878781a}.toolbar input,.toolbar select,.form input,.form select,.form textarea,input,select{background:#0a2d39aa;border-color:#b1d3d73a;color:#e2eded;border-radius:15px}.form textarea{font-family:PFGrift,Arial,sans-serif}option{background:#102d38;color:#f1f7f8}th{background:#071e2977;color:#a6c3ca}td{border-color:#d0e6e51a}th,.metrichead,.footer{font-weight:300}.detailrow{border-color:#d0e6e51a}.detailrow span{color:#b6cbd0}.evidence,.module-empty{background:#071e2973;border-color:#c3e4e62a;border-radius:20px}.evidence p{color:#cee1e5}.alert.info{background:#c9eff00a;color:#c2dce0;border-color:#c3e4e63d;border-radius:18px}.summary-strip span{border-color:#cee9ed30;color:#bed4da;border-radius:20px}.connection-state{color:#bed4da;border-color:#cee9ed30}.integration-step{border-color:#cee9ed30;border-radius:20px}.integration-step strong{color:var(--lime)}.module-empty h3{color:#dcebed}.timeline li{border-color:#d0e6e51a}.timeline time{color:#a2bec4}.progress-row progress{accent-color:var(--lime)}.footer{color:#9bb8c0}.toast{background:#b5ff57;color:#17311e;border-radius:24px}dialog{background:radial-gradient(ellipse at 0 0,#12525e,transparent 70%),#0b2733;border-color:#72959d70;border-radius:26px}.evidence-photo,.image-slot{background:#071e29}.evidence-photo{border-color:#c3e4e63d}.navglyph{color:inherit}
/* Original app pins: rotated rounded markers with trade icons, not portraits. */
.dashboard .hero>.reference-pins{position:absolute;max-width:none;width:330px;height:180px;right:22px;top:15px;background:repeating-linear-gradient(155deg,transparent 0 39px,#63858d22 40px 41px,transparent 42px 85px),repeating-linear-gradient(65deg,transparent 0 62px,#365b6533 63px 64px,transparent 65px 110px);mask-image:radial-gradient(ellipse,#000 45%,transparent 75%);pointer-events:none}
.reference-pin{position:absolute;width:48px;height:48px;border-radius:15px 15px 15px 4px;transform:rotate(-45deg);display:grid;place-items:center;background:#13262b;border:1px solid #587445;box-shadow:0 5px 14px #0006}.reference-pin .navicon{transform:rotate(45deg);width:23px;height:23px;color:var(--lime)}.reference-pin.pin-0{left:38px;top:76px}.reference-pin.pin-1{left:143px;top:30px;background:var(--lime);border-color:var(--lime);width:53px;height:53px}.reference-pin.pin-1 .navicon{color:#0a171d}.reference-pin.pin-2{right:34px;top:91px}
@media(max-width:1100px) and (min-width:701px){.dashboard .hero>.reference-pins{width:240px;right:-10px}.reference-pin.pin-0{left:20px}.reference-pin.pin-1{left:100px}.reference-pin.pin-2{right:25px;top:105px}}
@media(max-width:700px){.mobile-header{background:linear-gradient(140deg,#19414af5,#0a202bf5);border-color:#b5d5db45}aside#sidebar{background:radial-gradient(ellipse at 0 25%,#12525e,transparent 75%),#0b2733}.menu-close{color:#dce9ec}.menu-backdrop:not([hidden]){background:#00131dcc}.attention-panel{border-radius:25px}.attention-task{border-radius:20px}.dashboard .hero>.reference-pins{width:280px;height:125px;right:12px;top:auto;bottom:0}.reference-pin{width:37px;height:37px;border-radius:12px 12px 12px 4px}.reference-pin.pin-0{left:37px;top:42px}.reference-pin.pin-1{left:124px;top:12px;width:43px;height:43px}.reference-pin.pin-2{right:30px;top:56px}.reference-pin .navicon{width:20px;height:20px}.tablewrap tr{border-color:#c3e4e62a}.tablewrap td:before{color:#a6c3ca}}
.brand-original{display:flex;align-items:center;gap:10px;min-height:38px;margin-left:10px;margin-right:8px}.brand-original img{display:block;object-fit:contain}.brand-symbol{width:27px;height:30px}.brand-wordmark{width:155px;height:37px}.mobile-header .brand-original{gap:8px}.mobile-header .brand-symbol{width:24px;height:27px}.mobile-header .brand-wordmark{width:135px;height:32px}
.access-settings{margin-bottom:22px}.access-settings>.eyebrow{margin-bottom:12px}.access-settings>p{margin-top:16px}.access-settings>.alert{margin-top:18px}.access-settings table{margin:18px 0}.access-settings th{letter-spacing:.3px;text-transform:none;font-weight:700}.access-settings td:not(:first-child){white-space:nowrap}