:root{--color-primary:#0d6efd;--color-secondary:#20c997;--color-danger:#dc3545;--color-dark:#0f2027;--color-light:#fff;--gradient-main:linear-gradient(135deg,#0d6efd,#6c63ff);--gradient-green:linear-gradient(135deg,#20c997,#28e1ae);--gradient-red:linear-gradient(135deg,#dc3545,#f05f70);--gradient-blue:linear-gradient(135deg,#0d6efd,#1f90ff)}body,html{background:var(--gradient-main);min-height:100%;color:var(--color-light);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.page,.wrap{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex}.card{color:var(--color-light);background:rgba(255,255,255,.12);border-radius:1rem;margin:1rem;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 24px rgba(0,0,0,.25)}.card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.35)}.cardLabel{opacity:.85;font-size:.9rem}.cardValue{font-size:1.5rem;font-weight:700}.cardBlue{background:var(--gradient-blue)}.cardGreen{background:var(--gradient-green)}.cardRed{background:var(--gradient-red)}.btn,.btnRounded,.btnPrimary,.btnLite,.btnDanger{cursor:pointer;border:none;border-radius:50px;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btnPrimary,.btnRounded{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:var(--color-light)!important}.btnPrimary:hover,.btnRounded:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transform:scale(1.05)}.btnLite{color:var(--color-light);background:rgba(255,255,255,.2)}.btnLite:hover{background:rgba(255,255,255,.3)}.btnDanger{background:var(--color-danger);color:var(--color-light)}.btnDanger:hover{background:#bb2d3b}.navbar{background:rgba(255,255,255,.1);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.75rem 1.5rem;display:flex}.brand{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.navLinks{gap:1.2rem;list-style:none;display:flex}.navLinks li{cursor:pointer;transition:opacity .2s}.navLinks li:hover{opacity:.7}.tableWrap{width:100%;margin-top:1rem;overflow-x:auto}.table{border-collapse:collapse;width:100%;color:var(--color-light)}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.15);padding:.75rem}.table th{text-align:left;opacity:.9;font-weight:600}.panel,.panelWide,.panelHalf{background:rgba(255,255,255,.1);border-radius:12px;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,.2)}.panelWide{grid-column:1/-1}.modalBackdrop{z-index:100;background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{color:#000;background:#fff;border-radius:12px;width:100%;max-width:480px;padding:2rem;box-shadow:0 12px 32px rgba(0,0,0,.4)}.alert{border-radius:8px;margin:.5rem 0;padding:.75rem;font-weight:500}.alertSuccess{color:#198754;background:rgba(25,135,84,.2)}.alertError{color:#dc3545;background:rgba(220,53,69,.2)}.scrollCard{scrollbar-width:thin;scrollbar-color:var(--color-secondary)transparent;max-height:500px;overflow-y:auto}.scrollCard::-webkit-scrollbar{width:8px}.scrollCard::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}.scrollCard::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}@media (max-width:1024px){.grid{grid-template-columns:1fr}}@media (max-width:768px){.cards{grid-template-columns:1fr 1fr}}@media (max-width:500px){.cards{grid-template-columns:1fr}.title{font-size:1.5rem}.cardValue{font-size:1.2rem}}