:root{--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--green-50:#ecfdf5;--green-100:#d1fae5;--green-500:#10b981;--green-600:#059669;--green-700:#047857;--yellow-50:#fffbeb;--yellow-100:#fef3c7;--yellow-500:#f59e0b;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--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;--white:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:8px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 6px #00000012;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1{color:var(--gray-900);font-size:clamp(1.3rem,4vw,1.875rem);font-weight:700}h2{color:var(--gray-800);font-size:clamp(1.15rem,3.5vw,1.5rem);font-weight:600}h3{color:var(--gray-800);font-size:clamp(1rem,3vw,1.25rem);font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.min-h-screen{min-height:100vh}.h-16{height:4rem}.w-full{width:100%}.w-64{width:16rem}.w-72{width:18rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-white{color:var(--white)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-red-600{color:var(--red-600)}.bg-white{background:var(--white)}.bg-gray-50{background:var(--gray-50)}.border-b{border-bottom:1px solid var(--gray-200)}.border-r{border-right:1px solid var(--gray-200)}.rounded-lg{border-radius:.5rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.gap-4{gap:1rem}.space-y-1>*+*{margin-top:.25rem}.btn{border-radius:var(--radius);font-family:var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{min-height:36px;padding:.375rem .75rem;font-size:.75rem}.btn-lg{min-height:52px;padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background:var(--red-600);color:var(--white)}.btn-primary:hover{background:var(--red-700)}.btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover{background:var(--gray-50)}.btn-success{background:var(--green-600);color:var(--white)}.btn-success:hover{background:var(--green-700)}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow);overflow:hidden}.card-body{padding:1rem 1.25rem}.card-footer{border-top:1px solid var(--gray-100);padding:.75rem 1.25rem}.badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-danger{background:var(--red-100);color:var(--red-800)}.badge-warning{background:var(--yellow-100);color:#92400e}.badge-success{background:var(--green-100);color:var(--green-700)}.badge-info{background:var(--blue-100);color:#1e40af}.form-group{margin-bottom:1rem}.form-label{color:var(--gray-700);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--gray-300);border-radius:var(--radius);width:100%;font-family:var(--font-sans);color:var(--gray-800);background:var(--white);appearance:none;outline:none;padding:.75rem .875rem;font-size:16px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-100)}@media (width<=768px){body{font-size:15px}.hide-mobile{display:none!important}.w-64{width:100%}.p-6{padding:1rem}.gap-4{gap:.75rem}}@media (width>=769px){.hide-desktop{display:none!important}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}