:root{--primary:#667eea;--primary-dark:#764ba2;--secondary:#10b981;--danger:#ef4444;--warning:#f59e0b;--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}*{box-sizing:border-box;margin:0;padding:0}body,html{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}a{color:inherit;text-decoration:none}button{font-family:inherit}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-primary:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-secondary{background:var(--gray-100);color:var(--gray-800)}.btn-secondary:hover{background:var(--gray-200)}.btn-success{background:linear-gradient(135deg,var(--secondary),#059669);color:#fff}.btn-success:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(16,185,129,.4)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.spinner{border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media (max-width:768px){.btn,a.btn,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}}.mobile-hidden{display:block}.mobile-only{display:none}.tablet-hidden{display:block}@media (max-width:1024px){.tablet-hidden{display:none!important}}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-only{display:block!important}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important;max-width:100%!important}.mobile-compact{padding:12px!important}.mobile-text-sm{font-size:12px!important}.mobile-text-center{text-align:center!important}}.container-responsive{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}@media (max-width:768px){.container-responsive{padding:0 12px}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}@media (max-width:600px){.card-grid{grid-template-columns:1fr;gap:12px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.modal-responsive{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important}.modal-responsive .modal-content{height:100%;overflow-y:auto}}@supports (padding-top:env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}