@tailwind base;@tailwind components;@tailwind utilities;:root{--theme-primary:#3b82f6;--theme-secondary:#6b7280;--theme-accent:#10b981;--theme-background:#8cd9a3;--theme-surface:#f9fafb;--theme-text:#111827;--theme-text-secondary:#6b7280;--theme-border:#e5e7eb;--theme-success:#10b981;--theme-warning:#f59e0b;--theme-error:#ef4444}.bg-grid-pattern{background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.1) 1px,transparent 0);background-size:20px 20px}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.component-container{margin-bottom:1rem}.canvas-container{position:relative;overflow:auto}.absolute{position:absolute;transition:all .3s ease}@media (max-width:640px){.canvas-container[data-breakpoint=mobile] .absolute{left:var(--mobile-left)!important;top:var(--mobile-top)!important}}@media (min-width:641px) and (max-width:1024px){.canvas-container[data-breakpoint=tablet] .absolute{left:var(--tablet-left)!important;top:var(--tablet-top)!important}}@media (min-width:1025px){.canvas-container[data-breakpoint=desktop] .absolute{left:var(--desktop-left)!important;top:var(--desktop-top)!important}}@media (max-width:640px){.container{padding-left:.5rem!important;padding-right:.5rem!important}button{padding:.75rem 1rem!important;font-size:14px!important}button,input,textarea{min-height:44px!important}input,textarea{font-size:16px!important}.hold-to-confirm-container{padding:30px!important}.card-component{max-width:calc(100vw - 40px)!important;margin:.5rem!important}}@media (min-width:641px) and (max-width:1024px){.card-component{max-width:90%!important}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#3b82f6;cursor:pointer}.slider::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.peer:checked~.peer-checked\:bg-blue-600{background-color:#2563eb!important}.peer:checked~.peer-checked\:after\:translate-x-full:after{transform:translateX(100%)!important}.badge{display:inline-flex;align-items:center;border-radius:9999px;font-size:.75rem;font-weight:500;padding:.125rem .625rem;border:1px solid}.navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}button:active{transform:translateY(0)}input:focus,select:focus,textarea:focus{outline:none;ring:2px;ring-color:#3b82f6;border-color:transparent}