: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: #0d0e12;--sidebar-border: #1e2027}.dark{--background: #171b22;--foreground: #f0f3f8;--border: #2c3440;--muted: #202631;--muted-foreground: #a6b1c3;--accent: #232a35;--primary-soft: #162b45;--sidebar-bg: #101319;--sidebar-border: #2a303a}.dark .page-canvas{background:#10141a}.dark .topbar{background:#171b22;border-color:var(--border)}.dark .topbar .search-input{background:#202631!important}.dark .topbar .search-input:focus{background:#252d39!important}.dark .kt-input,.dark select.kt-input{color:var(--foreground)}.dark .kt-input::placeholder{color:#7f8ba0}.dark .kt-card{box-shadow:0 1px 3px #0003}.dark .kt-btn-outline{color:var(--foreground)}.dark .kt-table thead tr,.dark .board-column{background:#202631}.dark *::-webkit-scrollbar-thumb{background:#465264}.dark .app-tile{background:#1a1f27;border-color:#303947;box-shadow:0 1px 2px #0000003d}.dark .app-tile:hover{border-color:var(--primary);box-shadow:0 5px 16px #1b84ff29}.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:#ffffffa6;font-size:13px;font-weight:500;transition:background-color .15s ease,color .15s ease}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:var(--primary);color:#fff}.sidebar-item i{font-size:15px}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;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-input[type=date],.kt-input[type=time],select.kt-input{color-scheme:dark;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px 14px!important;padding-right:2.25rem!important}.kt-input[type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E")!important}.kt-input[type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")!important}select.kt-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}.kt-input[type=date]::-webkit-calendar-picker-indicator,.kt-input[type=time]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.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)}.home-app-tile{align-items:flex-start;text-align:left;min-height:176px;padding:1.45rem 1.25rem}.home-app-tile>div:last-child{width:100%}.home-app-tile .tile-icon{margin-bottom:.2rem}.home-app-dashboard .tile-icon{background:#e8f1ff;color:#1b84ff}.home-app-crm .tile-icon{background:#fff0ea;color:#ff6f47}.home-app-projects .tile-icon{background:#e2f6f0;color:#00a779}.home-app-calendar .tile-icon{background:#fff5df;color:#f5a600}.home-app-chat .tile-icon{background:#fdebf3;color:#e67ca6}.home-app-hr .tile-icon{background:#eceafd;color:#6f59d9}.home-app-invoices .tile-icon{background:#e4f5e5;color:#16a34a}.home-app-files .tile-icon{background:#e2f4f8;color:#09b}.home-app-forms .tile-icon{background:#fee9e9;color:#ea5b5b}.home-app-settings .tile-icon{background:#edf0f4;color:#66809f}.home-metric-track{height:4px;border-radius:999px;background:#dcecff}.dark .home-metric-track{background:#18314e}.dark .home-app-dashboard .tile-icon{background:#193b62;color:#61a5ff}.dark .home-app-crm .tile-icon{background:#4a2d22;color:#ff865d}.dark .home-app-projects .tile-icon{background:#123f35;color:#38d9a9}.dark .home-app-calendar .tile-icon{background:#4b3a13;color:#ffc244}.dark .home-app-chat .tile-icon{background:#493344;color:#f494b7}.dark .home-app-hr .tile-icon{background:#24224d;color:#9585ff}.dark .home-app-invoices .tile-icon{background:#0d3d1b;color:#4bd26a}.dark .home-app-files .tile-icon{background:#10475b;color:#39c6e5}.dark .home-app-forms .tile-icon{background:#502c30;color:#f07878}.dark .home-app-settings .tile-icon{background:#27313f;color:#9bb0c9}.board-bg{background:var(--background)}.board-column{background:#f4f3f7}.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)}button[data-crm-loading=true],.kt-btn[data-crm-loading=true]{position:relative;pointer-events:none;opacity:.78}button[data-crm-loading=true]:before,.kt-btn[data-crm-loading=true]:before{content:"";width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:9999px;display:inline-block;margin-inline-end:.45rem;animation:crm-spin .7s linear infinite;vertical-align:-.12em}.kt-btn-icon[data-crm-loading=true]:before{margin-inline-end:0}button[data-crm-loading=true]>i:first-child,.kt-btn[data-crm-loading=true]>i:first-child{display:none}@keyframes crm-spin{to{transform:rotate(360deg)}}
