:root{color-scheme:light;--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--background: #f8fafc;--surface: #ffffff;--text-main: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--sidebar-w: 250px;--sidebar-w-collapsed: 64px;--header-h: 64px;--radius: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{color-scheme:dark;--primary: #818cf8;--primary-hover: #6366f1;--background: #0f172a;--surface: #1e293b;--text-main: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text-main);transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-none{flex:none}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-auto{margin-top:auto}.mr-2{margin-right:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.w-full{width:100%}.w-80{width:20rem}.h-full{height:100%}.h-screen{height:100vh}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.z-10{z-index:10}.z-20{z-index:20}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.hidden{display:none}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.min-w-300{min-width:300px}.max-w-100{max-width:100px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h-content-calc{height:calc(100vh - 7rem)}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-full{grid-column:1 / -1}@media(min-width:640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}}@media(min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-x-8{column-gap:2rem}.gap-y-6{row-gap:1.5rem}.modal-overlay{position:fixed;inset:0;background-color:#020617b3;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .2s ease-out}.modal-content{background-color:var(--surface);border-radius:1rem;width:100%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border);position:relative;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .modal-content{background-color:#060a1814;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);box-shadow:0 0 40px -10px #6366f180,0 0 120px -30px #6366f14d,0 25px 50px -12px #000000b3}.modal-header{background-color:transparent!important;border-bottom:1px solid rgba(255,255,255,.05)!important;padding:1.5rem 2rem}.modal-body{background-color:transparent!important;padding:2rem}.modal-footer{background-color:transparent!important;border-top:1px solid rgba(255,255,255,.05)!important;padding:1.5rem 2rem}.cortex-modal-large{width:90vw;max-width:1200px;height:85vh}.view-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.opacity-10{opacity:.1}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:background-color .2s,border-color .2s,color .2s}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid transparent;outline:none;font-size:.875rem;gap:.5rem}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border-color:var(--border);background:transparent;color:var(--text-main)}.btn-outline:hover{background-color:var(--background);border-color:var(--text-secondary)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}.btn-icon{padding:.5rem;border-radius:8px;background-color:var(--background);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon:hover{background-color:var(--surface);color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px #6366f11a}.btn-icon-danger:hover{background-color:#fee2e2;color:var(--error);border-color:#fca5a5}[data-theme=dark] .btn-icon-danger:hover{background-color:#ef44441a}.input{width:100%;padding:.6rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface);color:var(--text-main);transition:var(--transition)}.input:focus{outline:2px solid var(--primary);border-color:transparent}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-select{width:100%;height:2.75rem;padding:0 1rem;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface);color:var(--text-main);transition:var(--transition);font-size:.875rem}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-main)}.form-input:focus,.form-select:focus{outline:2px solid var(--primary);border-color:transparent;box-shadow:0 0 0 4px #6366f11a}.form-input:disabled,.form-select:disabled{background-color:var(--background);opacity:.7;cursor:not-allowed}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem}.form-control-wrapper{position:relative;width:100%}.form-control-wrapper .form-input,.form-control-wrapper .form-select{padding-left:2.75rem}.form-control-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:10}.form-control-icon+.form-input,.form-control-icon+.form-select,.form-control-icon+.custom-select-trigger{padding-left:2.75rem!important}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;height:2.75rem;padding:0 2.5rem 0 1rem;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface);color:var(--text-main);font-size:.875rem;display:flex;align-items:center;cursor:pointer;transition:var(--transition);position:relative;-webkit-user-select:none;user-select:none}[data-theme=dark] .custom-select-trigger{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.custom-select-trigger.has-icon{padding-left:2.75rem!important}.custom-select-trigger:hover{border-color:#6366f180;background-color:#ffffff0f}.custom-select-trigger:focus,.custom-select-trigger.active{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.custom-select-trigger .arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);transition:transform .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.custom-select-trigger.active .arrow{transform:translateY(-50%) rotate(180deg);color:var(--primary)}.custom-select-trigger .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.custom-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:9999;background-color:#060a18eb;backdrop-filter:blur(60px) saturate(220%);-webkit-backdrop-filter:blur(60px) saturate(220%);border:1px solid rgba(255,255,255,.18);border-radius:1.25rem;box-shadow:0 25px 50px -12px #000c,0 0 30px -5px #6366f14d;overflow-y:auto;max-height:300px;padding:.5rem;animation:selectDropDown .3s cubic-bezier(.16,1,.3,1);transform-origin:top}@keyframes selectDropDown{0%{opacity:0;transform:scaleY(.9) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.custom-select-option{padding:.75rem 1rem;border-radius:.6rem;cursor:pointer;transition:all .2s ease;color:var(--text-main);font-size:.875rem;display:flex;align-items:center;gap:.75rem;margin-bottom:2px}.custom-select-option:last-child{margin-bottom:0}.custom-select-option:hover{background-color:#6366f133;color:#fff;transform:translate(4px)}.custom-select-option.selected{background-color:#6366f166;color:#fff;font-weight:600}.custom-select-option .option-icon{color:var(--text-secondary);opacity:.7;flex-shrink:0}.custom-select-option:hover .option-icon{color:#fff;opacity:1}.datepicker-day{text-align:center;padding:.5rem;font-size:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-main);display:flex;align-items:center;justify-content:center;aspect-ratio:1}.datepicker-day:hover{background-color:#ffffff1a;color:#fff;transform:scale(1.15);z-index:1}.datepicker-day.selected{background-color:var(--primary)!important;color:#fff!important;font-weight:700;box-shadow:0 0 20px #6366f199;border:1px solid rgba(255,255,255,.2);transform:scale(1.05)}.datepicker-day.today{border:1px solid rgba(99,102,241,.5);color:var(--primary);font-weight:700}.datepicker-day.outside{color:var(--text-secondary);opacity:.15}.datepicker-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.4rem;transition:all .2s ease;z-index:10;background-color:transparent;display:flex;align-items:center;justify-content:center}.datepicker-clear-btn:hover{background-color:#ef444426;color:#ef4444}.cortex-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.cortex-switch input{opacity:0;width:0;height:0;position:absolute}.cortex-switch-track{width:44px;height:22px;background-color:#ffffff1a;border-radius:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 4px #0003}.cortex-switch-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;background-color:#94a3b8;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d}.cortex-switch input:checked+.cortex-switch-track{background-color:var(--primary);border-color:#6366f14d;box-shadow:inset 0 2px 4px #0000001a,0 0 15px #6366f14d}.cortex-switch input:checked+.cortex-switch-track .cortex-switch-thumb{transform:translate(22px);background-color:#fff;box-shadow:0 0 10px #fffc}.cortex-switch:hover .cortex-switch-track{border-color:#fff3;background-color:#ffffff26}.cortex-switch input:checked:hover+.cortex-switch-track{background-color:#4f46e5}.custom-select-menu::-webkit-scrollbar{width:5px}.custom-select-menu::-webkit-scrollbar-track{background:transparent}.custom-select-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-select-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{padding-left:2.75rem!important;height:2.75rem}@media(min-width:640px){.search-input-wrapper{max-width:400px}}.card{background-color:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.footer-container{position:fixed;bottom:0;right:0;left:var(--sidebar-w);height:32px;background-color:var(--background);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--transition)}[data-sidebar-collapsed=true] .footer-container{left:var(--sidebar-w-collapsed)}.footer-text{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0}.footer-link{color:var(--primary);font-weight:700;text-decoration:none;transition:var(--transition)}.footer-link:hover{color:var(--primary-hover);text-decoration:underline}.space-y-8>*+*{margin-top:2rem}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:flex{display:flex}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{height:100vh;background-color:var(--surface);border-right:1px solid var(--border);transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:20;position:fixed;top:0;left:0}.sidebar.expanded{width:250px}.sidebar.collapsed{width:70px}.sidebar-header{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border)}.sidebar-brand{font-size:1.25rem;font-weight:700;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;flex:1}.sidebar-logo{height:48px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(99,102,241,.1));animation:fadeIn .4s ease-out;transition:transform .3s ease}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-toggle-btn{padding:.5rem;border-radius:.375rem;color:var(--text-secondary);transition:background-color .2s,color .2s;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background-color:var(--background);color:var(--text-main)}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.5rem;transition:background-color .2s,color .2s;text-decoration:none;color:var(--text-secondary);position:relative}.sidebar-link:hover{background-color:var(--background);color:var(--text-main)}.sidebar-link.active{background-color:#6366f11a;color:var(--primary);font-weight:500}.sidebar-link-icon{flex-shrink:0}.sidebar-link-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.sidebar-footer-content{display:flex;flex-direction:column;gap:.25rem}.sidebar-footer-text{font-size:.7rem;font-weight:500;color:var(--text-secondary);text-align:center}.sidebar-version{font-size:.65rem;font-family:monospace;color:var(--text-secondary);opacity:.6;text-align:center;background-color:var(--background);padding:.2rem .5rem;border-radius:4px;width:fit-content;margin:0 auto}.sidebar-version-collapsed{font-size:.55rem;font-family:monospace;color:var(--text-secondary);opacity:.5;text-align:center;font-weight:700}.sidebar-divider{width:100%;height:1px;background-color:var(--border)}@media(min-width:768px){.sidebar{position:relative}}.sidebar-badge{margin-left:auto;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;line-height:1}.badge-urgent{background-color:var(--error);color:#fff;box-shadow:0 0 10px #ef444466}.badge-neutral{background-color:var(--border);color:var(--text-secondary)}.sidebar-badge-collapsed{position:absolute;top:.5rem;left:1.5rem;width:.625rem;height:.625rem;background-color:var(--error);border:2px solid var(--surface);border-radius:999px;box-shadow:0 0 4px #ef444480;pointer-events:none}.notification-center-container{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background-color:var(--primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);line-height:1}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:-10px;width:340px;max-height:480px;background-color:var(--surface);border-radius:1rem;border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column;overflow:hidden}.notification-header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--surface)}.notification-list{overflow-y:auto;flex:1}.notification-item{padding:1rem 1.25rem;display:flex;gap:1rem;transition:var(--transition);cursor:pointer;position:relative;border-bottom:1px solid var(--border)}.notification-item:hover{background-color:var(--background)}.notification-item.unread{background-color:rgba(var(--primary-rgb, 59, 130, 246),.05)}.notification-item.unread:before{content:"";position:absolute;left:0;top:1rem;bottom:1rem;width:3px;background-color:var(--primary)}.notification-icon-wrapper{margin-top:2px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem;line-height:1.25}.notification-message{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.375rem}.notification-time{font-size:.75rem;color:var(--primary);font-weight:500}.notification-delete{position:absolute;top:1rem;right:.75rem;padding:.25rem;border-radius:4px;color:var(--text-secondary);opacity:0;transition:var(--transition)}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background-color:#ef44441a;color:#ef4444}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}@media(max-width:640px){.notification-dropdown{position:fixed;top:70px;left:10px;right:10px;width:auto;max-height:70vh}}.topbar{height:4rem;background-color:var(--surface);border-bottom:1px solid var(--border);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.topbar-search-container{display:flex;align-items:center;gap:.5rem;background-color:var(--background);padding:.375rem .75rem;border-radius:.5rem;width:16rem;border:1px solid var(--border);transition:border-color .2s,background-color .2s}.topbar-search-container:focus-within{border-color:var(--primary);background-color:var(--surface)}.topbar-search-icon{color:var(--text-secondary)}.topbar-search-input{background:transparent;border:none;outline:none;font-size:.875rem;width:100%;color:var(--text-main)}.topbar-search-input::placeholder{color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:1rem}.topbar-btn{padding:.5rem;color:var(--text-secondary);border-radius:9999px;transition:background-color .2s,color .2s;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.topbar-btn:hover{color:var(--primary);background-color:var(--background)}.topbar-btn-danger:hover{color:var(--error);background-color:#ef44441a}.badge-dot{position:absolute;top:.375rem;right:.375rem;width:.5rem;height:.5rem;background-color:var(--error);border-radius:9999px;border:1px solid var(--surface)}.topbar-profile{display:flex;align-items:center;gap:.75rem;padding-left:.75rem;border-left:1px solid var(--border);margin-left:.5rem}.topbar-profile-info{text-align:right;display:none}.topbar-profile-name{font-size:.875rem;font-weight:500;line-height:1;margin:0}.topbar-profile-role{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;text-transform:capitalize}.topbar-avatar{height:2.25rem;width:2.25rem;background-color:#6366f11a;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700;overflow:hidden;border:1px solid var(--border)}@media(max-width:768px){.topbar-search-container{display:none}}@media(min-width:640px){.topbar-profile-info{display:block}}.login-container{display:grid;min-height:100vh;grid-template-columns:1fr;background-color:var(--background)}.login-left{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:slideInLeft .5s ease-out}.login-content{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:2rem}.login-header{text-align:center}.login-logo-container{display:flex;justify-content:center;margin-bottom:1.5rem;animation:fadeIn .6s ease-out}.login-logo{width:200px;height:auto;max-width:100%;filter:drop-shadow(0 4px 12px rgba(99,102,241,.15));transition:transform .3s ease}.login-logo:hover{transform:scale(1.02)}.login-title{font-size:2.25rem;font-weight:800;margin:0;background:linear-gradient(to right,var(--primary),#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.login-subtitle{font-size:1.5rem;font-weight:600;margin-top:.5rem;margin-bottom:.5rem;color:var(--text-main)}.login-desc{font-size:.875rem;color:var(--text-secondary);margin:0}.login-right{display:none;background-color:#0f172a;color:#fff;position:relative;overflow:hidden;isolation:isolate}.login-panel{flex:1;background:linear-gradient(#6366f1cc,#ec4899cc),url(/assets/login-bg-DzfTtoSw.png);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;padding:3rem;position:relative;overflow:hidden}.login-right-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),#312e81,#0f172a);z-index:-1}.login-blob-1{position:absolute;top:-5rem;right:-5rem;width:24rem;height:24rem;border-radius:50%;background-color:#6366f133;filter:blur(64px)}.login-blob-2{position:absolute;bottom:-5rem;left:-5rem;width:20rem;height:20rem;border-radius:50%;background-color:#ec489933;filter:blur(64px)}.login-right-content{position:relative;z-index:10;max-width:32rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInRight .7s ease-out .2s backwards}.feature-icon-wrapper{padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000040;margin-bottom:2rem}.feature-title{font-size:1.875rem;font-weight:700;margin:0;color:#fff}.feature-desc{font-size:1.125rem;color:#cbd5e1;line-height:1.6}.dots{display:flex;gap:1rem;margin-top:2rem;opacity:.75}.dot{width:.375rem;height:.375rem;border-radius:50%;background-color:#fff}.dot.faded{background-color:#ffffff80}@media(min-width:1024px){.login-container{grid-template-columns:1fr 1fr}.login-left{align-items:center}.login-header{text-align:left}.login-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-btn{height:3rem;font-size:1rem;font-weight:600;margin-top:1rem;background:linear-gradient(135deg,var(--primary),#4f46e5);border:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d;background:linear-gradient(135deg,var(--primary-hover),#4338ca)}.login-btn:active{transform:translateY(0)}.login-toggle-btn{color:var(--primary);font-weight:600;background:transparent;border:none;padding:0;cursor:pointer;transition:var(--transition);text-decoration:none}.login-toggle-btn:hover{color:var(--primary-hover);text-decoration:underline;text-underline-offset:4px}.registration-success{background-color:#22c55e14;border:1px solid rgba(34,197,94,.2);padding:1.5rem;border-radius:var(--radius);color:#15803d;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275)}[data-theme=dark] .registration-success{background-color:#22c55e0d;color:#4ade80;border-color:#22c55e33}.registration-success-icon{width:48px;height:48px;background-color:#fff;color:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #22c55e33}[data-theme=dark] .registration-success-icon{background-color:var(--success);color:#fff;box-shadow:0 8px 20px #0000004d}.registration-success-content h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.registration-success-content p{margin:0;font-size:.875rem;line-height:1.5;opacity:.9}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.registration-warning{background-color:#f59e0b14;border:1px solid rgba(245,158,11,.2);padding:1.5rem;border-radius:var(--radius);color:#b45309;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275)}[data-theme=dark] .registration-warning{background-color:#f59e0b0d;color:#fbbf24;border-color:#f59e0b33}.registration-warning-icon{width:48px;height:48px;background-color:#fff;color:var(--warning);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #f59e0b33}[data-theme=dark] .registration-warning-icon{background-color:var(--warning);color:#fff;box-shadow:0 8px 20px #0000004d}.dashboard-grid{display:grid;gap:1.5rem}.stats-card{transition:var(--transition)}.stats-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.dashboard-list{display:flex;flex-direction:column}.dashboard-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);transition:var(--transition)}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-item:hover{background-color:var(--background)}.activity-feed{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0}.activity-item{display:flex;gap:1rem;position:relative}.activity-item:not(:last-child):after{content:"";position:absolute;left:11px;top:24px;bottom:-20px;width:1px;background-color:var(--border)}.activity-dot{width:24px;height:24px;border-radius:50%;background-color:var(--background);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:10;flex-shrink:0}.activity-content{flex:1}.activity-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.activity-title{font-size:.875rem;font-weight:600;color:var(--text-main)}.activity-time{font-size:.75rem;color:var(--text-secondary)}.activity-desc{font-size:.875rem;color:var(--text-secondary)}.chart-container{width:100%;height:250px;margin-top:1rem;-webkit-user-select:none;user-select:none}.chart-container .recharts-cartesian-grid-horizontal line{stroke:var(--border);stroke-opacity:.5}.chart-container .recharts-bar-rectangle{transition:opacity .3s ease}.chart-container .recharts-bar-rectangle:hover{opacity:.8}.badge-status{padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase}.btn-refresh{border-color:var(--border);background-color:var(--surface);color:var(--text-secondary)}.btn-refresh:hover{background-color:var(--background);color:var(--primary);border-color:var(--primary)}.dashboard-action-btn{padding:.5rem;border-radius:8px;background-color:var(--background);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition)}.dashboard-action-btn:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 10px #6366f133}.ticket-card{background-color:var(--surface);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden}.ticket-card:hover{box-shadow:var(--shadow);border-color:var(--primary)}.ticket-status-open{border-left:4px solid #3b82f6}.ticket-status-progress{border-left:4px solid #a855f7}.ticket-status-paused{border-left:4px solid #f59e0b}.ticket-status-resolved{border-left:4px solid #22c55e}.ticket-status-closed{border-left:4px solid #64748b}.ticket-priority{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.ticket-priority-low{background-color:#dcfce7;color:#15803d}.ticket-priority-medium{background-color:#dbeafe;color:#1d4ed8}.ticket-priority-high{background-color:#ffedd5;color:#c2410c}.ticket-priority-urgent{background-color:#fee2e2;color:#b91c1c}[data-theme=dark] .ticket-priority-low{background-color:#15803d33;color:#4ade80}[data-theme=dark] .ticket-priority-medium{background-color:#1d4ed833;color:#60a5fa}[data-theme=dark] .ticket-priority-high{background-color:#c2410c33;color:#fb923c}[data-theme=dark] .ticket-priority-urgent{background-color:#b91c1c33;color:#f87171}.dot-open{background-color:#3b82f6}.dot-progress{background-color:#a855f7}.dot-paused{background-color:#f59e0b}.dot-resolved{background-color:#22c55e}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-main)}.form-select{width:100%;padding:.6rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface);color:var(--text-main);transition:var(--transition);outline:none}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.form-textarea{width:100%;padding:.6rem 1rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.05);background-color:#ffffff08;color:var(--text-main);transition:var(--transition);outline:none;min-height:100px;resize:vertical}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.view-toggle-container{display:flex;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:.25rem;box-shadow:none}.view-toggle-btn{padding:.5rem;border-radius:calc(var(--radius) - .25rem);color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer}.view-toggle-btn:hover{color:var(--text-main);background-color:var(--background)}.view-toggle-btn.active{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}[data-theme=dark] .view-toggle-btn.active{background-color:var(--primary);box-shadow:0 0 10px #6366f14d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);margin-top:1rem}.empty-state-img{width:180px;height:180px;margin-bottom:2rem;opacity:.8;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}[data-theme=dark] .empty-state-img{filter:drop-shadow(0(10px 15px rgba(0,0,0,.4)))}.ticket-details-layout{display:grid;grid-template-columns:1fr 320px;max-width:1300px!important;width:95vw!important;height:90vh!important}@media(max-width:768px){.ticket-details-layout{grid-template-columns:1fr}}.ticket-main-content{padding:1.5rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2rem;max-height:calc(90vh - 120px);overflow-y:auto}.ticket-sidebar{padding:1.5rem;background-color:transparent!important;display:flex;flex-direction:column;gap:1.5rem;border-left:1px solid rgba(255,255,255,.05);overflow-y:auto}[data-theme=dark] .ticket-sidebar{background-color:transparent!important}.ticket-description-box{background-color:#ffffff08;padding:1rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.05)}.interactions-title{font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.ticket-timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-event{display:flex;gap:1rem;position:relative}.timeline-event:not(:last-child):after{content:"";position:absolute;left:17px;top:36px;bottom:-24px;width:2px;background-color:var(--border)}.event-actor-img{width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;z-index:10;flex-shrink:0}.event-content{flex:1}.event-meta{display:flex;justify-content:space-between;margin-bottom:.25rem}.event-actor-name{font-weight:600;font-size:.875rem}.event-time{font-size:.75rem;color:var(--text-secondary)}.event-bubble{background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.75rem 1rem;border-radius:0 1rem 1rem;font-size:.9375rem;line-height:1.5;box-shadow:none;position:relative}.event-bubble.internal{background-color:#f59e0b0d;border:1px dashed rgba(245,158,11,.4)}.internal-badge{position:absolute;top:-10px;right:15px;background-color:var(--warning);color:#fff;font-size:.625rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.event-status-change{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);font-style:italic;padding:.5rem 0}.update-box{border-top:1px solid rgba(255,255,255,.05);padding:1.5rem;background-color:transparent}.update-input-wrapper{display:flex;flex-direction:column;gap:1rem}.update-buttons{display:flex;justify-content:flex-end;gap:.75rem}.kanban-board{display:flex;flex-direction:column;width:fit-content;min-width:100%}.kanban-header-row{display:flex;gap:1rem;position:sticky;top:-1.5rem;z-index:40;background-color:var(--background);border-bottom:2px solid var(--border);padding:.5rem 0;margin-bottom:1.5rem}.kanban-header-item{min-width:300px;width:20rem;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem}.kanban-columns-container{display:flex;gap:1rem;align-items:flex-start;padding-bottom:2rem}.kanban-column{min-width:300px;width:20rem;display:flex;flex-direction:column}.kanban-cards-container{display:flex;flex-direction:column;gap:.625rem;padding:0 .5rem}[data-theme=dark] .kanban-header{background-color:var(--background);box-shadow:0 4px 10px -4px #00000080}.kanban-column-label{font-size:.75rem;font-weight:800;color:var(--text-main);letter-spacing:.1em;text-transform:uppercase}.kanban-count-badge{background-color:var(--background);color:var(--text-secondary);font-size:.7rem;font-weight:800;padding:.2rem .6rem;border-radius:6px;border:1px solid var(--border);box-shadow:inset 0 1px 2px #0000000d}.kanban-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.dot-open{box-shadow:0 0 10px #3b82f666}.dot-progress{box-shadow:0 0 10px #a855f766}.dot-paused{box-shadow:0 0 10px #f59e0b66}.dot-resolved{box-shadow:0 0 10px #22c55e66}.ticket-list-container{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:2rem}.ticket-list-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.ticket-list-header{background-color:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.ticket-list-header th{padding:1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.ticket-list-row{border-bottom:1px solid var(--border);transition:var(--transition);cursor:pointer}.ticket-list-row:hover{background-color:var(--background)}.ticket-list-row td{padding:1rem;vertical-align:middle}.ticket-list-code{font-family:monospace;font-weight:600;color:var(--text-secondary);width:80px}.ticket-list-title{font-weight:600;color:var(--text-main);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-list-client{display:flex;flex-direction:column}.ticket-list-branch{font-size:.75rem;color:var(--text-secondary)}.ticket-list-badges{display:flex;gap:.5rem}[data-theme=dark] .ticket-list-header{background-color:#1e293b80}.inventory-table-container{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-top:1.5rem;position:relative}.inventory-table{width:100%;border-collapse:collapse;text-align:left}.inventory-table th{background-color:var(--background);padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border)}.inventory-table td{padding:1rem;font-size:.875rem;border-bottom:1px solid var(--border);color:var(--text-main)}.inventory-table tr:last-child td{border-bottom:none}.inventory-table tr{cursor:pointer;transition:var(--transition)}.inventory-table tr:hover td{background-color:var(--background)}.status-badge{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-in-use{background-color:#dcfce7;color:#15803d}.status-maintenance{background-color:#fef9c3;color:#854d0e}.status-stock{background-color:#dbeafe;color:#1d4ed8}.status-disposed{background-color:#f1f5f9;color:#475569}[data-theme=dark] .status-in-use{background-color:#15803d33;color:#4ade80}[data-theme=dark] .status-maintenance{background-color:#854d0e33;color:#facc15}[data-theme=dark] .status-stock{background-color:#1d4ed833;color:#60a5fa}[data-theme=dark] .status-disposed{background-color:#47556933;color:#94a3b8}.actions-container{position:relative;display:flex;justify-content:flex-end}.action-trigger{padding:.5rem;border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;cursor:pointer}.action-trigger:hover,.action-trigger.active{background-color:var(--surface);border-color:var(--border);color:var(--primary);box-shadow:var(--shadow-sm)}.actions-menu{position:fixed;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;min-width:160px;overflow:hidden;animation:menuFadeIn .2s ease-out;transform-origin:top right}.action-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;color:var(--text-main);background:transparent;border:none;cursor:pointer;transition:var(--transition);text-align:left}.action-item:hover{background-color:var(--background)}.action-item svg{color:var(--text-secondary)}.action-item:hover svg{color:var(--primary)}.action-item.delete{color:var(--error)}.action-item.delete svg{color:var(--error)}.action-item.delete:hover{background-color:#ef44440d}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-container{position:relative}.filter-panel{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xl);z-index:100;width:280px;padding:1.25rem;animation:menuFadeIn .2s ease-out}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.filter-header h4{font-size:.875rem;font-weight:700;margin:0}.filter-clear-btn{font-size:.75rem;color:var(--primary);background:transparent;border:none;cursor:pointer;font-weight:600}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-group-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.75rem;display:block}.filter-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.filter-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:var(--transition)}.filter-checkbox-label:hover{background-color:var(--background)}.filter-checkbox{width:1rem;height:1rem;accent-color:var(--primary)}.filter-active-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--primary);color:#fff;border-radius:4px;font-size:.75rem;font-weight:500}.filter-badge-close{cursor:pointer;display:flex}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.view-section{background-color:var(--background);border-radius:var(--radius);padding:1rem;border:1px solid var(--border)}.view-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.view-field{margin-bottom:.75rem}.view-field:last-child{margin-bottom:0}.view-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.view-value{display:block;font-size:.875rem;font-weight:500;color:var(--text-main)}.remote-access-box{background:linear-gradient(135deg,#6366f11a,#ec48991a);border:1px solid rgba(99,102,241,.2);padding:1rem;border-radius:var(--radius)}.view-tag{display:inline-flex;padding:.125rem .5rem;background-color:var(--surface);border:1px solid var(--border);border-radius:4px;font-family:monospace;font-size:.75rem}.branch-modal-content{background-color:var(--surface);border-radius:var(--radius);width:90vw;max-width:1100px;height:85vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;position:relative;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.branch-list-side{width:320px;min-width:320px;display:flex;flex-direction:column;background-color:var(--background)}.branch-form-side{flex:1;display:flex;flex-direction:column;background-color:var(--surface)}.branch-card{transition:all .2s ease}.branch-card:hover{border-color:var(--primary);transform:translate(4px)}.branch-card.active{border-color:var(--primary);background-color:#6366f10d;box-shadow:var(--shadow-sm)}.px-10pct{padding-left:10%!important;padding-right:10%!important}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clients-container{display:flex;flex-direction:column;height:100%}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.clients-filters{background-color:var(--surface);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);display:flex;gap:1rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;overflow-y:auto;padding:.5rem .5rem 2rem;margin:-.5rem}.client-card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;cursor:pointer;transition:var(--transition);position:relative}.client-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start}.client-logo-placeholder{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:0 4px 6px -1px #0000001a}.client-status-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase}.client-info-main h3{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:var(--text-main)}.client-trade-name{font-size:.8125rem;color:var(--text-secondary);display:block}.client-details-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.5rem}.client-detail-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.client-detail-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.client-stats{display:flex;gap:1rem}.stat-item{display:flex;flex-direction:column}.stat-value{font-weight:700;font-size:.875rem;color:var(--text-main)}.stat-label{font-size:.625rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.client-actions{display:flex;gap:.5rem}.users-container{display:flex;flex-direction:column}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.users-filters{display:flex;gap:1rem;margin-bottom:1.5rem;background-color:var(--surface);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.filter-item{flex:1}.filter-item:first-child{flex:2}@media(max-width:768px){.users-filters{flex-direction:column}}.users-table-container{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-table thead{position:sticky;top:-1.51rem;z-index:10;background-color:var(--background)}.users-table th{padding:1rem;background-color:var(--background);color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}.users-table th:first-child{border-top-left-radius:var(--radius)}.users-table th:last-child{border-top-right-radius:var(--radius)}.users-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem;transition:var(--transition)}.user-row{cursor:pointer}.user-row:hover td{background-color:rgba(var(--primary-rgb),.04)}.user-row:hover .user-avatar{transform:scale(1.05);box-shadow:0 0 15px rgba(var(--primary-rgb),.3)}.user-row td:last-child{cursor:default}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:var(--transition)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-main)}.user-email{font-size:.75rem;color:var(--text-secondary)}.role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-admin{background-color:#ef44441a;color:#ef4444}.role-technician{background-color:#a855f71a;color:#a855f7}.role-manager{background-color:#3b82f61a;color:#3b82f6}.role-external{background-color:#64748b1a;color:#64748b}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.status-active{background-color:#dcfce7;color:#15803d}.status-inactive{background-color:#fee2e2;color:#b91c1c}.status-pending{background-color:#fef9c3;color:#854d0e}[data-theme=dark] .status-active{background-color:#15803d33;color:#4ade80}[data-theme=dark] .status-inactive{background-color:#b91c1c33;color:#f87171}[data-theme=dark] .status-pending{background-color:#854d0e33;color:#facc15}.action-buttons{display:flex;gap:.5rem}.btn-status-toggle{background:transparent;border:1px solid var(--border);padding:.4rem;border-radius:6px;color:var(--text-secondary);transition:var(--transition)}.btn-status-toggle:hover{background-color:var(--background);color:var(--primary);border-color:var(--primary)}.settings-container{max-width:800px;margin:0 auto}.settings-section{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow:hidden}.settings-section-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.settings-section-header h2{font-size:1.125rem;font-weight:700;color:var(--text-main)}.settings-section-content{padding:1.5rem}.profile-preview{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-avatar-large{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;box-shadow:0 10px 15px -3px #0000001a}.profile-info-summary h3{font-size:1.25rem;font-weight:700;color:var(--text-main)}.profile-info-summary p{color:var(--text-secondary);font-size:.875rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.settings-grid{grid-template-columns:1fr}}.theme-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.theme-option{border:2px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:var(--background)}.theme-option:hover{border-color:var(--primary);background-color:var(--surface)}.theme-option.active{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.theme-preview{width:100%;height:60px;border-radius:4px;margin-bottom:.5rem}.theme-label{font-weight:600;font-size:.875rem}.status-alert{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:var(--radius);border:1px solid transparent;animation:slideDown .3s ease-out;margin-bottom:1.5rem}.status-alert.success{background-color:#22c55e1a;border-color:#22c55e33;color:#16a34a}[data-theme=dark] .status-alert.success{background-color:#22c55e26;color:#4ade80}.status-alert.error{background-color:#ef44441a;border-color:#ef444433;color:#dc2626}[data-theme=dark] .status-alert.error{background-color:#ef444426;color:#f87171}.status-alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.status-alert-content{font-size:.875rem;font-weight:500;line-height:1.5}.password-toggle-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);padding:.25rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10}.password-toggle-btn:hover{color:var(--primary);background-color:var(--background)}.approvals-container{display:flex;flex-direction:column;height:100%}.approvals-header{margin-bottom:2rem}.approvals-list{display:flex;flex-direction:column;gap:1rem}.approval-card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.approval-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.approval-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;flex-shrink:0}.approval-info{flex:1}.approval-info h3{font-size:1.125rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem}.approval-meta{display:flex;gap:1.5rem;font-size:.875rem;color:var(--text-secondary)}.approval-meta-item{display:flex;align-items:center;gap:.5rem}.approval-actions{display:flex;gap:.75rem}.btn-approve{background-color:var(--success);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius);font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition);cursor:pointer}.btn-approve:hover{filter:brightness(1.1);box-shadow:0 4px 12px #22c55e4d}.btn-reject{background-color:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.6rem 1.25rem;border-radius:var(--radius);font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition);cursor:pointer}.btn-reject:hover{background-color:#ef44440d;border-color:#ef4444}.empty-approvals{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem;background-color:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);text-align:center}.empty-approvals-icon{width:80px;height:80px;border-radius:50%;background-color:rgba(var(--primary-rgb),.1);color:var(--primary);display:flex;align-items:center;justify-content:center}.categories-page{display:flex;flex-direction:column;gap:2rem;padding-bottom:3rem;max-width:1000px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center}.categories-list{display:flex;flex-direction:column;gap:1rem}.category-group{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:var(--transition)}.category-group.expanded{box-shadow:var(--shadow);border-color:var(--primary)}.category-header-row{display:flex;align-items:center;padding:1rem;gap:1rem;cursor:pointer;transition:var(--transition)}.category-header-row:hover{background-color:var(--background)}.expand-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.expand-btn:hover{color:var(--primary)}.cat-icon-wrapper{width:40px;height:40px;background-color:var(--background);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);border:1px solid var(--border)}.cat-info{flex:1}.cat-info h3{margin:0;font-size:1rem;font-weight:700}.cat-actions{display:flex;gap:.5rem}.subcategories-container{padding:.5rem 1rem 1.5rem 4rem;display:flex;flex-direction:column;gap:.5rem;background-color:var(--background);border-top:1px solid var(--border);animation:slideDown .2s ease-out}.subcategory-row{display:flex;align-items:center;padding:.75rem 1rem;background-color:var(--surface);border-radius:8px;border:1px solid var(--border);gap:1rem;transition:var(--transition);cursor:pointer}.subcategory-row:hover{border-color:var(--primary-hover);transform:translate(4px)}.sub-tag-icon{color:var(--text-secondary);opacity:.5}.sub-name{flex:1;font-size:.875rem;font-weight:500}.sub-actions{display:flex;gap:.25rem;opacity:0;transition:var(--transition)}.subcategory-row:hover .sub-actions{opacity:1}.no-subs{font-size:.875rem;color:var(--text-secondary);font-style:italic;padding:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .category-group{background-color:var(--surface)}[data-theme=dark] .subcategories-container{background-color:#0003}.pending-access-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background);padding:1.5rem;position:relative;overflow:hidden}.pending-access-card{width:100%;max-width:480px;background-color:var(--surface);border-radius:calc(var(--radius) * 1.5);border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000026;padding:2.5rem;z-index:10;position:relative}.pending-access-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,var(--primary),#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-badge.pending{background-color:#f59e0b1a;color:#d97706}.status-badge.inactive{background-color:#ef44441a;color:#dc2626}.icon-main-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.icon-main{width:96px;height:96px;border-radius:2rem;display:flex;align-items:center;justify-content:center;position:relative}.icon-main.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.icon-main.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.pending-title{text-align:center;font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-main)}.pending-message{text-align:center;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:2.5rem}.steps-guide{background-color:var(--background);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.25rem}.step-item{display:flex;gap:1rem;align-items:center}.step-number{width:24px;height:24px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.step-text{font-size:.875rem;color:var(--text-main);margin:0}.info-box{display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--border)}.info-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.info-item strong{color:var(--text-main)}.pending-access-footer{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.btn-logout{width:100%;height:3rem;display:flex;align-items:center;justify-content:center;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-main);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-logout:hover{background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.contact-link{font-size:.75rem;color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:var(--transition)}.contact-link:hover{color:var(--primary);text-decoration:underline}.decorative-shapes .shape{position:absolute;border-radius:50%;filter:blur(80px);z-index:1}.shape-1{width:300px;height:300px;background-color:#6366f11a;top:-100px;right:-100px}.shape-2{width:400px;height:400px;background-color:#ec48991a;bottom:-150px;left:-150px}[data-theme=dark] .icon-main.pending{background:#f59e0b33}[data-theme=dark] .icon-main.inactive{background:#ef444433}