.hidden{display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#374151;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4b5563}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.spinner{width:48px;height:48px;border:4px solid #1f2937;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.password-card{animation:fade-in 0.3s ease-out forwards;opacity:0}.toast-enter{animation:slide-in 0.3s ease-out forwards}.toast-exit{animation:slide-out 0.3s ease-in forwards}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#374151;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.gradient-blue-purple{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.category-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500}.password-card{transition:all 0.2s ease}.password-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgb(0 0 0 / .3)}button:active{transform:scale(.98)}.backdrop-blur-sm{backdrop-filter:blur(8px)}.sv-frontend{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box}.sv-frontend *{box-sizing:border-box}.sv-frontend .wrap{width:100%!important;max-width:100%!important;margin:0 auto;padding:0!important;overflow-x:hidden!important}.sv-frontend #app-container{width:100%!important;max-width:100%!important;display:flex;flex-direction:column;gap:24px;margin:0 auto;overflow-x:hidden!important;box-sizing:border-box}.sv-frontend aside{width:100%!important;max-width:100%!important;flex-shrink:0;box-sizing:border-box}.sv-frontend main{width:100%!important;max-width:100%!important;flex:1 1 auto;overflow-x:hidden!important;box-sizing:border-box}.sv-frontend #password-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.sv-frontend .password-card{width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:hidden}@media (min-width:1024px){.sv-frontend #app-container{flex-direction:row}.sv-frontend aside{flex:0 0 auto;width:360px!important;max-width:360px!important}.sv-frontend main{flex:1 1 auto;min-width:0;overflow-x:hidden!important}.sv-frontend #password-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}}@media (min-width:1280px){.sv-frontend #password-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}}body:has(.sv-frontend){overflow-x:hidden!important}.sv-frontend{position:relative}#app-container{background-color:#ffffff!important;color:#1f2937!important}#app-container aside{background-color:#ffffff!important;border-color:#e5e7eb!important;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1)!important}#app-container aside h1,#app-container aside h1 span{color:#111827!important}#app-container aside p{color:#4b5563!important}#app-container aside .text-gray-400{color:#6b7280!important}#app-container aside .text-gray-300{color:#374151!important}#app-container aside .bg-gray-800{background-color:#f9fafb!important;border-color:#e5e7eb!important;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)!important}#app-container aside .bg-gray-900{background-color:#f3f4f6!important;border-color:#e5e7eb!important}#app-container aside .bg-gray-700{background-color:#ffffff!important;border-color:#d1d5db!important}#app-container aside input,#app-container aside select,#app-container aside textarea{background-color:#ffffff!important;border-color:#d1d5db!important;border-width:1px!important;color:#111827!important;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)!important}#app-container aside input:focus,#app-container aside select:focus,#app-container aside textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .1)!important;outline:none!important}#app-container aside input::placeholder,#app-container aside textarea::placeholder{color:#9ca3af!important}#app-container aside label{color:#374151!important;font-weight:500!important}#app-container aside button:not(.bg-blue-600):not(.bg-red-600):not(.bg-blue-700){background-color:#ffffff!important;border-color:#d1d5db!important;border-width:1px!important;color:#374151!important;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)!important}#app-container aside button:hover:not(.bg-blue-600):not(.bg-red-600):not(.bg-blue-700){background-color:#f9fafb!important;border-color:#9ca3af!important;color:#111827!important}#app-container aside button:active:not(.bg-blue-600):not(.bg-red-600):not(.bg-blue-700){background-color:#f3f4f6!important;box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / .06)!important}#app-container aside #theme-toggle{background-color:#ffffff!important;border-color:#d1d5db!important;color:#374151!important;font-weight:500!important}#app-container aside #theme-toggle:hover{background-color:#f9fafb!important;border-color:#9ca3af!important}#app-container aside .bg-blue-600{background-color:#2563eb!important;border-color:#2563eb!important}#app-container aside .bg-blue-600:hover{background-color:#1d4ed8!important}#app-container aside .bg-red-900\/20{background-color:#fee2e2!important;border-color:#fca5a5!important}#app-container aside .text-red-400{color:#dc2626!important}#app-container aside .bg-red-900\/20:hover{background-color:#fecaca!important}#app-container main{background-color:#f9fafb!important}#app-container .password-card{background-color:#ffffff!important;border-color:#e5e7eb!important;border-width:1px!important;color:#111827!important;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .06)!important}#app-container .password-card:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06)!important;border-color:#d1d5db!important}#app-container .password-card h3,#app-container .password-card a{color:#111827!important;font-weight:600!important}#app-container .password-card a:hover{color:#2563eb!important}#app-container .password-card .text-gray-400{color:#6b7280!important}#app-container .password-card .text-white{color:#111827!important}#app-container .password-card button{background-color:#f9fafb!important;color:#374151!important;border-color:#e5e7eb!important;border-width:1px!important;font-weight:500!important;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)!important}#app-container .password-card button:hover{background-color:#f3f4f6!important;border-color:#d1d5db!important;color:#111827!important}#app-container .password-card button:active{background-color:#e5e7eb!important;box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / .06)!important}#app-container .password-card .bg-blue-600:hover{background-color:#1d4ed8!important}#app-container .password-card .bg-red-600:hover{background-color:#dc2626!important}#app-container #empty-state h3{color:#111827!important;font-weight:600!important}#app-container #empty-state p{color:#6b7280!important}#app-container aside>div:last-child{background-color:#ffffff!important;border-color:#e5e7eb!important;border-top-width:1px!important}#app-container aside>div:last-child .text-gray-400{color:#374151!important;font-weight:600!important;font-size:0.875rem!important}#app-container aside #total-count{color:#2563eb!important;font-weight:700!important;font-size:1rem!important}#loading-overlay{background-color:rgb(255 255 255 / .98)!important;backdrop-filter:blur(4px)!important}#loading-overlay .text-gray-400{color:#6b7280!important;font-weight:500!important}#app-container aside #search-bar{background-color:#ffffff!important;border-color:#d1d5db!important;color:#111827!important}#app-container aside #search-bar::placeholder{color:#9ca3af!important}#app-container aside #search-bar:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .1)!important}#app-container aside .category-tab{background-color:#ffffff!important;border-color:#d1d5db!important;color:#374151!important;border-width:1px!important;transition:all 0.2s ease!important}#app-container aside .category-tab:hover{background-color:#f9fafb!important;border-color:#9ca3af!important}#app-container aside .category-tab.category-tab-todos.category-tab-active{background-color:#16a34a!important;color:#ffffff!important;border-color:#16a34a!important}#app-container aside .category-tab.category-tab-amparo.category-tab-active{background-color:#2563eb!important;color:#ffffff!important;border-color:#2563eb!important}#app-container aside .category-tab.category-tab-inahoutd.category-tab-active{background-color:#9333ea!important;color:#ffffff!important;border-color:#9333ea!important}#app-container aside #sort-select{background-color:#ffffff!important;border-color:#d1d5db!important;color:#111827!important}#app-container aside #sort-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .1)!important}#app-container .category-badge{font-weight:600!important;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)!important}#app-container aside h1.bg-gradient-to-r{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;max-width:100%!important;width:auto!important;position:relative!important;color:#2563eb!important;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1))!important;-webkit-text-stroke:none!important;text-stroke:none!important;text-shadow:0 1px 2px rgb(0 0 0 / .1)!important}#app-container aside .flex-1{min-width:0!important;overflow:visible!important;flex:1 1 auto!important;max-width:none!important}#app-container aside h1{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;word-break:keep-all!important;max-width:none!important;width:auto!important;flex-shrink:0!important;min-width:fit-content!important}@media (min-width:768px){#app-container aside>div:first-child{padding:24px!important}#app-container aside>div:first-child>div:first-child{gap:16px!important}#app-container aside .flex.items-center.gap-3.flex-1{min-width:0!important;flex:1 1 auto!important;max-width:none!important;overflow:visible!important;width:auto!important}#app-container aside>div:first-child>div:first-child{flex-wrap:nowrap!important;overflow:visible!important}#app-container aside h1.text-2xl{font-size:1.5rem!important;line-height:1.3!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;min-width:fit-content!important}#app-container aside h1{min-width:fit-content!important;width:auto!important;max-width:none!important}}#app-container aside h2.text-lg,#app-container aside h2.text-base{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all!important;font-size:1rem!important;max-width:100%!important;width:auto!important;min-width:fit-content!important}#app-container aside h2 span{display:inline-block!important;font-size:1.2rem!important;margin-right:0.5rem!important}#app-container .securevault-logo-container{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1)}#app-container .securevault-logo{max-width:60px!important;max-height:60px!important;width:auto;height:auto;object-fit:contain;display:block}#app-container .password-card .secret-pass:not(.hidden){color:#16a34a!important;font-weight:600!important;font-family:'Courier New',monospace!important}#app-container .password-card .secret-link:not(.hidden){color:#16a34a!important}#app-container .password-card .secret-link:not(.hidden) a{color:#16a34a!important;font-weight:600!important;text-decoration:underline!important}#app-container .password-card .secret-link:not(.hidden) a:hover{color:#15803d!important}#generator-modal .bg-gray-900{background-color:#ffffff!important;border-color:#e5e7eb!important}#generator-modal .border-gray-800{border-color:#e5e7eb!important}#generator-modal h3,#generator-modal label,#generator-modal span,#generator-modal p,#generator-modal .text-white{color:#111827!important}#generator-modal .text-gray-400{color:#374151!important}#generator-modal .text-gray-300{color:#374151!important}#generator-modal .bg-gray-800{background-color:#f9fafb!important;border-color:#d1d5db!important}#generator-modal #generated-password{color:#16a34a!important;font-weight:600!important;font-family:'Courier New',monospace!important}#generator-modal .text-blue-400{color:#16a34a!important}#generator-modal input[type="checkbox"]{accent-color:#2563eb}#generator-modal button:not(.bg-blue-600){background-color:#fff;border-color:#d1d5db;color:#374151}#generator-modal button:hover:not(.bg-blue-600){background-color:#f9fafb}#generator-modal .text-gray-400{color:#6b7280!important}#delete-modal .bg-gray-900{background-color:#ffffff!important;border-color:#e5e7eb!important}#delete-modal .border-gray-800{border-color:#e5e7eb!important}#delete-modal h3{color:#111827!important;font-weight:600!important}#delete-modal p{color:#374151!important}#delete-modal .text-gray-400{color:#374151!important}#delete-modal .text-gray-300{color:#374151!important}#delete-modal .bg-gray-800{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#111827!important;font-weight:600!important}#delete-modal button:not(.bg-red-600){background-color:#ffffff!important;border-color:#d1d5db!important;color:#374151!important}#delete-modal button:hover:not(.bg-red-600){background-color:#f9fafb!important;border-color:#9ca3af!important}#delete-all-modal .bg-gray-900{background-color:#ffffff!important;border-color:#e5e7eb!important}#delete-all-modal .border-red-800{border-color:#dc2626!important}#delete-all-modal h3{color:#dc2626!important;font-weight:600!important}#delete-all-modal p{color:#374151!important}#delete-all-modal .text-gray-400{color:#374151!important}#delete-all-modal .text-white{color:#111827!important;font-weight:600!important}#delete-all-modal button:not(.bg-red-600){background-color:#ffffff!important;border-color:#d1d5db!important;color:#374151!important}#delete-all-modal button:hover:not(.bg-red-600){background-color:#f9fafb!important;border-color:#9ca3af!important}#edit-modal .bg-gray-900{background-color:#ffffff!important;border-color:#e5e7eb!important}#edit-modal .border-gray-800{border-color:#e5e7eb!important}#edit-modal h3{color:#111827!important;font-weight:600!important}#edit-modal label{color:#374151!important;font-weight:500!important}#edit-modal .text-gray-400{color:#6b7280!important}#edit-modal .text-gray-300{color:#374151!important}#edit-modal input,#edit-modal select{background-color:#ffffff!important;border-color:#d1d5db!important;color:#111827!important}#edit-modal input:focus,#edit-modal select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .1)!important}#edit-modal button:not(.bg-blue-600){background-color:#ffffff!important;border-color:#d1d5db!important;color:#374151!important}#edit-modal button:hover:not(.bg-blue-600){background-color:#f9fafb!important;border-color:#9ca3af!important}#import-modal .bg-gray-900{background-color:#ffffff!important;border-color:#e5e7eb!important}#import-modal .border-gray-800{border-color:#e5e7eb!important}#import-modal h3{color:#111827!important;font-weight:600!important}#import-modal label{color:#374151!important;font-weight:500!important}#import-modal .text-gray-400{color:#6b7280!important}#import-modal .text-gray-300{color:#374151!important}#import-modal .text-gray-500{color:#6b7280!important}#import-modal input,#import-modal select{background-color:#ffffff!important;border-color:#d1d5db!important;color:#111827!important}#import-modal input:focus,#import-modal select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .1)!important}#import-modal .bg-gray-800{background-color:#f9fafb!important;border-color:#e5e7eb!important}#import-modal button:not(.bg-blue-600){background-color:#ffffff!important;border-color:#d1d5db!important;color:#374151!important}#import-modal button:hover:not(.bg-blue-600){background-color:#f9fafb!important;border-color:#9ca3af!important}html.dark #app-container{background-color:#111827;color:#f9fafb}html.dark #app-container aside{background-color:#111827!important;border-color:#1f2937!important}html.dark #app-container aside h1,html.dark #app-container aside p{color:#f9fafb!important}html.dark #app-container aside .text-gray-400{color:#9ca3af!important}html.dark #app-container aside .text-gray-300{color:#d1d5db!important}html.dark #app-container aside .bg-gray-800{background-color:#1f2937!important;border-color:#374151!important}html.dark #app-container aside .bg-gray-900{background-color:#111827!important;border-color:#1f2937!important}html.dark #app-container aside .bg-gray-700{background-color:#374151!important;border-color:#4b5563!important}html.dark #app-container aside input,html.dark #app-container aside select,html.dark #app-container aside textarea{background-color:#374151!important;border-color:#4b5563!important;color:#ffffff!important}html.dark #app-container aside input::placeholder{color:#9ca3af!important}html.dark #app-container aside #search-bar{background-color:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}html.dark #app-container aside #search-bar::placeholder{color:#6b7280!important}html.dark #app-container aside #search-bar:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .2)!important}html.dark #app-container aside #sort-select{background-color:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}html.dark #app-container aside #sort-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .2)!important}html.dark #app-container aside button:not(.bg-blue-600):not(.bg-red-600){background-color:#1f2937!important;border-color:#374151!important;color:#d1d5db!important}html.dark #app-container aside button:hover:not(.bg-blue-600):not(.bg-red-600){background-color:#374151!important}html.dark #app-container main{background-color:#111827}html.dark #app-container .password-card{background-color:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}html.dark #app-container .password-card h3,html.dark #app-container .password-card a{color:#ffffff!important}html.dark #app-container .password-card .text-gray-400{color:#9ca3af!important}html.dark #app-container .password-card .text-white{color:#ffffff!important}html.dark #app-container .password-card button{background-color:#1f2937!important;color:#d1d5db!important;border-color:#374151!important}html.dark #app-container .password-card button:hover{background-color:#374151!important}html.dark #app-container #empty-state h3{color:#f9fafb!important}html.dark #app-container #empty-state p{color:#9ca3af!important}html.dark #app-container aside>div:last-child{background-color:rgb(17 24 39 / .5)!important;border-color:#1f2937!important}html.dark #app-container aside>div:last-child .text-gray-400{color:#d1d5db!important;font-weight:500!important}html.dark #app-container aside #total-count{color:#60a5fa!important;font-weight:600!important}html.dark #app-container .securevault-logo-container{background-color:#1f2937!important;border-color:#374151!important;box-shadow:0 1px 3px 0 rgb(0 0 0 / .3)}html.dark #app-container .securevault-logo{filter:brightness(1.1)}html.dark #loading-overlay{background-color:rgb(17 24 39 / .95)!important}html.dark #loading-overlay .text-gray-400{color:#9ca3af!important}html.dark #app-container .password-card .secret-pass:not(.hidden){color:#4ade80!important;font-weight:600!important;font-family:'Courier New',monospace!important}html.dark #app-container .password-card .secret-link:not(.hidden){color:#4ade80!important}html.dark #app-container .password-card .secret-link:not(.hidden) a{color:#4ade80!important;font-weight:600!important;text-decoration:underline!important}html.dark #app-container .password-card .secret-link:not(.hidden) a:hover{color:#22c55e!important}html.dark #generator-modal .bg-gray-800{background-color:#1f2937!important;border-color:#374151!important}html.dark #generator-modal #generated-password{color:#4ade80!important;font-weight:600!important;font-family:'Courier New',monospace!important}html.dark #generator-modal .text-blue-400{color:#4ade80!important}html.dark #generator-modal .bg-gray-900{background-color:#1f2937!important;border-color:#374151!important}html.dark #generator-modal .border-gray-800{border-color:#374151!important}html.dark #generator-modal h3,html.dark #generator-modal label,html.dark #generator-modal span,html.dark #generator-modal p{color:#f9fafb!important}html.dark #generator-modal .text-gray-400{color:#9ca3af!important}html.dark #generator-modal .text-gray-300{color:#d1d5db!important}html.dark #generator-modal input[type="checkbox"]{accent-color:#3b82f6}html.dark #generator-modal button:not(.bg-blue-600){background-color:#1f2937!important;border-color:#374151!important;color:#d1d5db!important}html.dark #generator-modal button:hover:not(.bg-blue-600){background-color:#374151!important}html.dark #delete-modal .bg-gray-900{background-color:#1f2937!important;border-color:#374151!important}html.dark #delete-modal .border-gray-800{border-color:#374151!important}html.dark #delete-modal h3{color:#f9fafb!important;font-weight:600!important}html.dark #delete-modal p{color:#d1d5db!important}html.dark #delete-modal .text-gray-400{color:#9ca3af!important}html.dark #delete-modal .text-gray-300{color:#d1d5db!important}html.dark #delete-modal .bg-gray-800{background-color:#374151!important;border-color:#4b5563!important;color:#f9fafb!important;font-weight:600!important}html.dark #delete-modal button:not(.bg-red-600){background-color:#374151!important;border-color:#4b5563!important;color:#d1d5db!important}html.dark #delete-modal button:hover:not(.bg-red-600){background-color:#4b5563!important;border-color:#6b7280!important}html.dark #delete-all-modal .bg-gray-900{background-color:#1f2937!important;border-color:#991b1b!important}html.dark #delete-all-modal .border-red-800{border-color:#991b1b!important}html.dark #delete-all-modal h3{color:#f87171!important;font-weight:600!important}html.dark #delete-all-modal p{color:#d1d5db!important}html.dark #delete-all-modal .text-gray-400{color:#9ca3af!important}html.dark #delete-all-modal .text-white{color:#ffffff!important;font-weight:600!important}html.dark #delete-all-modal button:not(.bg-red-600){background-color:#374151!important;border-color:#4b5563!important;color:#d1d5db!important}html.dark #delete-all-modal button:hover:not(.bg-red-600){background-color:#4b5563!important;border-color:#6b7280!important}html.dark #edit-modal .bg-gray-900{background-color:#1f2937!important;border-color:#374151!important}html.dark #edit-modal .border-gray-800{border-color:#374151!important}html.dark #edit-modal h3{color:#f9fafb!important;font-weight:600!important}html.dark #edit-modal label{color:#d1d5db!important;font-weight:500!important}html.dark #edit-modal .text-gray-400{color:#9ca3af!important}html.dark #edit-modal .text-gray-300{color:#d1d5db!important}html.dark #edit-modal input,html.dark #edit-modal select{background-color:#374151!important;border-color:#4b5563!important;color:#ffffff!important}html.dark #edit-modal input:focus,html.dark #edit-modal select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .2)!important}html.dark #edit-modal input::placeholder{color:#9ca3af!important}html.dark #edit-modal button:not(.bg-blue-600){background-color:#374151!important;border-color:#4b5563!important;color:#d1d5db!important}html.dark #edit-modal button:hover:not(.bg-blue-600){background-color:#4b5563!important;border-color:#6b7280!important}html.dark #import-modal .bg-gray-900{background-color:#1f2937!important;border-color:#374151!important}html.dark #import-modal .border-gray-800{border-color:#374151!important}html.dark #import-modal h3{color:#f9fafb!important;font-weight:600!important}html.dark #import-modal label{color:#d1d5db!important;font-weight:500!important}html.dark #import-modal .text-gray-400{color:#9ca3af!important}html.dark #import-modal .text-gray-300{color:#d1d5db!important}html.dark #import-modal .text-gray-500{color:#9ca3af!important}html.dark #import-modal input,html.dark #import-modal select{background-color:#374151!important;border-color:#4b5563!important;color:#ffffff!important}html.dark #import-modal input:focus,html.dark #import-modal select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .2)!important}html.dark #import-modal input::placeholder{color:#9ca3af!important}html.dark #import-modal .bg-gray-800{background-color:#374151!important;border-color:#4b5563!important}html.dark #import-modal button:not(.bg-blue-600){background-color:#374151!important;border-color:#4b5563!important;color:#d1d5db!important}html.dark #import-modal button:hover:not(.bg-blue-600){background-color:#4b5563!important;border-color:#6b7280!important}.securevault-access-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#2563eb 100%);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.securevault-access-screen::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgb(37 99 235 / .25) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(59 130 246 / .2) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgb(30 64 175 / .15) 0%,transparent 40%);pointer-events:none}.securevault-access-container{position:relative;width:100%;max-width:440px;z-index:1}.securevault-access-box{background:rgb(255 255 255 / .98);backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px rgb(30 64 175 / .25),0 0 0 1px rgb(255 255 255 / .1),0 8px 32px rgb(37 99 235 / .15);animation:fade-in 0.4s ease-out;border:1px solid rgb(255 255 255 / .2)}html.dark .securevault-access-screen{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 50%,#2563eb 100%)}html.dark .securevault-access-screen::before{background:radial-gradient(circle at 20% 50%,rgb(37 99 235 / .2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(59 130 246 / .15) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgb(30 58 138 / .15) 0%,transparent 40%)}html.dark .securevault-access-box{background:rgb(15 23 42 / .95);border:1px solid rgb(59 130 246 / .3);box-shadow:0 20px 60px rgb(0 0 0 / .4),0 0 0 1px rgb(59 130 246 / .2),0 8px 32px rgb(37 99 235 / .2)}.securevault-access-header{text-align:center;margin-bottom:40px}.securevault-access-logo{display:flex;justify-content:center;margin-bottom:20px}.securevault-access-logo .securevault-logo-img{width:80px;height:80px;object-fit:contain;border-radius:12px;background:rgb(255 255 255 / .1);padding:8px;box-shadow:0 4px 12px rgb(0 0 0 / .1)}html.dark .securevault-access-logo .securevault-logo-img{background:rgb(255 255 255 / .05)}.securevault-access-icon{font-size:64px;margin-bottom:20px;display:block;animation:fade-in 0.6s ease-out}.securevault-access-title{font-size:32px;font-weight:700;margin:0 0 8px 0;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;color:#fff0;letter-spacing:-.5px;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all!important}html.dark .securevault-access-title{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 50%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.securevault-access-subtitle{font-size:16px;color:#6b7280;margin:0;font-weight:400}html.dark .securevault-access-subtitle{color:#9ca3af}.securevault-access-form{margin-top:32px}.securevault-access-field{margin-bottom:24px}.securevault-access-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}html.dark .securevault-access-label{color:#d1d5db}.securevault-access-input-wrapper{position:relative;display:flex;align-items:center}.securevault-access-input{width:100%;padding:14px 48px 14px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;transition:all 0.2s ease;box-sizing:border-box}.securevault-access-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px rgb(37 99 235 / .1)}.securevault-access-input::placeholder{color:#9ca3af}html.dark .securevault-access-input{background:#1f2937;border-color:#4b5563;color:#f9fafb}html.dark .securevault-access-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgb(59 130 246 / .15)}html.dark .securevault-access-input::placeholder{color:#6b7280}.securevault-toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:20px;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color 0.2s ease;z-index:10}.securevault-toggle-password:hover{color:#374151}html.dark .securevault-toggle-password{color:#9ca3af}html.dark .securevault-toggle-password:hover{color:#d1d5db}.securevault-access-error{margin-top:8px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}html.dark .securevault-access-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.securevault-access-error::before{content:'⚠️';font-size:16px}.securevault-access-submit{width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#1e40af 0%,#2563eb 50%,#3b82f6 100%);border:none;border-radius:12px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px rgb(37 99 235 / .35);position:relative}.securevault-access-submit:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%);box-shadow:0 6px 24px rgb(37 99 235 / .45)}.securevault-access-submit:active{transform:translateY(0);box-shadow:0 2px 8px rgb(37 99 235 / .3)}.securevault-access-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#94a3b8 0%,#cbd5e1 100%)}html.dark .securevault-access-submit{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 50%,#93c5fd 100%);box-shadow:0 4px 16px rgb(59 130 246 / .4)}html.dark .securevault-access-submit:hover{background:linear-gradient(135deg,#60a5fa 0%,#93c5fd 50%,#bfdbfe 100%);box-shadow:0 6px 24px rgb(59 130 246 / .5)}.securevault-access-submit-text{display:block}.securevault-access-submit-loader{display:flex;align-items:center;justify-content:center}.securevault-spinner{width:20px;height:20px;border:3px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite}@media (max-width:640px){.securevault-access-box{padding:36px 24px;border-radius:20px}.securevault-access-title{font-size:28px}.securevault-access-icon{font-size:56px}}@media (max-width:768px){#app-container aside h1,#app-container aside .text-2xl{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;display:block!important;width:100%!important;max-width:100%!important;line-height:1.3!important;letter-spacing:normal!important;overflow:visible!important;text-overflow:clip!important}#app-container aside p,#app-container aside .text-sm{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;display:block!important;width:100%!important;line-height:1.4!important;overflow:visible!important}#app-container aside .flex-1{min-width:0!important;width:100%!important;flex:1 1 auto!important;overflow:visible!important;max-width:100%!important}#app-container aside>div:first-child>div:first-child{flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important}#app-container aside .flex.items-center{flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important}#app-container aside h1.bg-gradient-to-r{line-height:1.3!important;letter-spacing:normal!important;word-spacing:normal!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;max-width:100%!important}#app-container aside{width:100%!important;min-width:0!important}#app-container aside>div:first-child{width:100%!important;box-sizing:border-box!important;padding:16px!important}#app-container aside *{word-break:normal!important;overflow-wrap:break-word!important}#app-container aside #theme-toggle{flex-shrink:0!important;margin-top:8px!important}#app-container aside .flex.items-center.gap-3.flex-1{flex:1 1 100%!important;min-width:0!important;width:100%!important;max-width:100%!important}#app-container aside h1.text-2xl{font-size:1.25rem!important;line-height:1.3!important}#app-container aside>div:first-child>div:first-child{width:100%!important;max-width:100%!important}}@media (max-width:480px){#app-container aside h1.text-2xl{font-size:1.125rem!important}#app-container aside>div:first-child{padding:12px!important}#app-container aside>div:first-child>div:first-child{flex-direction:column!important;align-items:stretch!important}#app-container aside>div:first-child>div:first-child>div:last-child{width:100%!important;margin-top:8px!important}}#securevault-settings-toggle-password{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;padding:4px 8px!important;min-height:auto!important;line-height:1!important;cursor:pointer!important;background:transparent!important;border:none!important;box-shadow:none!important;font-size:18px!important;opacity:.7;transition:opacity 0.2s ease}#securevault-settings-toggle-password:hover{opacity:1;background:rgb(0 0 0 / .05)!important;border-radius:3px}#securevault-settings-toggle-password:focus{outline:2px solid #2271b1;outline-offset:2px}#securevault-access-password{padding-right:40px!important}#securevault-reports-root{background:#f3f4f6!important;min-height:100vh!important;padding:0!important;margin:0!important}html.dark #securevault-reports-root{background:#0f172a!important}#reports-container{max-width:1600px!important;margin:0 auto!important;padding:32px 24px!important;display:block!important}#reports-container.hidden{display:none!important}.reports-header{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%)!important;border-radius:16px!important;padding:32px 40px!important;margin-bottom:32px!important;box-shadow:0 10px 40px rgb(37 99 235 / .3),0 0 0 1px rgb(255 255 255 / .1)!important;position:relative!important;overflow:hidden!important;display:block!important}.reports-header::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgb(255 255 255 / .1) 0%,transparent 70%);border-radius:50%}.reports-header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.reports-header-icon{width:64px;height:64px;background:rgb(255 255 255 / .15);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.reports-header-text{flex:1}.reports-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 8px 0;letter-spacing:-.5px}.reports-subtitle{font-size:18px;color:rgb(255 255 255 / .9);margin:0;font-weight:400}.reports-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.reports-stat-card{background:#ffffff!important;border-radius:16px!important;padding:24px!important;box-shadow:0 4px 12px rgb(0 0 0 / .08)!important;border:1px solid #e5e7eb!important;position:relative!important;overflow:hidden!important;transition:all 0.3s ease!important;display:block!important}.reports-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgb(0 0 0 / .12)}html.dark .reports-stat-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 12px rgb(0 0 0 / .3)}html.dark .reports-stat-card:hover{box-shadow:0 12px 24px rgb(0 0 0 / .4)}.stat-card-primary{border-left:4px solid #2563eb!important;background:linear-gradient(135deg,#ffffff 0%,#eff6ff 100%)!important}html.dark .stat-card-primary{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important}.stat-card-success{border-left:4px solid #16a34a!important;background:linear-gradient(135deg,#ffffff 0%,#f0fdf4 100%)!important}html.dark .stat-card-success{background:linear-gradient(135deg,#1e293b 0%,#052e16 100%)!important}.stat-card-info{border-left:4px solid #0ea5e9!important;background:linear-gradient(135deg,#ffffff 0%,#f0f9ff 100%)!important}html.dark .stat-card-info{background:linear-gradient(135deg,#1e293b 0%,#0c1221 100%)!important}.stat-card-warning{border-left:4px solid #f59e0b!important;background:linear-gradient(135deg,#ffffff 0%,#fffbeb 100%)!important}html.dark .stat-card-warning{background:linear-gradient(135deg,#1e293b 0%,#292524 100%)!important}.stat-card-decoration{position:absolute;top:0;right:0;width:120px;height:120px;background:linear-gradient(135deg,rgb(37 99 235 / .1) 0%,transparent 100%);border-radius:0 16px 0 100%;pointer-events:none}.stat-card-primary .stat-card-decoration{background:linear-gradient(135deg,rgb(37 99 235 / .1) 0%,transparent 100%)}.stat-card-success .stat-card-decoration{background:linear-gradient(135deg,rgb(22 163 74 / .1) 0%,transparent 100%)}.stat-card-info .stat-card-decoration{background:linear-gradient(135deg,rgb(14 165 233 / .1) 0%,transparent 100%)}.stat-card-warning .stat-card-decoration{background:linear-gradient(135deg,rgb(245 158 11 / .1) 0%,transparent 100%)}.stat-card-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.stat-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px rgb(37 99 235 / .4),0 0 0 1px rgb(255 255 255 / .2);animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.stat-icon-success{background:linear-gradient(135deg,#16a34a 0%,#22c55e 50%,#4ade80 100%);box-shadow:0 4px 16px rgb(22 163 74 / .4),0 0 0 1px rgb(255 255 255 / .2)}.stat-icon-info{background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 50%,#60a5fa 100%);box-shadow:0 4px 16px rgb(14 165 233 / .4),0 0 0 1px rgb(255 255 255 / .2)}.stat-icon-warning{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 50%,#fcd34d 100%);box-shadow:0 4px 16px rgb(245 158 11 / .4),0 0 0 1px rgb(255 255 255 / .2)}.stat-card-info{flex:1;min-width:0}.stat-card-label{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 8px 0;text-transform:uppercase;letter-spacing:.5px}html.dark .stat-card-label{color:#9ca3af}.stat-card-value{font-size:36px;font-weight:700;color:#111827;margin:0;line-height:1;letter-spacing:-1px}html.dark .stat-card-value{color:#f9fafb}.stat-value-success{color:#16a34a;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}html.dark .stat-value-success{background:linear-gradient(135deg,#22c55e 0%,#4ade80 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.stat-value-info{color:#0ea5e9;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}html.dark .stat-value-info{background:linear-gradient(135deg,#38bdf8 0%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.stat-value-warning{color:#f59e0b;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}html.dark .stat-value-warning{background:linear-gradient(135deg,#fbbf24 0%,#fcd34d 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.reports-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.reports-section-card{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;padding:28px;box-shadow:0 4px 16px rgb(0 0 0 / .1),0 0 0 1px rgb(59 130 246 / .1);border:1px solid #e5e7eb;transition:all 0.3s ease;position:relative;overflow:hidden}.reports-section-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%);opacity:0;transition:opacity 0.3s ease}.reports-section-card:hover::before{opacity:1}.reports-section-card:hover{box-shadow:0 12px 28px rgb(37 99 235 / .15),0 0 0 1px rgb(59 130 246 / .2);transform:translateY(-2px)}html.dark .reports-section-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155;box-shadow:0 4px 16px rgb(0 0 0 / .4),0 0 0 1px rgb(59 130 246 / .2)}html.dark .reports-section-card:hover{box-shadow:0 12px 28px rgb(37 99 235 / .3),0 0 0 1px rgb(59 130 246 / .3)}.reports-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}html.dark .reports-section-header{border-bottom-color:#334155}.section-header-icon{width:40px;height:40px;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgb(37 99 235 / .3)}.created-icon{background:linear-gradient(135deg,#16a34a 0%,#22c55e 50%,#4ade80 100%);box-shadow:0 4px 12px rgb(22 163 74 / .3)}.updated-icon{background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 50%,#60a5fa 100%);box-shadow:0 4px 12px rgb(14 165 233 / .3)}.deleted-icon{background:linear-gradient(135deg,#dc2626 0%,#ef4444 50%,#f87171 100%);box-shadow:0 4px 12px rgb(220 38 38 / .3)}.alerts-icon{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 50%,#fcd34d 100%);box-shadow:0 4px 12px rgb(245 158 11 / .3)}.reports-section-title{font-size:20px;font-weight:700;color:#111827;margin:0;letter-spacing:-.3px}html.dark .reports-section-title{color:#f9fafb}.reports-activity-list{max-height:500px;overflow-y:auto;padding-right:8px}.reports-activity-list::-webkit-scrollbar{width:8px}.reports-activity-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}html.dark .reports-activity-list::-webkit-scrollbar-track{background:#1e293b}.reports-activity-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}html.dark .reports-activity-list::-webkit-scrollbar-thumb{background:#475569}.reports-activity-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark .reports-activity-list::-webkit-scrollbar-thumb:hover{background:#64748b}.activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:12px;transition:all 0.2s ease;border-left:4px solid #fff0}.activity-item:hover{background:#f3f4f6;transform:translateX(4px)}html.dark .activity-item{background:#1e293b;border-left-color:#334155}html.dark .activity-item:hover{background:#334155}.activity-created{border-left-color:#16a34a}.activity-updated{border-left-color:#0ea5e9}.activity-deleted{border-left-color:#dc2626}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-created .activity-icon{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#16a34a}.activity-updated .activity-icon{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);color:#0ea5e9}.activity-deleted .activity-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}html.dark .activity-created .activity-icon{background:linear-gradient(135deg,#14532d 0%,#166534 100%);color:#22c55e}html.dark .activity-updated .activity-icon{background:linear-gradient(135deg,#0c4a6e 0%,#075985 100%);color:#38bdf8}html.dark .activity-deleted .activity-icon{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%);color:#fca5a5}.activity-content{flex:1;min-width:0}.activity-site{font-size:16px;font-weight:600;color:#111827;margin:0 0 6px 0}html.dark .activity-site{color:#f9fafb}.activity-user{font-size:14px;color:#6b7280;margin:0 0 8px 0}html.dark .activity-user{color:#9ca3af}.activity-meta{font-size:13px;color:#9ca3af;margin:0;display:flex;align-items:center;gap:8px}html.dark .activity-meta{color:#64748b}.activity-label{font-weight:600;padding:4px 10px;border-radius:6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.activity-created .activity-label{background:#dcfce7;color:#16a34a}.activity-updated .activity-label{background:#e0f2fe;color:#0ea5e9}.activity-deleted .activity-label{background:#fee2e2;color:#dc2626}html.dark .activity-created .activity-label{background:#14532d;color:#22c55e}html.dark .activity-updated .activity-label{background:#0c4a6e;color:#38bdf8}html.dark .activity-deleted .activity-label{background:#7f1d1d;color:#fca5a5}.activity-date{color:#6b7280}html.dark .activity-date{color:#94a3b8}.reports-categories-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:12px;border-left:4px solid #2563eb;transition:all 0.2s ease}.category-item:hover{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);transform:translateX(4px)}html.dark .category-item{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-left-color:#3b82f6}html.dark .category-item:hover{background:linear-gradient(135deg,#334155 0%,#475569 100%)}.category-name{font-size:16px;font-weight:600;color:#111827}html.dark .category-name{color:#f9fafb}.category-count{font-size:24px;font-weight:700;color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 50%,#93c5fd 100%);padding:8px 16px;border-radius:8px;min-width:60px;text-align:center;box-shadow:0 2px 8px rgb(37 99 235 / .2);border:1px solid rgb(59 130 246 / .3)}html.dark .category-count{color:#60a5fa;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 50%,#2563eb 100%);box-shadow:0 2px 8px rgb(37 99 235 / .4);border-color:rgb(59 130 246 / .5)}.reports-alerts-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:16px;padding:28px;margin-bottom:32px;box-shadow:0 4px 12px rgb(245 158 11 / .15);border:2px solid #fbbf24}html.dark .reports-alerts-card{background:linear-gradient(135deg,#78350f 0%,#92400e 100%);border-color:#f59e0b;box-shadow:0 4px 12px rgb(245 158 11 / .2)}.reports-alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:rgb(255 255 255 / .7);border-radius:12px;backdrop-filter:blur(10px)}html.dark .alert-item{background:rgb(0 0 0 / .2)}.alert-success{background:rgb(34 197 94 / .1);border-left:4px solid #16a34a}.alert-warning{background:rgb(245 158 11 / .1);border-left:4px solid #f59e0b}.alert-info{background:rgb(14 165 233 / .1);border-left:4px solid #0ea5e9}.alert-icon{font-size:20px;flex-shrink:0}.alert-text{font-size:15px;font-weight:500;color:#78350f;line-height:1.6}html.dark .alert-text{color:#fde68a}.alert-success .alert-text{color:#166534}html.dark .alert-success .alert-text{color:#86efac}.alert-info .alert-text{color:#0c4a6e}html.dark .alert-info .alert-text{color:#7dd3fc}.reports-empty-state{text-align:center;padding:48px 24px;color:#9ca3af}html.dark .reports-empty-state{color:#64748b}.reports-empty-state p{margin:0;font-size:15px;font-weight:500}.reports-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.reports-loading-state p{margin:0;color:#6b7280;font-size:14px}html.dark .reports-loading-state p{color:#9ca3af}.loading-spinner-small{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 0.8s linear infinite}html.dark .loading-spinner-small{border-color:#334155;border-top-color:#3b82f6}@media (max-width:1024px){.reports-content-grid{grid-template-columns:1fr}.reports-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){#reports-container{padding:20px 16px}.reports-header{padding:24px 20px}.reports-title{font-size:28px}.reports-subtitle{font-size:16px}.reports-stats-grid{grid-template-columns:1fr;gap:16px}.reports-section-card,.reports-alerts-card{padding:20px}}