:root{--background:#f8f9fa;--foreground:#212529;--primary:#0d6efd;--primary-hover:#0b5ed7;--secondary:#6c757d;--border:#dee2e6;--card-bg:#fff;--sidebar-bg:#1e293b;--sidebar-fg:#f8fafc;--sidebar-hover:#334155}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);background:var(--background);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.btn{border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:#fff}.form-group{margin-bottom:1rem}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem;font-size:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.mobile-menu-toggle{color:var(--foreground);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}.mobile-header{display:none}@media (max-width:768px){body:before{content:"📱 Mobile Mode";background:var(--primary);color:#fff;z-index:9999;border-radius:0 0 4px;padding:.25rem .5rem;font-size:.75rem;position:fixed;top:0;left:0}.container{padding:.5rem}.card{border-radius:6px;padding:1rem}.btn{padding:.625rem 1rem;font-size:.875rem}.mobile-menu-toggle{display:block}.main-content-mobile{-webkit-overflow-scrolling:touch;width:100%!important;min-height:100vh!important;margin-left:0!important;padding:1rem!important;overflow-y:auto!important}.mobile-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex!important}.flex-mobile-col{flex-direction:column!important}.hidden-mobile{display:none!important}.full-mobile{width:100%!important}h1{font-size:1.5rem}h3{font-size:1rem}.form-control{padding:.625rem;font-size:1rem}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:4px;overflow-x:auto}.table-responsive table{min-width:600px}.btn-group-mobile{gap:.5rem;flex-direction:column!important;display:flex!important}.btn-group-mobile .btn{width:100%}}@media (max-width:480px){.container{padding:.25rem}.card{padding:.75rem}h1{font-size:1.25rem}.btn{padding:.5rem .75rem;font-size:.8125rem}}