*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-dark: #5a67d8;--secondary: #764ba2;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--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;--sidebar-bg: #1a1a2e;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sidebar-width: 250px;--touch-target-min: 44px}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--gray-800);background-color:var(--gray-100)}body,#app{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}h2{font-size:1.25rem;font-weight:600;color:var(--gray-800)}h3{font-size:1rem;font-weight:600;color:var(--gray-700)}p{color:var(--gray-600)}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;color:var(--gray-600);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}td{color:var(--gray-700)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--gray-500)}.bg-white{background-color:#fff}.bg-gray{background-color:var(--gray-100)}.rounded{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:1024px){html,body,#app{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}}.hide-mobile{display:block}.hide-mobile-flex{display:flex}.show-mobile,.show-mobile-flex,.show-mobile-inline{display:none!important}@media(max-width:768px){.hide-mobile,.hide-mobile-flex{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}button,.btn,input[type=button],input[type=submit]{min-height:var(--touch-target-min)}input,select,textarea{font-size:16px}}@media(min-width:769px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media(max-width:768px){.stack-mobile{flex-direction:column!important}.wrap-mobile{flex-wrap:wrap!important}.full-width-mobile{width:100%!important;max-width:100%!important}.flex-1-mobile{flex:1!important}.gap-mobile-sm{gap:.5rem!important}.gap-mobile-md{gap:1rem!important}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.table-responsive{margin:0 -1rem;padding:0 1rem;width:calc(100% + 2rem)}}.desktop-table-view{display:block}.mobile-card-view{display:none}@media(max-width:768px){.desktop-table-view{display:none}.mobile-card-view{display:block}}.mobile-card{background:#fff;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a}.mobile-card-header{display:flex;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.mobile-card-thumb{width:50px;height:50px;object-fit:cover;border-radius:.375rem;flex-shrink:0}.mobile-card-title{display:flex;flex-direction:column;min-width:0}.mobile-card-title strong{font-size:.9375rem;color:var(--gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-title small{color:var(--gray-500);font-size:.75rem}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid var(--gray-100)}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em}.mobile-card-value{font-weight:500;text-align:right;color:var(--gray-700)}.mobile-card-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-100)}.mobile-card-actions .btn{flex:1;text-align:center}@media(max-width:768px){.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:1rem 1rem 0 0;box-shadow:0 -4px 20px #00000026;max-height:60vh;overflow-y:auto;z-index:100;transform:translateY(calc(100% - 60px));transition:transform .3s ease}.mobile-bottom-sheet.expanded{transform:translateY(0)}.mobile-bottom-sheet-handle{width:40px;height:4px;background:var(--gray-300);border-radius:2px;margin:.75rem auto}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sidebar-overlay.active{opacity:1;visibility:visible}.hamburger-btn{position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--sidebar-bg);color:#fff;border:none;border-radius:.5rem;width:44px;height:44px;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;box-shadow:0 2px 8px #0003}@media(max-width:768px){.hamburger-btn{display:flex}}