*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.cp-page{background-image:linear-gradient(#0000000f 1px,#0000 0),linear-gradient(90deg,#0000000f 1px,#0000 0);background-position:0 0;background-size:24px 24px}.cp-page-grid-spotlight{background-image:radial-gradient(circle 560px at 50% 50%,#ffffff14 0,#0000 55%);background-image:radial-gradient(circle 560px at var(--mouse-x,50%) var(--mouse-y,50%),#ffffff14 0,#0000 55%);inset:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--green-100:#dcfce7;--green-800:#166534;--yellow-100:#fef3c7;--yellow-800:#92400e;--red-100:#fee2e2;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--blue-100:#dbeafe;--blue-800:#1e40af}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-12{padding:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-3{grid-column:span 3/span 3}.col-span-9{grid-column:span 9/span 9}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-gray-400{color:#9ca3af;color:var(--gray-400)}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-700{color:#374151;color:var(--gray-700)}.text-gray-900{color:#111827;color:var(--gray-900)}.text-white{color:#fff}.text-red-600{color:#dc2626;color:var(--red-600)}.text-green-600{color:#16a34a}.text-yellow-600{color:#ca8a04}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.bg-gray-200{background-color:#e5e7eb;background-color:var(--gray-200)}.bg-gray-800{background-color:#1f2937;background-color:var(--gray-800)}.bg-gray-900{background-color:#111827;background-color:var(--gray-900)}.bg-primary-50{background-color:#f0f9ff;background-color:var(--primary-50)}.bg-primary-600{background-color:#0284c7;background-color:var(--primary-600)}.bg-primary-700{background-color:#0369a1;background-color:var(--primary-700)}.bg-red-50{background-color:#fef2f2}.bg-red-600{background-color:#dc2626;background-color:var(--red-600)}.bg-red-700{background-color:#b91c1c;background-color:var(--red-700)}.bg-green-100{background-color:#dcfce7;background-color:var(--green-100)}.bg-yellow-100{background-color:#fef3c7;background-color:var(--yellow-100)}.bg-blue-100{background-color:#dbeafe;background-color:var(--blue-100)}.bg-red-100{background-color:#fee2e2;background-color:var(--red-100)}.border{border-style:solid;border-width:1px}.border-2{border-style:solid;border-width:2px}.border-l-4{border-left-style:solid;border-left-width:4px}.border-gray-200{border-color:#e5e7eb;border-color:var(--gray-200)}.border-gray-300{border-color:#d1d5db;border-color:var(--gray-300)}.border-gray-800{border-color:#1f2937;border-color:var(--gray-800)}.border-primary-600{border-color:#0284c7;border-color:var(--primary-600)}.border-red-500{border-color:#ef4444}.border-transparent{border-color:#0000}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 2px 0 #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;outline:none;transition:background-color .2s,border-color .2s,color .2s}.btn:focus{box-shadow:0 0 0 2px #0284c780;outline:2px solid #0000;outline-offset:2px}.btn-primary{background-color:#0284c7;background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:#0369a1;background-color:var(--primary-700)}.btn-secondary{background-color:#e5e7eb;background-color:var(--gray-200);color:#111827;color:var(--gray-900)}.btn-secondary:hover{background-color:#d1d5db;background-color:var(--gray-300)}.btn-danger{background-color:#dc2626;background-color:var(--red-600);color:#fff}.btn-danger:hover{background-color:#b91c1c;background-color:var(--red-700)}.btn-outline{background-color:initial;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover{background-color:#f9fafb;background-color:var(--gray-50)}.btn-sm{font-size:.875rem;padding:.375rem .75rem}.btn-md{font-size:1rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:.75rem 1.5rem}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-full,.input{width:100%}.input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#0000;box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500);outline:none}.input-error{border-color:var(--red-500)}.input-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.input-error-text{color:#dc2626;color:var(--red-600);font-size:.875rem;margin-top:.25rem}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .625rem}.badge-success{background-color:#dcfce7;background-color:var(--green-100);color:#166534;color:var(--green-800)}.badge-warning{background-color:#fef3c7;background-color:var(--yellow-100);color:#92400e;color:var(--yellow-800)}.badge-danger{background-color:#fee2e2;background-color:var(--red-100);color:#991b1b;color:var(--red-800)}.badge-info{background-color:#dbeafe;background-color:var(--blue-100);color:#1e40af;color:var(--blue-800)}.badge-default{background-color:#f3f4f6;background-color:var(--gray-100);color:#1f2937;color:var(--gray-800)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background-color:#f9fafb;background-color:var(--gray-50)}.table th{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase}.table tbody{background-color:#fff}.table tbody tr{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200)}.table tbody tr:hover{background-color:#f9fafb;background-color:var(--gray-50)}.table td{color:#111827;color:var(--gray-900);font-size:.875rem;padding:1rem 1.5rem;white-space:nowrap}.table-row-clickable{cursor:pointer}.modal-overlay{inset:0;overflow-y:auto;position:fixed;z-index:50}.modal-backdrop{background-color:#6b7280bf;inset:0;position:fixed;transition:opacity .2s}.modal-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;position:relative;text-align:center}.modal-dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:inline-block;max-width:32rem;overflow:hidden;position:relative;text-align:left;transform:translateY(0);transition:all .2s;width:100%}.modal-header{background-color:#fff;padding:1.25rem 1.5rem}.modal-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:500;margin:0}.modal-close{background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:1rem}.modal-close:hover{color:#6b7280;color:var(--gray-500)}.modal-body{padding:.5rem 1.5rem 1rem}.modal-footer{background-color:#f9fafb;background-color:var(--gray-50);display:flex;flex-direction:row-reverse;gap:.5rem;padding:.75rem 1.5rem}.sidebar{background-color:#111827;background-color:var(--gray-900);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;max-width:85vw;position:fixed;top:0;transition:transform .25s ease-out;width:16rem;z-index:50}.sidebar-header{background-color:#1f2937;background-color:var(--gray-800);display:flex;flex-shrink:0;height:4rem;padding:0 1rem;position:relative}.sidebar-close,.sidebar-header{align-items:center;justify-content:center}.sidebar-close{background:none;border:none;border-radius:.375rem;color:#d1d5db;color:var(--gray-300);cursor:pointer;display:none;height:2.5rem;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .15s ease,background-color .15s ease;width:2.5rem}.sidebar-close:hover{background-color:#374151;background-color:var(--gray-700);color:#fff}.sidebar-close:focus{box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500);outline:none}.sidebar-title{font-size:1.25rem;font-weight:700}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem}.sidebar-link{align-items:center;border-radius:.5rem;color:#d1d5db;color:var(--gray-300);display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s,color .2s}.sidebar-link:hover{background-color:#1f2937;background-color:var(--gray-800);color:#fff}.sidebar-link-active{background-color:#0284c7;background-color:var(--primary-600);color:#fff}.sidebar-link-icon{height:1.25rem;margin-right:.75rem;width:1.25rem}.sidebar-footer{border-top:1px solid #1f2937;border-top:1px solid var(--gray-800);padding:1rem}.sidebar-user,.sidebar-user-avatar{align-items:center;display:flex}.sidebar-user-avatar{background-color:#0284c7;background-color:var(--primary-600);border-radius:9999px;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.sidebar-user-info{margin-left:.75rem}.sidebar-user-name{color:#fff;font-size:.875rem;font-weight:500}.sidebar-user-email{color:#9ca3af;color:var(--gray-400);font-size:.75rem}.sidebar-user-profile{display:flex;flex-direction:column;gap:.75rem}.sidebar-user-profile-header{align-items:center;display:flex}.sidebar-user-profile .sidebar-user-info{min-width:0}.sidebar-user-id{color:#6b7280;color:var(--gray-500);font-size:.6875rem;margin-top:.25rem;word-break:break-all}.sidebar-user-logout{align-items:center;background-color:#1f2937;background-color:var(--gray-800);border:1px solid #374151;border:1px solid var(--gray-700);border-radius:.375rem;color:#d1d5db;color:var(--gray-300);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem .75rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:100%}.sidebar-user-logout:hover{background-color:#374151;background-color:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff}.sidebar-user-logout:focus{box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500);outline:none}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.header-hamburger{align-items:center;background:none;border:none;border-radius:.375rem;color:#374151;color:var(--gray-700);cursor:pointer;display:none;flex-shrink:0;height:2.75rem;justify-content:center;padding:0;transition:color .15s ease,background-color .15s ease;width:2.75rem}.header-hamburger:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#111827;color:var(--gray-900)}.header-hamburger:focus{box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500);outline:none}.header-hamburger:active{background-color:#e5e7eb;background-color:var(--gray-200)}@media (max-width:1024px){.header-hamburger{-webkit-tap-highlight-color:transparent;min-height:2.75rem;min-width:2.75rem}}.header-hamburger-icon{height:1.5rem;width:1.5rem}.header-title-wrap{flex:1 1;min-width:0}.header-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0}.header-subtitle{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.header-icon-btn{align-items:center;background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.header-icon-btn:hover{color:#6b7280;color:var(--gray-500)}.header-logout-label{font-weight:500}.header-theme-toggle{align-items:center;display:flex;gap:.5rem}.header-theme-toggle .theme-switch.toggle-switch{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:inline-flex;gap:.5rem}.header-theme-toggle .theme-switch-label{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:500}.header-theme-toggle .theme-switch-slider{flex-shrink:0}.header-theme-toggle .theme-switch:focus-within .theme-switch-slider{box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500)}.app-layout{background-color:#f9fafb;background-color:var(--gray-50);background-image:linear-gradient(#0000000f 1px,#0000 0),linear-gradient(90deg,#0000000f 1px,#0000 0);background-position:0 0;background-size:24px 24px;display:flex;height:100vh}.sidebar-overlay{background-color:#00000080;display:none;inset:0;position:fixed;transition:opacity .25s ease-out;z-index:40}.app-main{display:flex;flex:1 1;flex-direction:column;margin-left:16rem;overflow:hidden;position:relative;z-index:1}@media (max-width:1024px){.header-hamburger{display:flex}.sidebar-overlay{display:block;opacity:0;pointer-events:none}.sidebar-overlay-visible{display:block;opacity:1;pointer-events:auto}.sidebar{transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-close{display:flex}.app-main{margin-left:0}}@media (min-width:1025px){.sidebar-overlay{display:none!important}}.app-content{flex:1 1;overflow-y:auto;padding:1.5rem}.page-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.whitespace-nowrap{white-space:nowrap}.divide-y>*+*{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200)}.divide-gray-200>*+*{border-top-color:#e5e7eb;border-top-color:var(--gray-200)}.hover\:bg-gray-50:hover{background-color:#f9fafb;background-color:var(--gray-50)}.hover\:bg-gray-800:hover{background-color:#1f2937;background-color:var(--gray-800)}.hover\:text-white:hover{color:#fff}.hover\:text-primary-600:hover{color:#0284c7;color:var(--primary-600)}.hover\:text-primary-900:hover{color:#0c4a6e;color:var(--primary-900)}.hover\:text-red-600:hover{color:#dc2626;color:var(--red-600)}.hover\:text-red-900:hover{color:#7f1d1d}.hover\:text-gray-500:hover{color:#6b7280;color:var(--gray-500)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex{display:flex}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;position:relative}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;display:inline-block;height:1.5rem;position:relative;transition:background-color .2s;width:2.75rem}.toggle-slider:before{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:9999px;content:"";height:1.25rem;left:2px;position:absolute;top:2px;transition:transform .2s;width:1.25rem}.toggle-switch input:checked+.toggle-slider{background-color:#0284c7;background-color:var(--primary-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(1.25rem)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 4px #0284c74d}.toggle-label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;margin-left:.75rem}.range-slider{-webkit-appearance:none;appearance:none;background-color:#e5e7eb;background-color:var(--gray-200);border-radius:.5rem;cursor:pointer;height:.5rem;outline:none;width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#0284c7;background-color:var(--primary-600);border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem}.range-slider::-moz-range-thumb{background-color:#0284c7;background-color:var(--primary-600);border:none;border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem}.text-red-800{color:#991b1b}.text-primary-500{color:#0ea5e9;color:var(--primary-500)}.h-4{height:1rem}.w-4{width:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.font-extrabold{font-weight:800}.text-gray-600{color:#4b5563;color:var(--gray-600)}.rounded-md{border-radius:.375rem}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.login-container{align-items:center;background-color:#020617;background-image:radial-gradient(circle at top left,#38bdf82e,#0000 60%),radial-gradient(circle at bottom right,#818cf82e,#0000 60%),radial-gradient(circle at center,#0f172ae6,#020617);color:#e5e5e5;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}.login-card{background:#0f172af5;border:1px solid #94a3b859;border-radius:1rem;box-shadow:0 25px 50px -12px #0f172ae6,0 0 0 1px #0f172acc;max-width:28rem;padding:2.5rem 2.25rem;width:100%}.login-header{margin-top:.5rem}.login-title{color:#f9fafb;font-size:1.875rem;font-weight:800;letter-spacing:.08em;margin-top:0;text-align:center;text-transform:uppercase}.login-subtitle{color:#9ca3af;font-size:.875rem;margin-top:.5rem;text-align:center}.login-form{margin-top:2rem}.login-form-fields{border-radius:.375rem;box-shadow:none}.login-options{align-items:center;display:flex;justify-content:space-between}.login-checkbox{border-color:#d1d5db;border-color:var(--gray-300);border-radius:.25rem;color:#0284c7;color:var(--primary-600);height:1rem;width:1rem}.login-checkbox-label{color:#e5e5e5;display:block;font-size:.875rem;margin-left:.5rem}.login-link{color:#38bdf8;font-weight:500}.login-link:hover{color:#7dd3fc}.error-alert{background-color:#7f1d1dd9;border-radius:.375rem;padding:1rem}.login-card .input{background-color:#020617!important;border-color:#1e293b!important;color:#e5e5e5!important}.login-card .input::placeholder{color:#64748b!important}.login-card .input-label{color:#cbd5f5!important}.empty-state{padding:3rem;text-align:center}.empty-state-icon{color:#9ca3af;color:var(--gray-400);height:3rem;margin:0 auto;width:3rem}.empty-state-title{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500;margin-top:.5rem}.empty-state-description{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-top:.25rem}.page-content{display:flex;flex-direction:column;gap:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.stat-name{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500}.stat-value{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:600;margin-top:.5rem}.stat-change{font-size:.875rem;margin-top:.25rem}.stat-change-positive{color:#16a34a}.stat-change-negative{color:#dc2626;color:var(--red-600)}.stat-icon{color:#0284c7;color:var(--primary-600)}.section-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d}.section-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem}.section-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:500}.activity-item,.section-content{padding:1rem 1.5rem}.activity-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.activity-avatar{align-items:center;background-color:#e0f2fe;background-color:var(--primary-100);border-radius:9999px;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.activity-avatar-text{color:#0284c7;color:var(--primary-600);font-weight:500}.activity-user{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}.activity-action{color:#6b7280;color:var(--gray-500);font-size:.875rem}.quick-actions{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.quick-actions-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:500;margin-bottom:1rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.quick-action-btn{align-items:center;background-color:initial;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem;transition:background-color .2s}.quick-action-btn:hover{background-color:#f9fafb;background-color:var(--gray-50)}.quick-action-btn-text{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500}.flex-shrink-0{flex-shrink:0}.text-primary-600{color:#0284c7;color:var(--primary-600)}.bg-primary-100{background-color:#e0f2fe;background-color:var(--primary-100)}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.select-input{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;padding:.5rem .75rem;width:100%}.select-input:focus{border-color:#0000;box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500);outline:none}.textarea-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.5rem .75rem;resize:vertical;width:100%}.textarea-input:focus{border-color:#0000;box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500);outline:none}.view-toggle{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;display:flex}.view-toggle-btn{background-color:#fff;border:none;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.view-toggle-btn:first-child{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.view-toggle-btn:last-child{border-bottom-right-radius:.5rem;border-left:1px solid #d1d5db;border-left:1px solid var(--gray-300);border-top-right-radius:.5rem}.view-toggle-btn-active{background-color:#0284c7;background-color:var(--primary-600);color:#fff}.view-toggle-btn:hover:not(.view-toggle-btn-active){background-color:#f9fafb;background-color:var(--gray-50)}.category-sidebar{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d}.category-header{align-items:center;display:flex;justify-content:space-between}.category-header,.category-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:.75rem 1rem}.category-item{cursor:pointer}.category-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.category-item-active{background-color:#f0f9ff;background-color:var(--primary-50);border-left:4px solid #0284c7;border-left:4px solid var(--primary-600)}.category-name{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}.category-count{color:#6b7280;color:var(--gray-500);font-size:.75rem}.category-actions{display:flex;gap:.25rem}.category-action-btn{background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;padding:.25rem}.category-action-btn:hover{color:#0284c7;color:var(--primary-600)}.category-action-btn-delete:hover{color:#dc2626;color:var(--red-600)}.button-list-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem}.button-list-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.button-list-header{align-items:center;display:flex;justify-content:space-between}.button-list-name{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:500}.button-list-coords{grid-gap:1rem;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.5rem}.coord-label{color:#6b7280;color:var(--gray-500)}.coord-value{color:#111827;color:var(--gray-900);margin-left:.5rem}.joystick-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d}.joystick-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem}.joystick-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:500}.joystick-description{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-top:.25rem}.joystick-content{padding:1.5rem}.joystick-config{margin-bottom:2rem}.joystick-config:last-child{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-bottom:0;padding-top:1.5rem}.joystick-config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.joystick-config-title{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:500}.joystick-config-desc{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-top:.25rem}.sensitivity-control{margin-top:1rem}.sensitivity-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.cp-main-tight{padding:1rem 1.25rem}@media (min-width:769px){.cp-main-tight{padding:1.25rem 1.5rem}}.cp-joysticks-section{margin-bottom:1rem}.cp-joysticks-section-title{margin:0 0 .5rem}.cp-joysticks-section-desc{margin:0 0 1rem}.cp-joysticks-row{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:center;margin-bottom:1rem}.cp-joystick-card{align-items:center;background-color:#1f2937;background-color:var(--gray-800);border:2px solid #374151;border:2px solid var(--gray-700);border-radius:.5rem;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-width:22rem;min-width:0;padding:1.5rem;text-align:center}.cp-hamburger{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0f;border:1px solid #374151;border:1px solid var(--gray-700);border-radius:.375rem;color:#38bdf8;color:var(--primary-400);cursor:pointer;display:flex;flex-shrink:0;height:2.75rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0;transition:color .15s ease,background-color .15s ease,border-color .15s ease;width:2.75rem}.cp-hamburger:hover{background:#ffffff1a;border-color:#4b5563;border-color:var(--gray-600);color:#7dd3fc;color:var(--primary-300)}.cp-hamburger:focus{box-shadow:0 0 0 2px #0284c780;outline:none}.cp-hamburger-icon{height:1.5rem;width:1.5rem}.cp-header{background-color:#111827;background-color:var(--gray-900);border-bottom:2px solid #0284c7;border-bottom:2px solid var(--primary-600);box-shadow:0 4px 6px -1px #0003;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem;position:relative;z-index:1}.cp-header-inner{width:100%}.cp-header-bar{gap:1rem}.cp-header-bar,.cp-header-brand-stack{display:flex;flex-direction:column;min-width:0}.cp-header-brand-stack{gap:.25rem;padding:.25rem 0}.cp-header-app-name{color:#38bdf8;color:var(--primary-400);font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-header-page-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.cp-header-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.cp-header-error{width:100%}.cp-header-status{background-color:#ffffff0a;border:1px solid #374151;border:1px solid var(--gray-700);border-radius:.375rem;min-width:0;padding:.5rem .75rem}.cp-header-status-row{gap:.75rem}.cp-main{position:relative;z-index:1}.cp-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1a80;border:1px solid #ffffff14;box-shadow:0 4px 24px #0003}.cp-header-refresh{border-radius:.25rem;margin:-.25rem -.5rem;padding:.25rem .5rem}@media (min-width:769px){.cp-header-inner{margin-left:auto;margin-right:auto;max-width:80rem;padding:0 1.5rem}.cp-header-bar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:1.25rem 1.5rem}.cp-header-brand-stack{gap:.35rem;padding:.25rem .5rem .25rem 0}.cp-header-controls{flex:1 1;justify-content:flex-end;min-width:12rem}.cp-main-inner{margin-left:auto;margin-right:auto;max-width:80rem}}@media (max-width:768px){.cp-header{gap:.75rem;padding:.75rem 1rem}.cp-header-app-name{font-size:1.125rem}.cp-header-page-title{font-size:1rem}.cp-header-controls{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.cp-header-controls .cp-device-select,.cp-header-controls .cp-device-select-dropdown{min-width:0;width:100%}}.cp-menu-overlay{background-color:#0009;display:none;inset:0;position:fixed;transition:opacity .25s ease-out;z-index:40}.cp-menu-overlay-visible{display:block;opacity:1;pointer-events:auto}.cp-menu-drawer{background-color:#111827;background-color:var(--gray-900);border-right:1px solid #374151;border-right:1px solid var(--gray-700);bottom:0;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;left:0;max-width:90vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease-out;width:18rem;z-index:50}.cp-menu-drawer-open{transform:translateX(0)}.cp-menu-drawer-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--gray-700);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.cp-menu-drawer-title{color:#fff;font-size:1.125rem;font-weight:700;margin:0}.cp-menu-drawer-close{align-items:center;background:none;border:none;border-radius:.375rem;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;height:2.5rem;justify-content:center;padding:0;transition:color .15s ease,background-color .15s ease;width:2.5rem}.cp-menu-drawer-close:hover{background-color:#374151;background-color:var(--gray-700);color:#fff}.cp-menu-drawer-close:focus{box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500);outline:none}.cp-menu-drawer-body{flex:1 1;overflow-y:auto;padding:1.25rem}.cp-menu-user-profile{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.cp-menu-user-avatar{align-items:center;background-color:#0284c7;background-color:var(--primary-600);border-radius:9999px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:600;height:4rem;justify-content:center;width:4rem}.cp-menu-user-name{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.cp-menu-user-email{color:#9ca3af;color:var(--gray-400);font-size:.875rem;margin:0;word-break:break-all}.cp-menu-user-id{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin:0;word-break:break-all}.cp-menu-nav{border-top:1px solid #374151;border-top:1px solid var(--gray-700);display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem}.cp-menu-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background-color:initial;border:2px solid #0000;border-radius:.5rem;color:#d1d5db;color:var(--gray-300);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:100%}.cp-menu-nav-item:hover{background-color:#1f2937;background-color:var(--gray-800);color:#fff}.cp-menu-nav-item--active{background-color:#0c4a6e;background-color:var(--primary-900);border-color:#0ea5e9;border-color:var(--primary-500);color:#7dd3fc;color:var(--primary-300)}.cp-menu-nav-item--active:hover{background-color:#075985;background-color:var(--primary-800);color:#bae6fd;color:var(--primary-200)}.cp-menu-nav-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.cp-menu-theme-toggle{align-items:center;display:flex;margin-top:.5rem;padding:.75rem 1rem;width:100%}.cp-menu-theme-toggle .theme-switch.toggle-switch{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:inline-flex;gap:.75rem}.theme-switch-label{color:#9ca3af;color:var(--gray-400);font-size:.9375rem;font-weight:500;margin-left:.5rem}.cp-menu-theme-toggle .theme-switch-slider{flex-shrink:0}.cp-menu-theme-toggle .theme-switch:focus-within .theme-switch-slider{box-shadow:0 0 0 2px #0ea5e9;box-shadow:0 0 0 2px var(--primary-500)}.cp-menu-logout{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#0284c7;background-color:var(--primary-600);border:2px solid #0ea5e9;border:2px solid var(--primary-500);border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem 1rem;transition:background-color .15s ease,border-color .15s ease;width:100%}.cp-menu-logout:hover{background-color:#0ea5e9;background-color:var(--primary-500);border-color:#38bdf8;border-color:var(--primary-400)}.cp-menu-logout:focus{box-shadow:0 0 0 2px #0284c780;outline:none}.cp-actions{background-color:#1f2937;background-color:var(--gray-800);border:2px solid #374151;border:2px solid var(--gray-700);border-radius:.5rem;padding:1.5rem 2rem}.cp-actions-title{border-bottom:1px solid #374151;border-bottom:1px solid var(--gray-700);color:#38bdf8;color:var(--primary-400);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.cp-actions-category{margin-bottom:1.5rem}.cp-actions-category:last-child{margin-bottom:0}.cp-actions-category-title{color:#9ca3af;color:var(--gray-400);font-size:.8125rem;font-weight:700;letter-spacing:.08em;margin:0 0 .75rem;padding:0 .25rem;text-transform:uppercase}.cp-actions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}@media (min-width:1024px){.cp-actions-grid{gap:1rem}}.cp-action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#0284c7;background-color:var(--primary-600);border:2px solid #0ea5e9;border:2px solid var(--primary-500);border-radius:.5rem;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;min-height:3.5rem;padding:1rem 1.25rem;transition:background-color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.cp-action-btn:hover{background-color:#0ea5e9;background-color:var(--primary-500);border-color:#38bdf8;border-color:var(--primary-400);box-shadow:0 6px 12px -2px #0284c766,0 3px 6px -2px #00000026}.cp-action-btn:active{background-color:#0369a1;background-color:var(--primary-700);border-color:#0369a1;border-color:var(--primary-700);box-shadow:0 2px 4px -1px #00000040;transform:scale(.97)}.cp-action-btn:focus{box-shadow:0 0 0 3px #0284c780;outline:none}.cp-action-btn:focus:not(:focus-visible){box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.cp-action-btn:focus-visible{box-shadow:0 0 0 3px #0284c780;outline:none}.cp-action-btn:disabled{color:#9ca3af;color:var(--gray-400);cursor:not-allowed;opacity:.7}.cp-action-btn:disabled,.cp-action-btn:disabled:active,.cp-action-btn:disabled:hover{background-color:#4b5563;background-color:var(--gray-600);border-color:#4b5563;border-color:var(--gray-600);box-shadow:none;transform:none}.cp-action-btn-sent{background-color:#059669;background-color:var(--success-600,#059669);border-color:#10b981;border-color:var(--success-500,#10b981);box-shadow:0 0 0 2px #10b98166}.cp-device-select{min-width:11rem}.cp-device-select-label{color:#9ca3af;color:var(--gray-400);display:block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;margin:0 0 .375rem;text-transform:uppercase}.cp-device-select-dropdown{-webkit-appearance:none;appearance:none;background-color:#1f2937;background-color:var(--gray-800);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;border:2px solid #0284c7;border:2px solid var(--primary-600);border-radius:.5rem;color:#fff;cursor:pointer;display:block;font-size:.9375rem;font-weight:600;min-width:11rem;padding:.625rem 2rem .625rem .75rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;width:100%}.cp-device-select-dropdown:hover{background-color:#374151;background-color:var(--gray-700);border-color:#0ea5e9;border-color:var(--primary-500)}.cp-device-select-dropdown:focus{box-shadow:0 0 0 3px #0284c766;outline:none}.cp-device-select-dropdown:disabled{cursor:not-allowed;opacity:.6}.cp-device-select-dropdown:disabled,.cp-device-select-dropdown:disabled:hover{background-color:#1f2937;background-color:var(--gray-800);border-color:#4b5563;border-color:var(--gray-600)}.cp-status-dot{border-radius:50%;box-shadow:0 0 8px currentColor;flex-shrink:0;height:12px;min-height:12px;min-width:12px;width:12px}.cp-status-dot--green{animation:cp-status-pulse 1.5s ease-in-out infinite;background-color:#22c55e;color:#22c55e}.cp-status-dot--red{background-color:#ef4444;color:#ef4444}.cp-status-dot--yellow{animation:cp-status-pulse 1.5s ease-in-out infinite;background-color:#eab308;color:#eab308}@keyframes cp-status-pulse{0%,to{opacity:1}50%{opacity:.6}}.cp-status-label--green{color:#4ade80}.cp-status-label--red{color:#f87171}.cp-status-label--yellow{color:#facc15}.cp-status-row{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.cp-device-select-empty{background-color:#1f2937;background-color:var(--gray-800);border:2px dashed #4b5563;border:2px dashed var(--gray-600);border-radius:.5rem;color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500;padding:.625rem .75rem;text-align:center}[data-theme=dark] .cp-page,html:not([data-theme=light]) .cp-page{background-color:#000;background-image:linear-gradient(#38bdf814 1px,#0000 0),linear-gradient(90deg,#38bdf814 1px,#0000 0);background-position:0 0;background-size:24px 24px;color:#e5e5e5}[data-theme=dark] .cp-header,html:not([data-theme=light]) .cp-header{background-color:#0a0a0a!important;border-bottom-color:#1e3a5f}[data-theme=dark] .cp-header-app-name,html:not([data-theme=light]) .cp-header-app-name{color:#38bdf8}[data-theme=dark] .cp-header-page-title,html:not([data-theme=light]) .cp-header-page-title{color:#fafafa}[data-theme=dark] .cp-actions,[data-theme=dark] .cp-joystick-card,html:not([data-theme=light]) .cp-actions,html:not([data-theme=light]) .cp-joystick-card{background-color:#000!important;border-color:#262626!important}[data-theme=dark] .cp-main .text-gray-400,[data-theme=dark] .cp-main .text-gray-500,html:not([data-theme=light]) .cp-main .text-gray-400,html:not([data-theme=light]) .cp-main .text-gray-500{color:#a3a3a3!important}[data-theme=dark] .cp-main .text-primary-400,html:not([data-theme=light]) .cp-main .text-primary-400{color:#38bdf8!important}[data-theme=dark] .cp-header-controls .cp-device-select-dropdown,[data-theme=dark] .cp-header-status,html:not([data-theme=light]) .cp-header-controls .cp-device-select-dropdown,html:not([data-theme=light]) .cp-header-status{background-color:#171717!important;border-color:#404040!important;color:#e5e5e5}[data-theme=dark] .cp-page section.mt-8.bg-gray-800,html:not([data-theme=light]) .cp-page section.mt-8.bg-gray-800{background-color:#0f0f0f!important;border-color:#262626!important;color:#e5e5e5}[data-theme=dark] .cp-glass,html:not([data-theme=light]) .cp-glass{background:#0f0f0f8c;border-color:#38bdf826;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff0a}[data-theme=dark] .cp-hamburger,html:not([data-theme=light]) .cp-hamburger{background-color:#171717!important;border-color:#404040!important;color:#38bdf8}[data-theme=dark] .cp-menu-drawer,html:not([data-theme=light]) .cp-menu-drawer{background-color:#0a0a0a!important;border-right-color:#262626}[data-theme=dark] .cp-menu-drawer-header,html:not([data-theme=light]) .cp-menu-drawer-header{border-bottom-color:#262626}[data-theme=dark] .cp-menu-nav-item,html:not([data-theme=light]) .cp-menu-nav-item{color:#a3a3a3}[data-theme=dark] .cp-menu-nav-item:hover,html:not([data-theme=light]) .cp-menu-nav-item:hover{background-color:#2563eb40;border-color:#3b82f680;color:#93c5fd}[data-theme=dark] .cp-menu-nav-item--active,html:not([data-theme=light]) .cp-menu-nav-item--active{background-color:#0c4a6e;border-color:#0284c7;color:#7dd3fc}[data-theme=dark] .cp-menu-theme-toggle .theme-switch-label,html:not([data-theme=light]) .cp-menu-theme-toggle .theme-switch-label{color:#a3a3a3}[data-theme=dark] .cp-menu-theme-toggle .toggle-slider,html:not([data-theme=light]) .cp-menu-theme-toggle .toggle-slider{background-color:#404040}[data-theme=dark] .cp-menu-theme-toggle input:checked+.toggle-slider,html:not([data-theme=light]) .cp-menu-theme-toggle input:checked+.toggle-slider{background-color:#3b82f6}[data-theme=dark] .cp-menu-theme-toggle .toggle-slider:before,html:not([data-theme=light]) .cp-menu-theme-toggle .toggle-slider:before{border-color:#525252}[data-theme=dark] .cp-device-select-empty,html:not([data-theme=light]) .cp-device-select-empty{background-color:#171717!important;border-color:#404040;color:#737373}[data-theme=dark] .cp-page-grid-spotlight,html:not([data-theme=light]) .cp-page-grid-spotlight{background-image:radial-gradient(circle 560px at 50% 50%,#38bdf81f 0,#38bdf80d 40%,#0000 65%);background-image:radial-gradient(circle 560px at var(--mouse-x,50%) var(--mouse-y,50%),#38bdf81f 0,#38bdf80d 40%,#0000 65%)}[data-theme=dark] .cp-hamburger:hover,html:not([data-theme=light]) .cp-hamburger:hover{background-color:#2563eb4d!important;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .cp-menu-logout:hover,html:not([data-theme=light]) .cp-menu-logout:hover{background-color:#2563eb;border-color:#3b82f6}[data-theme=dark] .cp-header-controls .cp-device-select-dropdown:hover,html:not([data-theme=light]) .cp-header-controls .cp-device-select-dropdown:hover{background-color:#2563eb33!important;border-color:#3b82f6}[data-theme=dark] .cp-action-btn:hover,html:not([data-theme=light]) .cp-action-btn:hover{background-color:#2563eb;border-color:#3b82f6;box-shadow:0 6px 12px -2px #2563eb80,0 3px 6px -2px #00000026}[data-theme=dark] .cp-header-refresh:hover,html:not([data-theme=light]) .cp-header-refresh:hover{background-color:#2563eb59!important;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .cp-menu-drawer-close:hover,html:not([data-theme=light]) .cp-menu-drawer-close:hover{background-color:#2563eb40;border-color:#3b82f680;color:#93c5fd}[data-theme=dark] .cp-joystick-card:hover,html:not([data-theme=light]) .cp-joystick-card:hover{border-color:#3b82f666;box-shadow:0 0 0 1px #3b82f633}[data-theme=light] .cp-page{background-color:#f3f4f6;background-image:linear-gradient(#4b556314 1px,#0000 0),linear-gradient(90deg,#4b556314 1px,#0000 0),linear-gradient(to bottom right,#f3f4f6,#e5e7eb,#f9fafb);background-position:0 0,0 0,0 0;background-size:24px 24px,24px 24px,100% 100%;color:#111827}[data-theme=light] .cp-header{background:linear-gradient(135deg,#1f2937,#374151 50%,#1f2937);border-bottom:2px solid #111827}[data-theme=light] .cp-header-app-name{color:#f9fafb}[data-theme=light] .cp-header-page-title{color:#e5e7eb}[data-theme=light] .cp-header-checkbox .text-gray-400,[data-theme=light] .cp-header-controls .cp-device-select-hint,[data-theme=light] .cp-header-controls .cp-device-select-label,[data-theme=light] .cp-header-status .text-gray-400{color:#e5e7eb!important}[data-theme=light] .cp-hamburger,[data-theme=light] .cp-header-controls .cp-device-select-dropdown,[data-theme=light] .cp-header-status{background-color:#ffffff1f!important;border:1px solid #ffffff40;color:#f9fafb}[data-theme=light] .cp-header-refresh{background:linear-gradient(180deg,#374151,#1f2937);border:1px solid #111827;border-radius:.25rem;color:#fff!important;margin:-.25rem -.5rem;padding:.25rem .5rem}[data-theme=light] .cp-header-refresh:hover{background:linear-gradient(180deg,#4b5563,#374151);border-color:#374151;color:#fff!important}[data-theme=light] .cp-header-status .cp-status-label--green,[data-theme=light] .cp-header-status .cp-status-label--red,[data-theme=light] .cp-header-status .cp-status-label--yellow{color:#e5e7eb!important}[data-theme=light] .cp-header-controls .cp-device-select-dropdown option{background-color:#1f2937;color:#f9fafb}[data-theme=light] .cp-joystick-card{background-color:#000!important;border-color:#262626!important;color:#e5e5e5}[data-theme=light] .cp-joystick-card .text-primary-400,[data-theme=light] .cp-joystick-card h3{color:#38bdf8!important}[data-theme=light] .cp-joystick-card .text-gray-400,[data-theme=light] .cp-joystick-card .text-gray-500,[data-theme=light] .cp-joystick-card p{color:#a3a3a3!important}[data-theme=light] .cp-actions{background-color:#f9fafb;border-color:#d1d5db}[data-theme=light] .cp-action-btn{background:linear-gradient(180deg,#374151,#1f2937);border:2px solid #111827;color:#fff}[data-theme=light] .cp-main .text-gray-400,[data-theme=light] .cp-main .text-gray-500{color:#4b5563!important}[data-theme=light] .cp-main .text-primary-400{color:#0284c7!important;color:var(--primary-600)!important}[data-theme=light] .cp-page-grid-spotlight{background-image:radial-gradient(circle 560px at 50% 50%,#ffffff1f 0,#ffffff0a 40%,#0000 65%);background-image:radial-gradient(circle 560px at var(--mouse-x,50%) var(--mouse-y,50%),#ffffff1f 0,#ffffff0a 40%,#0000 65%)}[data-theme=light] .cp-menu-nav-item:hover{background-color:#ffffff26;border-color:#ffffff4d;color:#f9fafb}[data-theme=light] .cp-menu-theme-toggle .theme-switch-label{color:#e5e7eb}[data-theme=light] .cp-menu-theme-toggle .toggle-slider{background-color:#ffffff40}[data-theme=light] .cp-menu-theme-toggle input:checked+.toggle-slider{background-color:#374151}[data-theme=light] .cp-menu-theme-toggle .toggle-slider:before{border-color:#fff6}[data-theme=light] .cp-hamburger:hover{background-color:#fff3!important;border-color:#ffffff59;color:#fff}[data-theme=light] .cp-menu-logout:hover{background:linear-gradient(180deg,#374151,#1f2937);border-color:#111827;color:#fff}[data-theme=light] .cp-header-controls .cp-device-select-dropdown:hover{background-color:#fff3!important;border-color:#ffffff59}[data-theme=light] .cp-action-btn:hover{background:linear-gradient(180deg,#4b5563,#374151);border-color:#1f2937;box-shadow:0 6px 12px -2px #1f293766,0 3px 6px -2px #00000026}[data-theme=light] .cp-menu-drawer-close:hover{background-color:#ffffff26;border-color:#ffffff4d;color:#f9fafb}[data-theme=light] .cp-joystick-card:hover{border-color:#37415199;box-shadow:0 0 0 1px #1f293733}[data-theme=light] .cp-glass{background:#f9fafb99;border-color:#4b556333;box-shadow:0 4px 24px #00000014,inset 0 1px 0 #ffffffb3}[data-theme=dark] .app-layout,html:not([data-theme=light]) .app-layout{background-color:#000;background-image:linear-gradient(#38bdf814 1px,#0000 0),linear-gradient(90deg,#38bdf814 1px,#0000 0);background-size:24px 24px;color:#e5e5e5}[data-theme=dark] .header,html:not([data-theme=light]) .header{background-color:#0a0a0a!important;border-bottom:2px solid #1e3a5f;box-shadow:0 4px 6px -1px #0000004d}[data-theme=dark] .header-title,html:not([data-theme=light]) .header-title{color:#fafafa}[data-theme=dark] .header-subtitle,html:not([data-theme=light]) .header-subtitle{color:#a3a3a3}[data-theme=dark] .header-hamburger,html:not([data-theme=light]) .header-hamburger{background-color:#171717;color:#38bdf8}[data-theme=dark] .header-hamburger:hover,html:not([data-theme=light]) .header-hamburger:hover{background-color:#2563eb4d;color:#93c5fd}[data-theme=dark] .header-theme-toggle .theme-switch-label{color:#93c5fd}[data-theme=dark] .header-theme-toggle .toggle-slider{background-color:#404040}[data-theme=dark] .header-theme-toggle input:checked+.toggle-slider{background-color:#3b82f6}[data-theme=dark] .header-theme-toggle .toggle-slider:before{border-color:#525252}[data-theme=dark] .header-icon-btn,html:not([data-theme=light]) .header-icon-btn{color:#a3a3a3}[data-theme=dark] .header-icon-btn:hover,html:not([data-theme=light]) .header-icon-btn:hover{background-color:#2563eb26;color:#93c5fd}[data-theme=dark] .sidebar,html:not([data-theme=light]) .sidebar{background-color:#0a0a0a!important;border-right:1px solid #262626}[data-theme=dark] .sidebar-header,html:not([data-theme=light]) .sidebar-header{background-color:#171717;border-bottom:1px solid #262626}[data-theme=dark] .sidebar-title,html:not([data-theme=light]) .sidebar-title{color:#38bdf8}[data-theme=dark] .sidebar-link,html:not([data-theme=light]) .sidebar-link{color:#a3a3a3}[data-theme=dark] .sidebar-link:hover,html:not([data-theme=light]) .sidebar-link:hover{background-color:#2563eb33;color:#93c5fd}[data-theme=dark] .sidebar-link-active,html:not([data-theme=light]) .sidebar-link-active{background-color:#0c4a6e;border:1px solid #0284c7;color:#7dd3fc}[data-theme=dark] .sidebar-close:hover,html:not([data-theme=light]) .sidebar-close:hover{background-color:#2563eb40;color:#93c5fd}[data-theme=dark] .sidebar-user-email,[data-theme=dark] .sidebar-user-id,[data-theme=dark] .sidebar-user-name,html:not([data-theme=light]) .sidebar-user-email,html:not([data-theme=light]) .sidebar-user-id,html:not([data-theme=light]) .sidebar-user-name{color:#a3a3a3}[data-theme=dark] .sidebar-user-logout,html:not([data-theme=light]) .sidebar-user-logout{background-color:#2563eb33;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .sidebar-user-logout:hover,html:not([data-theme=light]) .sidebar-user-logout:hover{background-color:#2563eb;color:#fff}[data-theme=dark] .page-title,html:not([data-theme=light]) .page-title{color:#fafafa}[data-theme=dark] .app-content,html:not([data-theme=light]) .app-content{background-color:initial}[data-theme=dark] .quick-actions,[data-theme=dark] .section-card,[data-theme=dark] .stat-card,html:not([data-theme=light]) .quick-actions,html:not([data-theme=light]) .section-card,html:not([data-theme=light]) .stat-card{background-color:#0f0f0f!important;border:1px solid #262626;box-shadow:0 4px 6px -1px #0000004d}[data-theme=dark] .quick-actions-title,[data-theme=dark] .stat-name,html:not([data-theme=light]) .quick-actions-title,html:not([data-theme=light]) .stat-name{color:#a3a3a3}[data-theme=dark] .section-title,html:not([data-theme=light]) .section-title{color:#e5e5e5}[data-theme=dark] .stat-icon,[data-theme=dark] .stat-value,html:not([data-theme=light]) .stat-icon,html:not([data-theme=light]) .stat-value{color:#38bdf8}[data-theme=dark] .section-header,html:not([data-theme=light]) .section-header{border-bottom-color:#262626}[data-theme=dark] .activity-item,html:not([data-theme=light]) .activity-item{border-color:#262626}[data-theme=dark] .activity-item:hover,html:not([data-theme=light]) .activity-item:hover{background-color:#2563eb1a}[data-theme=dark] .activity-user,html:not([data-theme=light]) .activity-user{color:#e5e5e5}[data-theme=dark] .page-content .text-gray-400,[data-theme=dark] .page-content .text-gray-500,html:not([data-theme=light]) .page-content .text-gray-400,html:not([data-theme=light]) .page-content .text-gray-500{color:#a3a3a3!important}[data-theme=dark] .quick-action-btn,html:not([data-theme=light]) .quick-action-btn{border-color:#404040;color:#a3a3a3}[data-theme=dark] .quick-action-btn:hover,html:not([data-theme=light]) .quick-action-btn:hover{background-color:#2563eb40;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .quick-action-btn .text-gray-600,html:not([data-theme=light]) .quick-action-btn .text-gray-600{color:#93c5fd}[data-theme=dark] .divide-gray-200>*,html:not([data-theme=light]) .divide-y.divide-gray-200>*{border-color:#262626}[data-theme=dark] .btn-primary,html:not([data-theme=light]) .btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;color:#fff}[data-theme=dark] .btn-primary:hover,html:not([data-theme=light]) .btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=dark] .btn-secondary,html:not([data-theme=light]) .btn-secondary{background-color:#262626;border:1px solid #ffffff40;color:#e5e5e5}[data-theme=dark] .btn-secondary:hover,html:not([data-theme=light]) .btn-secondary:hover{background-color:#404040;border-color:#ffffff59}[data-theme=dark] .btn-outline,html:not([data-theme=light]) .btn-outline{background-color:#262626;border:1px solid #ffffff40;color:#e5e5e5}[data-theme=dark] .btn-outline:hover,html:not([data-theme=light]) .btn-outline:hover{background-color:#404040;border-color:#ffffff59;color:#fafafa}[data-theme=dark] .btn-danger:hover,html:not([data-theme=light]) .btn-danger:hover{background-color:#b91c1c}[data-theme=dark] .modal-dialog,html:not([data-theme=light]) .modal-dialog{background-color:#0f0f0f!important;border:1px solid #262626}[data-theme=dark] .modal-header,html:not([data-theme=light]) .modal-header{background-color:#0f0f0f!important;border-bottom:1px solid #262626}[data-theme=dark] .modal-title,html:not([data-theme=light]) .modal-title{color:#fafafa!important}[data-theme=dark] .modal-close,html:not([data-theme=light]) .modal-close{color:#a3a3a3}[data-theme=dark] .modal-close:hover,html:not([data-theme=light]) .modal-close:hover{color:#fafafa}[data-theme=dark] .modal-body,html:not([data-theme=light]) .modal-body{color:#e5e5e5}[data-theme=dark] .modal-footer,html:not([data-theme=light]) .modal-footer{background-color:#171717!important;border-top:1px solid #262626}[data-theme=dark] .table thead,html:not([data-theme=light]) .table thead{background-color:#171717!important}[data-theme=dark] .table th,html:not([data-theme=light]) .table th{color:#a3a3a3!important}[data-theme=dark] .table tbody,html:not([data-theme=light]) .table tbody{background-color:#0f0f0f!important}[data-theme=dark] .table tbody tr,html:not([data-theme=light]) .table tbody tr{border-top-color:#262626!important}[data-theme=dark] .table tbody tr:hover,html:not([data-theme=light]) .table tbody tr:hover{background-color:#2563eb1a!important}[data-theme=dark] .table td,html:not([data-theme=light]) .table td{color:#e5e5e5!important}[data-theme=dark] .table td .text-primary-600,[data-theme=dark] .table td button.text-primary-600,html:not([data-theme=light]) .table td .text-primary-600,html:not([data-theme=light]) .table td button.text-primary-600{color:#93c5fd!important}[data-theme=dark] .table td .text-primary-600:hover,[data-theme=dark] .table td button.text-primary-600:hover,html:not([data-theme=light]) .table td .text-primary-600:hover,html:not([data-theme=light]) .table td button.text-primary-600:hover{color:#bfdbfe!important}[data-theme=dark] .table td .text-red-600,[data-theme=dark] .table td button.text-red-600,html:not([data-theme=light]) .table td .text-red-600,html:not([data-theme=light]) .table td button.text-red-600{color:#f87171!important}[data-theme=dark] .table td .text-red-600:hover,[data-theme=dark] .table td button.text-red-600:hover,html:not([data-theme=light]) .table td .text-red-600:hover,html:not([data-theme=light]) .table td button.text-red-600:hover{color:#fca5a5!important}[data-theme=dark] .table td button,html:not([data-theme=light]) .table td button{background-color:#262626!important;border:1px solid #ffffff40!important;border-radius:.375rem;padding:.375rem .75rem;transition:background-color .15s,border-color .15s}.table-action-btn{padding:.5rem 1rem!important}[data-theme=dark] .app-content code.project-id-code,[data-theme=dark] .project-id-code,html:not([data-theme=light]) .app-content code.project-id-code,html:not([data-theme=light]) .project-id-code{background-color:#262626!important;border:1px solid #404040;color:#93c5fd!important}[data-theme=dark] .app-content button.table-action-btn,html:not([data-theme=light]) .app-content button.table-action-btn{background-color:#262626!important;border:1px solid #ffffff40!important;border-radius:.375rem;transition:background-color .15s,border-color .15s}[data-theme=dark] .app-content button.table-action-btn:hover,[data-theme=dark] .table td button:hover,html:not([data-theme=light]) .app-content button.table-action-btn:hover,html:not([data-theme=light]) .table td button:hover{background-color:#404040!important;border-color:#ffffff59!important}[data-theme=dark] .input,html:not([data-theme=light]) .input{background-color:#171717!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .input::placeholder,html:not([data-theme=light]) .input::placeholder{color:#737373}[data-theme=dark] .input-label,html:not([data-theme=light]) .input-label{color:#a3a3a3!important}[data-theme=dark] .category-sidebar,html:not([data-theme=light]) .category-sidebar{background-color:#0f0f0f!important;border:1px solid #262626}[data-theme=dark] .category-header,html:not([data-theme=light]) .category-header{border-bottom-color:#262626}[data-theme=dark] .category-item,html:not([data-theme=light]) .category-item{border-bottom-color:#262626;color:#a3a3a3}[data-theme=dark] .category-item:hover,html:not([data-theme=light]) .category-item:hover{background-color:#2563eb1a;color:#93c5fd}[data-theme=dark] .category-item-active,html:not([data-theme=light]) .category-item-active{background-color:#2563eb33!important;border-left-color:#3b82f6!important}[data-theme=dark] .category-name,html:not([data-theme=light]) .category-name{color:#e5e5e5!important}[data-theme=dark] .category-count,html:not([data-theme=light]) .category-count{color:#737373!important}[data-theme=dark] .category-action-btn,html:not([data-theme=light]) .category-action-btn{color:#737373}[data-theme=dark] .category-action-btn:hover,html:not([data-theme=light]) .category-action-btn:hover{color:#93c5fd}[data-theme=dark] .empty-state-title,html:not([data-theme=light]) .empty-state-title{color:#e5e5e5!important}[data-theme=dark] .empty-state-description,html:not([data-theme=light]) .empty-state-description{color:#a3a3a3!important}[data-theme=dark] .empty-state-icon,html:not([data-theme=light]) .empty-state-icon{color:#525252}[data-theme=dark] .button-list-item,html:not([data-theme=light]) .button-list-item{border-bottom-color:#262626!important}[data-theme=dark] .button-list-item:hover,html:not([data-theme=light]) .button-list-item:hover{background-color:#2563eb14!important}[data-theme=dark] .button-list-name,html:not([data-theme=light]) .button-list-name{color:#e5e5e5!important}[data-theme=dark] .button-list-coords,html:not([data-theme=light]) .button-list-coords{color:#a3a3a3}[data-theme=dark] .coord-label,html:not([data-theme=light]) .coord-label{color:#737373!important}[data-theme=dark] .coord-value,html:not([data-theme=light]) .coord-value{color:#38bdf8!important}[data-theme=dark] .joystick-section,html:not([data-theme=light]) .joystick-section{background-color:#0f0f0f!important;border:1px solid #262626}[data-theme=dark] .joystick-header,html:not([data-theme=light]) .joystick-header{border-bottom-color:#262626}[data-theme=dark] .joystick-title,html:not([data-theme=light]) .joystick-title{color:#e5e5e5!important}[data-theme=dark] .joystick-description,html:not([data-theme=light]) .joystick-description{color:#a3a3a3!important}[data-theme=dark] .joystick-config,html:not([data-theme=light]) .joystick-config{border-top-color:#262626!important}[data-theme=dark] .joystick-config-title,html:not([data-theme=light]) .joystick-config-title{color:#e5e5e5!important}[data-theme=dark] .joystick-config-desc,[data-theme=dark] .sensitivity-label,html:not([data-theme=light]) .joystick-config-desc,html:not([data-theme=light]) .sensitivity-label{color:#a3a3a3!important}[data-theme=dark] .view-toggle,html:not([data-theme=light]) .view-toggle{border-color:#404040}[data-theme=dark] .view-toggle-btn,html:not([data-theme=light]) .view-toggle-btn{background-color:#171717!important;border-color:#404040!important;color:#a3a3a3!important}[data-theme=dark] .view-toggle-btn:hover:not(.view-toggle-btn-active),html:not([data-theme=light]) .view-toggle-btn:hover:not(.view-toggle-btn-active){background-color:#262626!important;color:#e5e5e5!important}[data-theme=dark] .view-toggle-btn-active,html:not([data-theme=light]) .view-toggle-btn-active{background-color:#2563eb!important;color:#fff!important}[data-theme=dark] .app-content .text-gray-900,html:not([data-theme=light]) .app-content .text-gray-900{color:#e5e5e5!important}[data-theme=dark] .app-content .text-gray-600,[data-theme=dark] .app-content .text-gray-700,[data-theme=dark] .app-content label,html:not([data-theme=light]) .app-content .text-gray-600,html:not([data-theme=light]) .app-content .text-gray-700,html:not([data-theme=light]) .app-content label{color:#a3a3a3!important}[data-theme=dark] .app-content .bg-white,html:not([data-theme=light]) .app-content .bg-white{background:linear-gradient(145deg,#1e1e2e,#171717)!important;border:1px solid #2a2a3e;box-shadow:0 4px 12px #0006}[data-theme=dark] .app-content select,html:not([data-theme=light]) .app-content select{background-color:#171717!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .app-content select option,html:not([data-theme=light]) .app-content select option{background-color:#171717;color:#e5e5e5}[data-theme=dark] .app-content code.bg-gray-100,[data-theme=dark] .table code,html:not([data-theme=light]) .app-content code.bg-gray-100,html:not([data-theme=light]) .table code{background-color:#262626!important;border:1px solid #404040;color:#93c5fd!important}[data-theme=dark] .app-content .text-primary-600,html:not([data-theme=light]) .app-content .text-primary-600{color:#93c5fd!important}[data-theme=dark] .app-content .hover\:text-primary-900:hover,[data-theme=dark] .app-content .text-primary-600:hover,html:not([data-theme=light]) .app-content .hover\:text-primary-900:hover,html:not([data-theme=light]) .app-content .text-primary-600:hover{color:#bfdbfe!important}[data-theme=dark] .app-content .hover\:text-red-900:hover,[data-theme=dark] .app-content .text-red-600:hover,html:not([data-theme=light]) .app-content .hover\:text-red-900:hover,html:not([data-theme=light]) .app-content .text-red-600:hover{color:#fca5a5!important}[data-theme=dark] .badge-info,html:not([data-theme=light]) .badge-info{background-color:#38bdf840;color:#93c5fd}[data-theme=dark] .badge-success,html:not([data-theme=light]) .badge-success{background-color:#22c55e40;color:#86efac}[data-theme=dark] .badge-warning,html:not([data-theme=light]) .badge-warning{background-color:#eab30840;color:#fde047}[data-theme=dark] .badge-danger,html:not([data-theme=light]) .badge-danger{background-color:#ef444440;color:#fca5a5}[data-theme=dark] .badge-default,html:not([data-theme=light]) .badge-default{background-color:#262626;color:#a3a3a3}[data-theme=light] .app-layout{background-color:#f3f4f6;background-image:linear-gradient(#dc262614 1px,#0000 0),linear-gradient(90deg,#dc262614 1px,#0000 0),linear-gradient(to bottom right,#f3f4f6,#e5e7eb,#f9fafb);background-size:24px 24px,24px 24px,100% 100%;color:#111827}[data-theme=light] .header{background-color:#075985;background-color:var(--primary-800);border-bottom-color:#0369a1;border-bottom-color:var(--primary-700);box-shadow:0 4px 6px -1px #00000026}[data-theme=light] .header-subtitle,[data-theme=light] .header-title{color:#e0f2fe}[data-theme=light] .header-hamburger{background-color:#ffffff26;color:#fff}[data-theme=light] .header-hamburger:hover{background-color:#dc262640;color:#fecaca}[data-theme=light] .header-theme-toggle .theme-switch-label{color:#e5e7eb}[data-theme=light] .header-theme-toggle .toggle-slider{background-color:#ffffff40}[data-theme=light] .header-theme-toggle input:checked+.toggle-slider{background-color:#374151}[data-theme=light] .header-theme-toggle .toggle-slider:before{border-color:#fff6}[data-theme=light] .header-icon-btn{color:#e0f2fe}[data-theme=light] .header-icon-btn:hover{background-color:#dc262626;color:#fecaca}[data-theme=light] .sidebar{background-color:#000;border-right:1px solid #262626}[data-theme=light] .sidebar-header{background-color:#0a0a0a;border-bottom:1px solid #262626}[data-theme=light] .sidebar-title{color:#fafafa}[data-theme=light] .sidebar-link{color:#a3a3a3}[data-theme=light] .sidebar-link:hover{background-color:#dc262633;color:#fecaca}[data-theme=light] .sidebar-link-active{background-color:#dc262659;border:1px solid #dc262680;color:#fff}[data-theme=light] .sidebar-close:hover{background-color:#dc262633;color:#fecaca}[data-theme=light] .sidebar-user-email,[data-theme=light] .sidebar-user-id,[data-theme=light] .sidebar-user-name{color:#a3a3a3}[data-theme=light] .sidebar-user-logout{background-color:#dc2626cc;border-color:#b91c1c;color:#fff}[data-theme=light] .sidebar-user-logout:hover{background-color:#dc2626;color:#fff}[data-theme=light] .page-title{color:#111827}[data-theme=light] .quick-actions,[data-theme=light] .section-card,[data-theme=light] .stat-card{background-color:#f9fafb;border:1px solid #d1d5db;box-shadow:0 1px 3px #00000014}[data-theme=light] .quick-actions-title,[data-theme=light] .section-title,[data-theme=light] .stat-name{color:#4b5563}[data-theme=light] .stat-icon,[data-theme=light] .stat-value{color:#0284c7;color:var(--primary-600)}[data-theme=light] .section-header{border-bottom-color:#e5e7eb}[data-theme=light] .activity-item:hover{background-color:#dc26260f}[data-theme=light] .quick-action-btn{border-color:#d1d5db;color:#374151}[data-theme=light] .quick-action-btn:hover{background-color:#dc26261f;border-color:#dc262666;color:#991b1b}[data-theme=light] .quick-action-btn .text-gray-600{color:#0284c7;color:var(--primary-600)}
/*# sourceMappingURL=main.96877a0c.css.map*/