*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease;line-height:1.5}button,input,textarea,select{font-family:inherit;-webkit-font-smoothing:antialiased}body.dark{--bg-primary: #000000;--bg-secondary: #1C1C1E;--bg-tertiary: #2C2C2E;--bg-input: #1C1C1E;--bg-elevated: #3A3A3C;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .14);--border-focus: rgba(10, 132, 255, .6);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--text-hint: rgba(255, 255, 255, .18);--accent-blue: #0A84FF;--accent-blue-dark:#005FBF;--accent-blue-glow:rgba(10, 132, 255, .25);--accent-green: #30D158;--accent-green-glow:rgba(48, 209, 88, .2);--accent-red: #FF453A;--accent-red-glow: rgba(255, 69, 58, .2);--accent-orange: #FF9F0A;--accent-orange-glow:rgba(255, 159, 10, .2);--accent-purple: #BF5AF2;--accent-purple-glow:rgba(191, 90, 242, .2);--accent-teal: #5AC8F5;--accent-teal-glow:rgba(90, 200, 245, .2);--accent-yellow: #FFD60A;--accent-yellow-glow:rgba(255, 214, 10, .2);--accent-indigo: #5E5CE6;--card-bg: #1C1C1E;--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 2px 16px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(255,255,255,.06);--card-shadow-hover:0 8px 32px rgba(0, 0, 0, .65), 0 0 0 .5px rgba(255,255,255,.1);--row-hover: rgba(255, 255, 255, .04);--row-selected: rgba(10, 132, 255, .12);--selected: rgba(10, 132, 255, .12);--glass-bg: rgba(28, 28, 30, .8);--glass-border: rgba(255, 255, 255, .08);--modal-overlay: rgba(0, 0, 0, .65);--state-success-bg:rgba(48, 209, 88, .14);--state-error-bg: rgba(255, 69, 58, .14);--state-warning-bg:rgba(255, 159, 10, .14);--state-info-bg: rgba(10, 132, 255, .14);--state-purple-bg: rgba(191, 90, 242, .14);--topbar-bg: rgba(0, 0, 0, .8);--topbar-border: rgba(255, 255, 255, .08)}body.light{--bg-primary: #F5F5F7;--bg-secondary: #FFFFFF;--bg-tertiary: #F2F2F7;--bg-input: #FFFFFF;--bg-elevated: #E5E5EA;--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .05);--border-strong: rgba(0, 0, 0, .13);--border-focus: rgba(0, 113, 227, .6);--text-primary: #1D1D1F;--text-secondary: rgba(29, 29, 31, .62);--text-muted: rgba(29, 29, 31, .4);--text-hint: rgba(29, 29, 31, .22);--accent-blue: #0071E3;--accent-blue-dark:#0051A2;--accent-blue-glow:rgba(0, 113, 227, .18);--accent-green: #34C759;--accent-green-glow:rgba(52, 199, 89, .18);--accent-red: #FF3B30;--accent-red-glow: rgba(255, 59, 48, .18);--accent-orange: #FF9500;--accent-orange-glow:rgba(255, 149, 0, .18);--accent-purple: #AF52DE;--accent-purple-glow:rgba(175, 82, 222, .18);--accent-teal: #32ADE6;--accent-teal-glow:rgba(50, 173, 230, .18);--accent-yellow: #FFCC00;--accent-yellow-glow:rgba(255, 204, 0, .18);--accent-indigo: #5856D6;--card-bg: #FFFFFF;--card-border: rgba(0, 0, 0, .07);--card-shadow: 0 2px 12px rgba(0, 0, 0, .07), 0 0 0 .5px rgba(0,0,0,.06);--card-shadow-hover:0 8px 28px rgba(0, 0, 0, .12), 0 0 0 .5px rgba(0,0,0,.09);--row-hover: rgba(0, 0, 0, .03);--row-selected: rgba(0, 113, 227, .08);--selected: rgba(0, 113, 227, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .07);--modal-overlay: rgba(0, 0, 0, .45);--state-success-bg:rgba(52, 199, 89, .12);--state-error-bg: rgba(255, 59, 48, .12);--state-warning-bg:rgba(255, 149, 0, .12);--state-info-bg: rgba(0, 113, 227, .1);--state-purple-bg: rgba(175, 82, 222, .12);--topbar-bg: rgba(245, 245, 247, .85);--topbar-border: rgba(0, 0, 0, .08)}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full:999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 240px;--sidebar-collapsed:62px;--topbar-height: 52px;--barra-height: 36px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:transparent}table{width:100%;border-collapse:collapse;font-size:13.5px}th{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);padding:10px 12px;text-align:left;border-bottom:.5px solid var(--border);white-space:nowrap}td{padding:11px 12px;color:var(--text-primary);border-bottom:.5px solid var(--border-light);vertical-align:middle;line-height:1.4}tr:last-child td{border-bottom:none}tr:hover td{background:var(--row-hover)}tr.selected td{background:var(--row-selected)}input,textarea,select{background:var(--bg-input);color:var(--text-primary);border:.5px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 13px;font-size:14px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}input::placeholder,textarea::placeholder{color:var(--text-hint)}select{cursor:pointer}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);padding:9px 20px;font-size:14px;font-weight:600;box-shadow:0 4px 12px var(--accent-blue-glow)}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97);opacity:.95}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:.5px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 18px;font-size:14px;font-weight:500}.btn-secondary:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-secondary:active{transform:scale(.97)}.btn-danger{background:var(--state-error-bg);color:var(--accent-red);border-radius:var(--radius-md);padding:9px 18px;font-size:14px;font-weight:600}.btn-danger:hover{opacity:.82}.btn-ghost{background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);padding:8px 14px;font-size:13.5px;font-weight:500}.btn-ghost:hover{background:var(--row-hover);color:var(--text-primary)}.card{background:var(--card-bg);border:.5px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.card-flat{background:var(--card-bg);border:.5px solid var(--card-border);border-radius:var(--radius-xl)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.2px}.badge-blue{background:var(--state-info-bg);color:var(--accent-blue)}.badge-green{background:var(--state-success-bg);color:var(--accent-green)}.badge-red{background:var(--state-error-bg);color:var(--accent-red)}.badge-orange{background:var(--state-warning-bg);color:var(--accent-orange)}.badge-purple{background:var(--state-purple-bg);color:var(--accent-purple)}.badge-teal{background:#5ac8f524;color:var(--accent-teal)}.badge-gray{background:var(--row-hover);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);z-index:900;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn var(--transition-fast) ease}.modal-box{background:var(--card-bg);border:.5px solid var(--border-strong);border-radius:var(--radius-2xl);box-shadow:0 24px 80px #0000008c,0 0 0 .5px var(--glass-border);overflow:hidden;animation:slideUp var(--transition-spring) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:scale(.95) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.main-content{min-width:0;overflow:hidden}.divider{height:.5px;background:var(--border);margin:0}[title]{position:relative}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-pulse{animation:pulse 1.8s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-blue{color:var(--accent-blue)!important}.text-green{color:var(--accent-green)!important}.text-red{color:var(--accent-red)!important}.text-orange{color:var(--accent-orange)!important}.text-purple{color:var(--accent-purple)!important}body.light table{background:var(--card-bg)}body.light th{color:var(--text-muted);border-bottom-color:var(--border)}body.light td{border-bottom-color:var(--border-light)}