*,*:before,*:after{box-sizing:border-box}:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-color: #0f172a;--bg-main: #0f172a;--bg-card: #13203a;--surface: #1e293b;--surface-border: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--success: #10b981;--secondary: #8b5cf6}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(16,185,129,.1),transparent 40%);background-attachment:fixed;min-height:100vh}.glass-card{background:#1e293b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d}.page-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444433}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--surface-border)}.btn-secondary:hover{background:#ffffff1a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem;font-weight:500}.form-control{width:100%;padding:.8rem 1rem;background:#0f172a99;border:1px solid var(--surface-border);border-radius:12px;color:var(--text-main);font-size:1rem;transition:all .3s;box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--surface-border)}th{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}tr{transition:background-color .2s}tr:hover{background-color:#ffffff05}.actions-cell{text-align:right;white-space:nowrap;width:1%}.actions-column{text-align:right!important}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff08;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--surface-border);cursor:pointer;font-size:1.1rem;margin-left:.8rem;vertical-align:middle}.btn-icon:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-icon:first-child{margin-left:0}.btn-icon:hover{transform:translateY(-2px);background:#ffffff14;color:#fff}.btn-icon.edit:hover{color:var(--primary);border-color:var(--primary);background:#6366f11a;box-shadow:0 4px 12px #6366f133}.btn-icon.delete:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a;box-shadow:0 4px 12px #ef444433}.btn-icon.view:hover{color:var(--success);border-color:var(--success);background:#10b9811a;box-shadow:0 4px 12px #10b98133}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{padding:.8rem 1.2rem;background:#0f172a99;border:1px solid var(--surface-border);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s}.custom-select-trigger:hover,.custom-select-trigger.active{border-color:var(--primary);background:#0f172acc}.selected-icon-display{display:flex;align-items:center;gap:12px}.selected-icon-display i{font-size:1.2rem;color:var(--primary)}.selected-icon-placeholder{color:var(--text-muted)}.custom-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#1e293b;border:1px solid var(--surface-border);border-radius:15px;box-shadow:0 10px 40px #00000080;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-box{padding:12px;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;gap:10px;background:#0003}.search-box i{color:var(--text-muted);font-size:.9rem}.search-box input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:.9rem}.options-list{max-height:250px;overflow-y:auto;padding:8px}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:10px}.option-item{display:flex;align-items:center;gap:15px;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-muted)}.option-item:hover{background:#ffffff0d;color:#fff}.option-item.selected{background:#6366f11a;color:var(--primary)}.option-item i{width:20px;text-align:center;font-size:1.1rem}.no-results{padding:20px;text-align:center;color:var(--text-muted);font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal-surface{background:#1e293bcc;border:1px solid var(--surface-border);border-radius:20px;width:400px;max-width:90%;padding:2.5rem;box-shadow:0 20px 50px #00000080;text-align:center;transform:scale(.9);animation:modalIn .3s forwards cubic-bezier(.34,1.56,.64,1)}.modal-surface.error{border-top:5px solid var(--danger)}.modal-surface.success{border-top:5px solid var(--success)}.modal-surface.warning{border-top:5px solid #eab308}.modal-icon{font-size:3.5rem;margin-bottom:1.5rem}.error .modal-icon{color:var(--danger)}.success .modal-icon{color:var(--success)}.warning .modal-icon{color:#eab308}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.modal-body p{color:var(--text-muted);line-height:1.6}.modal-footer{margin-top:2rem}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{to{transform:scale(1)}}