:root{color-scheme:dark;--bg:#09090b;--panel:#111114;--panel2:#17171b;--line:#29292f;--text:#f5f5f7;--muted:#9999a3;--red:#e50914;--red2:#99050c;--green:#35c76f;--amber:#ffb020;--radius:18px;font-family:Inter,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 90% 0,#260508 0,transparent 30%),var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{margin:0 0 7px;color:#f34a52;font-size:.69rem;font-weight:800;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#ff2430,#960008);box-shadow:0 14px 40px #e5091444;color:white;font-weight:900;font-size:1.35rem}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:.9rem;flex:none}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:42px;border:1px solid var(--line);border-radius:28px;background:#111114e8;box-shadow:0 28px 90px #0008}.login-card .brand-mark{margin-bottom:28px}.login-card h1{font-size:2.25rem;margin:0 0 12px}.login-card form{display:grid;gap:10px;margin-top:28px}.login-card label,.modal-form label{font-size:.8rem;color:#c4c4ca;font-weight:700}.login-card input,.modal-form input,.modal-form select,.modal-form textarea,.search{border:1px solid var(--line);border-radius:12px;background:#0d0d10;color:white;outline:none}.login-card input,.modal-form input,.modal-form select,.modal-form textarea{width:100%;margin-top:7px;padding:13px}.login-card input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.search:focus-within{border-color:#ee3640;box-shadow:0 0 0 3px #e5091422}
.download-link{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:#d7d7dc;text-decoration:none;font-size:.82rem;font-weight:700}.download-link:hover{color:#fff}.download-link span{color:#ff3039}.top-actions{display:flex;align-items:center;gap:14px}.download-chip{padding:8px 11px;border:1px solid #5c1b20;border-radius:9px;color:#ff6a71;text-decoration:none;font-size:.72rem;font-weight:800}.download-chip:hover{background:#2d1013}
.button{border:0;border-radius:11px;padding:12px 17px;color:white;font-weight:800;transition:.18s transform,.18s background}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button-primary{background:linear-gradient(135deg,#ed1520,var(--red2))}.button-danger{background:#a20a12}.button-ghost{background:#24242a}.form-message{min-height:1.25em;margin:9px 0 0;color:#ff7077;font-size:.86rem}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:25px 16px;border-right:1px solid var(--line);background:#0d0d10;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 7px 27px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.72rem;margin-top:3px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700;text-align:left}.nav-item:hover,.nav-item.active{background:#271013;color:#fff}.nav-item.active span{color:#ff2630}.logout{margin-top:auto}.workspace{margin-left:245px;padding:35px clamp(20px,4vw,58px) 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topbar h1{margin:0;font-size:2rem}.sync-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #35c76f88}.sync-dot.busy{background:var(--amber);box-shadow:0 0 10px #ffb02088}.sync-dot.error{background:var(--red)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#161619,#101013);overflow:hidden}.stat-card:after{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:#35c76f14}.stat-card.warning:after{background:#ffb02018}.stat-card.danger:after{background:#e509141b}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card span{font-size:.8rem;font-weight:700}.stat-card strong{display:block;font-size:2.2rem;margin:10px 0 2px}.stat-card small{font-size:.72rem}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.search{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;flex:1}.search span{color:#ef343d;font-size:1.3rem}.search input{width:100%;border:0;background:transparent;color:white;outline:0}
.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.data-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:18px;transition:.18s border-color,.18s transform}.data-card:hover{border-color:#4a292c;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;gap:12px}.card-top h3{margin:0;font-size:1.03rem}.card-top p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.card-actions{display:flex;gap:5px}.icon-button{border:0;background:#222227;color:#ddd;width:34px;height:34px;border-radius:9px;font-size:1rem;flex:none}.icon-button:hover{background:#361317;color:white}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.meta-grid span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.meta-grid strong{display:block;margin-top:5px;font-size:.83rem}.copy-grid{display:grid;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;background:#0d0d10}.copy-row div{min-width:0}.copy-row span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.copy-row strong{display:block;margin-top:4px;font-size:.82rem;overflow-wrap:anywhere}.status{display:inline-flex;margin-top:15px;padding:6px 9px;border-radius:8px;background:#153720;color:#76e39d;font-size:.72rem;font-weight:800}.status.warning{background:#3a2d12;color:#ffd16f}.status.danger{background:#421116;color:#ff8086}.observation{margin:14px 0 0;color:#bdbdc5;font-size:.8rem;line-height:1.5;white-space:pre-wrap}.provider-link{display:inline-block;margin-top:11px;color:#ff7379;font-size:.82rem;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.provider-link:hover{text-decoration:underline}.app-cover{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:11px;margin-bottom:15px;background:#202026}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
dialog{width:min(650px,calc(100% - 24px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:white;box-shadow:0 28px 100px #000c}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.modal-form{padding:25px}.modal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-header h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full,.image-preview{grid-column:1/-1}.modal-form textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.image-preview{max-width:100%;max-height:240px;border-radius:12px;object-fit:contain;background:#09090b}.confirm-dialog{width:min(420px,calc(100% - 24px))}.toast{position:fixed;right:20px;bottom:20px;z-index:20;max-width:360px;padding:13px 17px;border-radius:12px;background:#f5f5f7;color:#111;font-weight:700;box-shadow:0 14px 40px #0008}
@media(max-width:850px){.sidebar{position:fixed;z-index:5;inset:auto 0 0;width:auto;height:68px;padding:8px 14px;border:0;border-top:1px solid var(--line);flex-direction:row}.brand,.logout{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.nav-item{justify-content:center;padding-inline:7px;font-size:.75rem}.workspace{margin:0;padding:25px 16px 95px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-card:first-child{grid-column:1/-1}.cards-grid{grid-template-columns:1fr}.topbar{margin-bottom:22px}.sync-state{font-size:0}.sync-state span:last-child{display:none}}
@media(max-width:540px){.login-card{padding:30px 24px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.meta-grid{grid-template-columns:1fr}.modal-actions .button{flex:1}.topbar h1{font-size:1.65rem}}