*{margin:0;padding:0;box-sizing:border-box}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}:root,:root[data-theme=original]{--color-primary: #dc2626;--color-primary-dark: #991b1b;--color-primary-light: #fca5a5;--color-secondary: #3b82f6;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-info: #3b82f6;--color-purple: #8b5cf6;--color-bg-dark: #0f172a;--color-bg-card: #1e293b;--color-bg-input: #334155;--color-border: #334155;--color-border-light: #475569;--color-text-primary: #ffffff;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-pending: #dc2626;--color-served: #22c55e;--color-failed: #ef4444;--header-bg: #0f172a;--header-text: #ffffff;--header-border: #dc2626;--sidebar-bg: #1e293b;--sidebar-text: #ffffff;--sidebar-hover: #334155;--sidebar-active-border: #dc2626;--btn-primary: #dc2626;--btn-primary-hover: #991b1b;--btn-secondary: #334155;--btn-secondary-hover: #475569;--card-bg: #1e293b;--card-border: #334155;--card-hover: #334155}:root[data-theme=law-enforcement]{--color-primary: #0052cc;--color-primary-dark: #003a9b;--color-primary-light: #4d94ff;--color-secondary: #e8eef4;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-info: #0052cc;--color-purple: #6f42c1;--color-bg-dark: #e8eef4;--color-bg-card: #ffffff;--color-bg-input: #f0f4f8;--color-border: #c9d6e3;--color-border-light: #dde6ef;--color-text-primary: #1a2b3c;--color-text-secondary: #3d5167;--color-text-muted: #6b839c;--color-pending: #ff8c00;--color-served: #28a745;--color-failed: #dc3545;--header-bg: #0052cc;--header-text: #ffffff;--header-border: #0052cc;--sidebar-bg: #f5f8fb;--sidebar-text: #1a2b3c;--sidebar-hover: #e0e8f0;--sidebar-active-border: #0052cc;--btn-primary: #0052cc;--btn-primary-hover: #003a9b;--btn-secondary: #e0e8f0;--btn-secondary-hover: #c9d6e3;--card-bg: #ffffff;--card-border: #c9d6e3;--card-hover: #f5f8fb}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-dark);color:var(--color-text-secondary);overscroll-behavior-y:contain}#root{min-height:100vh;min-height:100dvh}button,input,select,textarea{font-size:16px;touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}html{scroll-behavior:smooth}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.grid{display:grid;gap:var(--spacing-md)}.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))}@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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mobile-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:var(--color-bg-dark);padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.camera-viewfinder{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden}.camera-viewfinder video{width:100%;height:100%;object-fit:cover}.camera-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--safe-area-bottom));background:linear-gradient(transparent,#000c);display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl)}.camera-shutter{width:72px;height:72px;border-radius:50%;background-color:#fff;border:4px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.camera-shutter:active{transform:scale(.9)}.camera-shutter-inner{width:100%;height:100%;border-radius:50%;background-color:#fff;border:2px solid #333}.btn{min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:background-color .2s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--btn-primary);color:#fff}.btn-primary:hover{background-color:var(--btn-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-full{width:100%}.btn-lg{min-height:56px;padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-bg-input);color:var(--color-text-primary);font-size:16px}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}.card{background-color:var(--color-bg-card);border-radius:8px;padding:var(--spacing-md)}@media (min-width: 768px){.card{padding:var(--spacing-lg)}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg-card);border-top:1px solid var(--color-border);padding-bottom:var(--safe-area-bottom);z-index:100}.mobile-nav-items{display:flex;justify-content:space-around;align-items:center;height:56px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:.75rem;min-width:64px}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-icon{font-size:1.25rem;margin-bottom:2px}@media (max-width: 767px){.desktop-sidebar{display:none!important}.main-content{padding-bottom:calc(56px + var(--safe-area-bottom))!important}}@media (min-width: 768px){.mobile-nav{display:none!important}}.wizard-progress{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-bg-card);margin-bottom:var(--spacing-md)}.wizard-step{display:flex;flex-direction:column;align-items:center;flex:1}.wizard-step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background-color:var(--color-bg-input);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.wizard-step.active .wizard-step-indicator{background-color:var(--color-primary);color:#fff}.wizard-step.completed .wizard-step-indicator{background-color:var(--color-success);color:#fff}.wizard-step-label{font-size:.625rem;color:var(--color-text-muted);text-align:center}.wizard-step.active .wizard-step-label{color:var(--color-text-primary)}.swipeable{touch-action:pan-y}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease}.animate-slide-up{animation:slideUp .3s ease}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;font-size:.75rem;font-weight:600}.badge-success{background-color:var(--color-success);color:#fff}.badge-warning{background-color:var(--color-warning);color:#000}.badge-error{background-color:var(--color-error);color:#fff}.badge-info{background-color:var(--color-secondary);color:#fff}.badge-purple{background-color:var(--color-purple);color:#fff}@media print{.no-print{display:none!important}body{background-color:#fff;color:#000}}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.modal-open{overflow:hidden;position:fixed;width:100%}.layout{display:flex;min-height:100vh;min-height:100dvh}.desktop-sidebar{width:240px;background-color:var(--sidebar-bg);padding:var(--spacing-md);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--color-border)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1rem;margin-bottom:var(--spacing-sm);border-radius:8px;color:var(--sidebar-text);text-decoration:none;transition:background-color .15s ease,color .15s ease;border-left:3px solid transparent}.sidebar-link:hover{background-color:var(--sidebar-hover);color:var(--color-text-primary)}.sidebar-link.active{background-color:var(--sidebar-hover);color:var(--color-text-primary);border-left-color:var(--sidebar-active-border)}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.main-content{flex:1;background-color:var(--color-bg-dark);padding:var(--spacing-lg);overflow:auto;min-width:0}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;padding-top:var(--safe-area-top);background-color:var(--header-bg);border-bottom:3px solid var(--header-border);z-index:100;align-items:center;justify-content:space-between;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.mobile-header-title{color:var(--header-text);font-size:1.125rem;font-weight:600;margin:0}.mobile-menu-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--header-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:200}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background-color:var(--sidebar-bg);z-index:300;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.mobile-menu-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.mobile-menu-user-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.mobile-menu-nav{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.mobile-menu-link{display:flex;align-items:center;gap:var(--spacing-md);padding:.875rem 1rem;border-radius:8px;color:var(--sidebar-text);text-decoration:none;transition:background-color .15s ease}.mobile-menu-link:hover,.mobile-menu-link.active{background-color:var(--sidebar-hover);color:var(--color-text-primary)}.mobile-menu-link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-menu-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--sidebar-bg);border-top:1px solid var(--color-border);padding-bottom:var(--safe-area-bottom);z-index:100}.mobile-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;color:var(--sidebar-text);text-decoration:none;font-size:.625rem;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.7}.mobile-bottom-nav-item:hover{opacity:1}.mobile-bottom-nav-item svg{width:24px;height:24px;margin-bottom:2px}.mobile-bottom-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-bottom-nav-item.active{color:var(--color-primary);opacity:1}@media (max-width: 767px){.desktop-sidebar{display:none!important}.mobile-header,.mobile-bottom-nav{display:flex}.main-content{padding:var(--spacing-md);padding-top:calc(56px + var(--safe-area-top) + var(--spacing-md));padding-bottom:calc(64px + var(--safe-area-bottom) + var(--spacing-md))}.layout{flex-direction:column}}@media (min-width: 768px){.mobile-header,.mobile-menu,.mobile-menu-overlay,.mobile-bottom-nav{display:none!important}}.page-header{margin-bottom:var(--spacing-lg)}.page-header h1,.page-header h2{color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.page-header p{color:var(--color-text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--color-bg-card);border-radius:8px;padding:var(--spacing-md)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-list-item{background-color:var(--color-bg-card);border-radius:8px;padding:var(--spacing-md);cursor:pointer;transition:background-color .15s ease}.card-list-item:hover{background-color:var(--color-bg-input)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:#16a34a}