:root{--primary: #1B84FF;--primary-hover: #056EE9;--primary-foreground: #ffffff;--primary-soft: #eaf3ff;--radius: .5rem;--background: #ffffff;--foreground: #071437;--border: #dbdfe9;--muted: #f1f1f4;--muted-foreground: #78829d;--accent: #f9f9f9;--ring: #1B84FF;--sidebar-bg: #f9f9f9;--sidebar-border: #e4e6ef}.page-canvas{background:#f9f9f9}.topbar{background:#fff;border-bottom:1px solid var(--border);color:var(--foreground)}.topbar .kt-btn-ghost{color:var(--muted-foreground)}.topbar .kt-btn-ghost:hover{background:var(--muted);color:var(--foreground)}.topbar .search-input{background:var(--muted)!important;border-color:transparent!important;color:var(--foreground)}.topbar .search-input::placeholder{color:var(--muted-foreground)}.topbar .search-input:focus{background:#fff!important;border-color:var(--primary)!important;color:var(--foreground)}.kt-btn-primary{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 1px 2px #1b84ff33!important}.kt-btn-primary:hover:not(:disabled){background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.app-sidebar{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border)}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 8px;border-radius:.5rem;color:var(--muted-foreground);font-size:13px;font-weight:500;transition:background-color .15s ease,color .15s ease}.sidebar-item:hover{background:#fff;color:var(--foreground)}.sidebar-item.active{background:var(--primary-soft);color:var(--primary)}.sidebar-item i{font-size:15px}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);padding:14px 20px 6px}.kt-input,select.kt-input{height:36px!important;padding:0 12px!important;font-size:13px!important;line-height:34px;border:1px solid var(--border)!important;background:var(--background);border-radius:.5rem!important;transition:border-color .15s ease,box-shadow .15s ease}textarea.kt-input{height:auto!important;padding:10px 12px!important;line-height:1.5}select.kt-input{padding-right:28px!important}.kt-input-sm{height:32px!important;font-size:12.5px!important;line-height:30px}.kt-input::placeholder{color:#a3a3af}.kt-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent);outline:none}.kt-input[readonly]{color:var(--color-zinc-500)}.kt-input.ps-9{padding-inline-start:2.25rem!important}.kt-input.ps-8{padding-inline-start:2rem!important}.kt-input.pe-10{padding-inline-end:2.5rem!important}.kt-btn{height:36px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border-radius:.5rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.kt-btn-sm{height:32px;padding:0 12px;font-size:12.5px}.kt-btn-lg{height:44px;padding:0 22px;font-size:14px}.kt-btn-icon{width:36px;padding:0!important;flex:none}.kt-btn-sm.kt-btn-icon{width:32px}.kt-btn-lg.kt-btn-icon{width:44px}.kt-btn:active:not(:disabled){transform:scale(.97)}.kt-btn:disabled{cursor:not-allowed;opacity:.55}.kt-btn-primary,.kt-btn-primary *{color:#fff!important}.kt-btn-primary{background:var(--primary);border:1px solid var(--primary);box-shadow:0 1px 2px #714b674d}.kt-btn-primary:hover:not(:disabled){background:#5d3c54;border-color:#5d3c54;box-shadow:0 2px 6px #714b6759}.kt-btn-destructive,.kt-btn-destructive *{color:#fff!important}.kt-btn-outline{background:var(--background);border:1px solid var(--border)!important;color:var(--color-zinc-700)}.kt-btn-outline:hover:not(:disabled){background:var(--accent);border-color:#c3aebc!important;color:var(--color-zinc-900)}.kt-btn-ghost:hover:not(:disabled){background:var(--accent)}:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}main h1{font-size:1.25rem!important;font-weight:600!important;letter-spacing:-.01em}.kt-card-title{font-size:.875rem!important;font-weight:600!important}.kt-badge{border-radius:999px!important;font-weight:500}.kt-table tbody tr{transition:background-color .15s ease}.kt-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 55%,transparent)}.kt-table th{white-space:nowrap}.bg-primary{background-color:var(--primary)}.bg-primary\/80{background-color:color-mix(in srgb,var(--primary) 80%,transparent)}.bg-primary\/70{background-color:color-mix(in srgb,var(--primary) 70%,transparent)}.bg-primary\/15{background-color:color-mix(in srgb,var(--primary) 15%,transparent)}.bg-primary\/10{background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.bg-primary-soft{background-color:var(--primary-soft)}.text-primary{color:var(--primary)!important}.border-primary{border-color:var(--primary)}.ring-2.ring-primary{box-shadow:0 0 0 2px var(--primary)!important}.kt-card.absolute{animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.kt-skeleton{background:linear-gradient(90deg,#ececf2,#f5f5f8,#ececf2);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 30%,transparent);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input.kt-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:2.25rem;height:1.25rem;border-radius:999px;background:#cfcfd8;border:none;position:relative;cursor:pointer;transition:background .15s ease;flex:none}input.kt-switch:before{content:"";position:absolute;top:2px;left:2px;width:.875rem;height:.875rem;border-radius:999px;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}input.kt-switch:checked{background:var(--primary)}input.kt-switch:checked:before{transform:translate(1rem)}input.kt-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border-radius:4px;border:1.5px solid #b9b9c6;background:#fff;cursor:pointer;flex:none;display:inline-grid;place-content:center}input.kt-checkbox:checked{background:var(--primary);border-color:var(--primary)}input.kt-checkbox:checked:before{content:"";width:.55rem;height:.3rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.kt-card{border:1px solid var(--border);border-radius:.625rem;box-shadow:0 1px 3px #1414280d;background:var(--background)}.kt-card:hover{transform:none}.kt-table td,.kt-table th{font-size:.8125rem}.kt-table thead tr{background:#fafafc}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#c9c4cf;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#a99fac}.app-tile{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);text-align:center;transition:box-shadow .12s ease,border-color .12s ease;box-shadow:0 1px 2px #1414280a}.app-tile:hover{border-color:var(--primary);box-shadow:0 4px 12px #714b6726}.app-tile .tile-icon{width:2.75rem;height:2.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.board-bg{background-image:linear-gradient(#321e3759,#321e3759),url(/assets/media/images/board-bg.png);background-size:cover;background-position:center;background-attachment:fixed}.board-bg .board-header{color:#fff}.board-bg .board-header .text-muted-foreground{color:#ffffffbf}.board-column{background:#f4f3f7eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer-panel{position:fixed;top:0;bottom:0;right:0;z-index:50;width:100%;background:var(--background);border-left:1px solid var(--border);box-shadow:-8px 0 24px #0000001f;display:flex;flex-direction:column}@media(min-width:640px){.drawer-panel{max-width:480px}}.drawer-panel.drawer-lg{max-width:720px}.toast-enter-active,.toast-leave-active{transition:opacity .2s ease,transform .2s ease}.toast-enter-from{opacity:0;transform:translate(24px)}.toast-leave-to{opacity:0;transform:translateY(8px)}
