.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.container-padding{padding:0 1rem}@media(min-width:768px){.container-padding{padding:0 2rem}}.focus-visible:focus{outline:2px solid #10b981;outline-offset:2px}.transition-all{transition:all .2s ease-in-out}.btn-primary{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.gradient-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-responsive{font-size:clamp(.875rem,1.5vw,1.125rem)}.input-field{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease;background:#fff}.input-field:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#f3f4f6;color:#374151}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:120px;background-color:#374151;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}