:root{--zili-bg: #eef1fb;--zili-surface: #ffffff;--zili-ink: #0c1436;--zili-muted: #5b6689;--zili-primary: #3654ff;--zili-primary-hover: #5b71ff;--zili-accent: #00d9ff;--zili-accent-hover: #45e6ff;--zili-violet: #8b5cf6;--zili-border: #dce2f7;--zili-shadow: 0 10px 34px rgba(30, 42, 120, .14);--zili-glow: 0 0 0 1px rgba(54, 84, 255, .08), 0 12px 40px rgba(54, 84, 255, .16)}body{background:radial-gradient(circle at 8% 0%,rgba(0,217,255,.16),transparent 38%),radial-gradient(circle at 100% 8%,rgba(139,92,246,.16),transparent 42%),radial-gradient(circle at 50% 100%,rgba(54,84,255,.12),transparent 45%),var(--zili-bg);background-attachment:fixed;color:var(--zili-ink);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(rgba(54,84,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(54,84,255,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent)}#app{position:relative;z-index:1}.navbar{border-bottom:1px solid var(--zili-border);box-shadow:0 2px 16px #1e2a7812;background:#ffffffb8!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.navbar-brand{font-weight:800;letter-spacing:.2px;background:linear-gradient(120deg,var(--zili-primary),var(--zili-violet) 55%,var(--zili-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:filter .2s ease}.navbar-brand:hover{filter:brightness(1.15)}.card{border:1px solid var(--zili-border);border-radius:16px;background:var(--zili-surface);box-shadow:var(--zili-shadow);transition:transform .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--zili-glow)}.nav-tabs{border-bottom-color:var(--zili-border)}.nav-tabs .nav-link{color:var(--zili-muted);border:1px solid transparent;transition:all .2s ease}.nav-tabs .nav-link:hover{color:var(--zili-primary);border-color:var(--zili-border);background:#3654ff0f}.nav-tabs .nav-link.active{color:var(--zili-primary);border-color:var(--zili-border) var(--zili-border) var(--zili-surface);background:var(--zili-surface);font-weight:600}.btn-outline-primary{--bs-btn-color: var(--zili-primary);--bs-btn-border-color: var(--zili-primary);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--zili-primary);--bs-btn-hover-border-color: var(--zili-primary);--bs-btn-active-bg: var(--zili-primary-hover);--bs-btn-active-border-color: var(--zili-primary-hover);transition:transform .2s ease,box-shadow .2s ease}.btn-outline-success{--bs-btn-color: #0a6b8a;--bs-btn-border-color: var(--zili-accent);--bs-btn-hover-color: #012531;--bs-btn-hover-bg: var(--zili-accent-hover);--bs-btn-hover-border-color: var(--zili-accent-hover);--bs-btn-active-bg: var(--zili-accent);--bs-btn-active-border-color: var(--zili-accent);background:linear-gradient(180deg,#ffffff8c,#ffffff0d);transition:transform .2s ease,box-shadow .2s ease}.btn-outline-primary:hover,.btn-outline-success:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3654ff38}.form-control,.form-select{border-color:var(--zili-border);transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus,.form-select:focus{border-color:#3654ff80;box-shadow:0 0 0 .2rem #3654ff29}.form-check-input:checked{background-color:var(--zili-primary);border-color:var(--zili-primary)}.alert{border-radius:12px}.table>:not(caption)>*>*{border-bottom-color:#e3e7f7}.table tr{transition:background-color .18s ease}.table tr:hover{background-color:#3654ff0a}