:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app: #06090e;--bg-sidebar: #0b0f19;--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(23, 37, 68, .8);--bg-input: rgba(10, 15, 26, .8);--border-color: rgba(255, 255, 255, .06);--border-color-glow: rgba(245, 158, 11, .35);--border-color-purple: rgba(139, 92, 246, .35);--color-primary: #f59e0b;--color-primary-glow: rgba(245, 158, 11, .15);--color-secondary: #8b5cf6;--color-secondary-glow: rgba(139, 92, 246, .15);--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .1);--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .15);--color-warning: #f59e0b;--color-cyan: #06b6d4;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-premium: 0 12px 40px -12px rgba(0, 0, 0, .7);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body:before{content:"";position:fixed;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(245,158,11,.04) 0%,transparent 70%);z-index:-1;pointer-events:none}body:after{content:"";position:fixed;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);z-index:-1;pointer-events:none}.premium-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.premium-card:hover{transform:translateY(-2px);border-color:var(--border-color-glow);box-shadow:0 20px 40px -15px #f59e0b1a}.premium-card-purple:hover{border-color:var(--border-color-purple);box-shadow:0 20px 40px -15px #8b5cf61a}.input-field{width:100%;padding:.75rem 1rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.input-field::placeholder{color:var(--text-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;font-family:inherit;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#d97706 100%);color:#000;font-weight:600}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,#7c3aed 100%);color:#fff;font-weight:600}.btn-secondary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.btn-outline{background:#ffffff08;border-color:var(--border-color);color:var(--text-main)}.btn-outline:hover{background:#ffffff14;border-color:var(--text-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444440}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:10}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.sidebar-brand{font-weight:700;font-size:1.25rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{list-style:none;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:var(--transition-fast)}.sidebar-item:hover{color:var(--text-main);background-color:#ffffff08}.sidebar-item.active{color:#fff;background:linear-gradient(90deg,var(--color-primary-glow) 0%,transparent 100%);border-left:3px solid var(--color-primary)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.main-content{flex-grow:1;padding:2rem;overflow-y:auto;height:100vh}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.75rem;font-weight:700;letter-spacing:-.025em}.page-subtitle{color:var(--text-muted);font-size:.95rem;margin-top:.25rem}.table-container{overflow-x:auto;margin-top:1rem}.premium-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.premium-table td{padding:1.2rem 1rem;border-bottom:1px solid var(--border-color);font-size:.95rem}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover{background-color:#ffffff03}.premium-table.compact td{padding:.5rem 1rem}.premium-table.compact th{padding:.6rem 1rem}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:9999px;border:1px solid transparent}.badge-primary{background-color:var(--color-primary-glow);color:var(--color-primary);border-color:#f59e0b4d}.badge-secondary{background-color:var(--color-secondary-glow);color:var(--color-secondary);border-color:#8b5cf64d}.badge-success{background-color:var(--color-success-glow);color:var(--color-success);border-color:#10b98133}.badge-danger{background-color:var(--color-danger-glow);color:var(--color-danger);border-color:#ef444433}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:2rem;position:relative}.conflict-card{border:1px solid rgba(239,68,68,.3)!important;background:linear-gradient(135deg,#ef444414,#0f172aa6)!important}.sequence-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.5rem;cursor:grab;transition:var(--transition-fast)}.sequence-item:hover{border-color:var(--text-dim);background:var(--bg-card-hover)}.sequence-item:active{cursor:grabbing}.sequence-item.conflict-border{border-color:var(--color-danger)!important;box-shadow:0 0 8px #ef444433}.intermission-divider{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;background:linear-gradient(90deg,transparent,rgba(139,92,246,.15),transparent);border:1px dashed rgba(139,92,246,.3);border-radius:var(--radius-md);margin:1rem 0;color:var(--color-secondary);font-weight:600;font-size:.9rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto}.sidebar-menu{flex-direction:row;overflow-x:auto;padding:.75rem 1rem}.main-content{height:auto;padding:1rem}.grid-2,.grid-3{grid-template-columns:1fr}}