:root{--bg: #0f0f0f;--card: #1a1a2e;--card-2: #22223a;--text: #f4f4f5;--muted: #9ca3af;--orange: #ff6b35;--orange-deep: #e85a28;--green: #00c896;--danger: #f87171;--line: rgba(255, 255, 255, .08);--shadow: 0 18px 40px rgba(0, 0, 0, .35);--radius: 18px;--font-display: "Syne", sans-serif;--font-body: "Figtree", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-body);line-height:1.5}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(255,107,53,.16),transparent 28%),radial-gradient(circle at 85% 0%,rgba(0,200,150,.12),transparent 24%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;margin:0}p{margin:0}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.shell__sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1.1rem;background:linear-gradient(180deg,#1a1a2ef5,#0f0f0ff5);border-right:1px solid var(--line)}.brand{display:flex;gap:.85rem;align-items:center}.brand__mark{width:2.5rem;height:2.5rem;border-radius:.9rem;background:linear-gradient(140deg,var(--orange),#ff9a6b 45%,var(--green))}.brand__name{font-family:var(--font-display);font-size:1.45rem;font-weight:800}.brand__tag,.shell__role,.shell__status,.shell__eyebrow{color:var(--muted);font-size:.85rem}.shell__nav{display:grid;gap:.3rem}.shell__link{display:flex;justify-content:space-between;gap:.5rem;padding:.75rem .85rem;border-radius:.85rem;color:#f4f4f5c7}.shell__link.is-active,.shell__link:hover{background:#ff6b3524;color:#fff}.shell__link-ar{color:var(--muted);font-size:.8rem}.shell__footer{margin-top:auto;display:grid;gap:.35rem}.shell__user{font-weight:700}.shell__main{min-width:0}.shell__top{padding:1.5rem 1.75rem .4rem}.shell__top h1{font-size:clamp(2rem,4vw,3rem)}.shell__content{padding:1rem 1.75rem 2rem}.page{display:grid;gap:1rem}.page__header{display:flex;justify-content:space-between;gap:1rem;align-items:end}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.kpi-card{background:var(--card-2);border:1px solid var(--line);border-radius:1rem;padding:1rem}.kpi-card__label{color:var(--muted)}.kpi-card__value{font-family:var(--font-display);font-size:1.7rem;margin-top:.3rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.8rem .45rem;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{color:var(--muted);font-size:.85rem}.table-link{color:var(--orange);font-weight:700}.badge{display:inline-flex;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700}.badge--ok{background:#00c89629;color:var(--green)}.badge--warn{background:#ff6b352e;color:var(--orange)}.badge--danger{background:#f8717129;color:var(--danger)}.badge--muted{background:#9ca3af29;color:var(--muted)}.btn{border:0;border-radius:999px;padding:.7rem 1rem;cursor:pointer}.btn--primary{background:linear-gradient(135deg,var(--orange),var(--orange-deep));color:#fff}.btn--ghost{background:transparent;border:1px solid var(--line)}.btn--small{padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--card-2);cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.row-actions,.form-inline,.segmented,.chip-row,.spread{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.spread{justify-content:space-between}.form,.stack{display:grid;gap:.85rem}.form label,.form-inline label,.inline-field{display:grid;gap:.35rem;font-weight:600}.form input,.form select,.form textarea,.form-inline input,.form-inline select,.inline-field select,.data-table select{border:1px solid var(--line);border-radius:.75rem;padding:.7rem .8rem;background:#12121f}.form-error{color:var(--danger);font-weight:600}.form-success{color:var(--green);font-weight:600}.state-panel{display:grid;place-items:center;gap:.65rem;min-height:160px;text-align:center;color:var(--muted)}.state-spinner{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid rgba(255,107,53,.25);border-top-color:var(--orange);animation:spin .7s linear infinite}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login__card{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:1.4rem;padding:1.5rem;box-shadow:var(--shadow);display:grid;gap:.9rem}.segmented{background:#12121f;border-radius:999px;padding:.25rem;border:1px solid var(--line)}.segmented button{border:0;background:transparent;color:var(--muted);padding:.45rem .9rem;border-radius:999px;cursor:pointer}.segmented button.is-active{background:var(--orange);color:#fff}.activity,.simple-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.65rem}.activity li,.simple-list li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.chip{padding:.4rem .75rem;border-radius:999px;background:#00c8961f;color:var(--green)}.back-link{display:inline-block;margin-bottom:.45rem;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.shell{grid-template-columns:1fr}.shell__sidebar{position:sticky;top:0;z-index:5}.shell__nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.kpi-grid,.page__header{grid-template-columns:1fr;flex-direction:column;align-items:start}}