.modern-card{border-radius:1.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(246 248 250/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-card,.modern-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-card:hover{--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color)}.modern-card-interactive{cursor:pointer;border-radius:1.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(246 248 250/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-card-interactive,.modern-card-interactive:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-card-interactive:hover{--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color);--tw-translate-y:-0.25rem;--tw-scale-x:1.02;--tw-scale-y:1.02}.modern-card-gradient-border{position:relative;border-radius:1.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(246 248 250/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-card-gradient-border,.modern-card-gradient-border:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-card-gradient-border:hover{--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color)}.modern-card-gradient-border{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgb(var(--brand-yellow)),rgb(var(--brand-coral))) border-box;border:2px solid transparent}.modern-btn{display:inline-flex;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:1rem;font-weight:500;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.modern-btn:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-btn:disabled{cursor:not-allowed;opacity:.5}.modern-btn-primary{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));display:inline-flex;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:1rem;font-weight:500;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-btn-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.modern-btn-primary:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-btn-primary:disabled{cursor:not-allowed;opacity:.5}.modern-btn-primary:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#4338ca var(--tw-gradient-to-position);--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-btn-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.modern-btn-secondary{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));display:inline-flex;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:1rem;font-weight:500;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-btn-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.modern-btn-secondary:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.modern-btn-secondary:hover{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#db2777 var(--tw-gradient-to-position);--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-btn-secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.modern-btn-success{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#10b981 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));display:inline-flex;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:1rem;font-weight:500;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-btn-success:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.modern-btn-success:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-btn-success:disabled{cursor:not-allowed;opacity:.5}.modern-btn-success:hover{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#059669 var(--tw-gradient-to-position);--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-btn-success:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.modern-btn-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(209 214 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));--tw-shadow:0 8px 10px -3px rgba(0,0,0,.04),0 4px 6px -2px rgba(0,0,0,.05);--tw-shadow-colored:0 8px 10px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);display:inline-flex;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:1rem;font-weight:500;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-btn-outline:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.modern-btn-outline:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-btn-outline:disabled{cursor:not-allowed;opacity:.5}.modern-btn-outline:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.modern-btn-outline:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.modern-btn-ghost{background-color:transparent;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));display:inline-flex;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:1rem;font-weight:500;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-btn-ghost:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.modern-btn-ghost:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-btn-ghost:disabled{cursor:not-allowed;opacity:.5}.modern-btn-ghost:hover{--tw-bg-opacity:1;background-color:rgb(246 248 250/var(--tw-bg-opacity,1));--tw-shadow:0 8px 10px -3px rgba(0,0,0,.04),0 4px 6px -2px rgba(0,0,0,.05);--tw-shadow-colored:0 8px 10px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-btn-ghost:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.modern-btn-sm{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;letter-spacing:.025em}.modern-btn-md{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;letter-spacing:0}.modern-btn-lg{padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.025em}.modern-input{width:100%;border-radius:1rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 232 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modern-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.modern-input::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.modern-input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modern-input:hover{--tw-border-opacity:1;border-color:rgb(209 214 219/var(--tw-border-opacity,1))}.modern-input:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.modern-input:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.modern-input-error{width:100%;border-radius:1rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 232 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modern-input-error::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.modern-input-error::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.modern-input-error{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modern-input-error:hover{--tw-border-opacity:1;border-color:rgb(209 214 219/var(--tw-border-opacity,1))}.modern-input-error:focus{border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.modern-input-error:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.modern-input-error:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))}.modern-input-success{width:100%;border-radius:1rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 232 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modern-input-success::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.modern-input-success::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.modern-input-success{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modern-input-success:hover{--tw-border-opacity:1;border-color:rgb(209 214 219/var(--tw-border-opacity,1))}.modern-input-success:focus{border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.modern-input-success:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(250 251 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.modern-input-success:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(187 247 208/var(--tw-ring-opacity,1))}.modern-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;letter-spacing:.025em;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modern-badge-primary{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.modern-badge-primary,.modern-badge-secondary{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;letter-spacing:.025em;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modern-badge-secondary{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(233 213 255/var(--tw-ring-opacity,1))}.modern-badge-success{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(187 247 208/var(--tw-ring-opacity,1))}.modern-badge-success,.modern-badge-warning{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;letter-spacing:.025em;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modern-badge-warning{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(254 240 138/var(--tw-ring-opacity,1))}.modern-badge-danger{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))}.modern-badge-danger,.modern-badge-gradient{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;letter-spacing:.025em;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modern-badge-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-icon-container{--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.modern-icon-container,.modern-icon-container-blue{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-icon-container-blue{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.modern-icon-container-purple{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.modern-icon-container-green,.modern-icon-container-purple{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-icon-container-green{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#10b981 var(--tw-gradient-to-position);--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.modern-icon-container-orange{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f59e0b var(--tw-gradient-to-position);--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.modern-icon-container-orange,.modern-icon-container-red{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-icon-container-red{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f43f5e var(--tw-gradient-to-position);--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.modern-icon-container-indigo{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position);display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:1rem;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-icon-container-indigo,.modern-section{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-section{border-radius:1.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(246 248 250/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:2rem;--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.modern-section-header{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.modern-section-title{font-size:1.5rem;line-height:2rem;letter-spacing:-.05em;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modern-section-subtitle{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.modern-section-blue{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1));--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.modern-section-blue,.modern-section-purple{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.modern-section-purple{--tw-border-opacity:1;border-color:rgb(243 232 255/var(--tw-border-opacity,1));--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,245,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.modern-section-green{--tw-border-opacity:1;border-color:rgb(220 252 231/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}.modern-toggle{position:relative;display:inline-flex;height:1.75rem;width:3rem;cursor:pointer;align-items:center;border-radius:9999px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-toggle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.modern-toggle input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modern-toggle-checked{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.modern-toggle-unchecked{--tw-bg-opacity:1;background-color:rgb(209 214 219/var(--tw-bg-opacity,1))}.modern-toggle-knob{display:inline-block;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-toggle-knob,.modern-toggle-knob-checked{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-toggle-knob-checked{--tw-translate-x:1.5rem}.modern-toggle-knob-unchecked{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-grid-2{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.modern-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.modern-grid-3{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.modern-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.modern-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.modern-grid-4{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.modern-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.modern-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.modern-hover-lift{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-hover-lift:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modern-hover-scale{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-hover-scale:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modern-hover-glow{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.modern-hover-glow:hover{box-shadow:0 0 20px rgba(59,130,246,.5)}@keyframes modern-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modern-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes modern-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modern-animate-fade-in{animation:modern-fade-in .3s ease-out}.modern-animate-slide-in{animation:modern-slide-in .3s ease-out}.modern-animate-scale-in{animation:modern-scale-in .2s ease-out}.modern-status,.modern-status-active{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;letter-spacing:.025em;font-weight:500}.modern-status-active{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.modern-status-active:before{content:"";height:.5rem;width:.5rem}@keyframes pulse{50%{opacity:.5}}.modern-status-active:before{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.modern-status-pending{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1));display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;letter-spacing:.025em;font-weight:500}.modern-status-pending:before{content:"";height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.modern-status-inactive{--tw-bg-opacity:1;background-color:rgb(246 248 250/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;letter-spacing:.025em;font-weight:500}.modern-status-inactive:before{content:"";height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.modern-alert{border-radius:1rem;border-width:2px;padding:1rem}.modern-alert-info{border-color:rgb(191 219 254/var(--tw-border-opacity,1));background-color:rgb(239 246 255/var(--tw-bg-opacity,1));color:rgb(30 64 175/var(--tw-text-opacity,1));border-radius:1rem;border-width:2px}.modern-alert-info,.modern-alert-success{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;padding:1rem}.modern-alert-success{border-color:rgb(187 247 208/var(--tw-border-opacity,1));background-color:rgb(240 253 244/var(--tw-bg-opacity,1));color:rgb(22 101 52/var(--tw-text-opacity,1));border-radius:1rem;border-width:2px}.modern-alert-warning{border-color:rgb(254 240 138/var(--tw-border-opacity,1));background-color:rgb(254 252 232/var(--tw-bg-opacity,1));color:rgb(133 77 14/var(--tw-text-opacity,1));border-radius:1rem;border-width:2px}.modern-alert-danger,.modern-alert-warning{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;padding:1rem}.modern-alert-danger{border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 242 242/var(--tw-bg-opacity,1));color:rgb(153 27 27/var(--tw-text-opacity,1));border-radius:1rem;border-width:2px}.modern-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:rgb(209 214 219/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.modern-spinner-sm{height:1rem;width:1rem;animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:rgb(209 214 219/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.modern-spinner-md{height:1.5rem;width:1.5rem;animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:rgb(209 214 219/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.modern-spinner-lg{height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.modern-spinner-lg{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:rgb(209 214 219/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.modern-gradient-blue{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.modern-gradient-blue,.modern-gradient-purple{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.modern-gradient-purple{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.modern-gradient-green{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.modern-gradient-green,.modern-gradient-orange{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.modern-gradient-orange{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.modern-gradient-brand{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.modern-gradient-brand,.modern-heading{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.modern-heading{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#581c87 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;line-height:2.5rem;color:transparent}.modern-heading,.modern-subheading{letter-spacing:-.05em;font-weight:700}.modern-subheading{font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modern-text-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.modern-container{width:100%}@media (min-width:475px){.modern-container{max-width:475px}}@media (min-width:640px){.modern-container{max-width:640px}}@media (min-width:768px){.modern-container{max-width:768px}}@media (min-width:1024px){.modern-container{max-width:1024px}}@media (min-width:1280px){.modern-container{max-width:1280px}}@media (min-width:1536px){.modern-container{max-width:1536px}}@media (min-width:1920px){.modern-container{max-width:1920px}}.modern-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.modern-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.modern-container{padding-left:2rem;padding-right:2rem}}.modern-section-spacing{padding-top:3rem;padding-bottom:3rem}@media (min-width:768px){.modern-section-spacing{padding-top:4rem;padding-bottom:4rem}}@media (min-width:1024px){.modern-section-spacing{padding-top:5rem;padding-bottom:5rem}}.modern-glass{border-width:1px;border-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.8);--tw-shadow:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--tw-shadow-colored:0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);--tw-backdrop-blur:blur(12px)}.modern-glass,.modern-glass-dark{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modern-glass-dark{border-width:1px;border-color:rgba(55,65,81,.5);background-color:rgba(17,24,39,.8);--tw-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);--tw-shadow-colored:0 20px 24px -4px var(--tw-shadow-color),0 8px 8px -4px var(--tw-shadow-color);--tw-backdrop-blur:blur(12px)}:root{--brand-yellow:253 201 53;--brand-yellow-50:255 254 247;--brand-yellow-100:255 251 235;--brand-yellow-200:255 244 209;--brand-yellow-300:254 234 173;--brand-yellow-400:253 220 92;--brand-yellow-500:253 201 53;--brand-yellow-600:244 183 16;--brand-yellow-700:217 159 0;--brand-yellow-800:179 131 0;--brand-yellow-900:140 103 0;--brand-blue:59 130 246;--brand-blue-50:239 246 255;--brand-blue-100:219 234 254;--brand-blue-200:191 219 254;--brand-blue-300:147 197 253;--brand-blue-400:96 165 250;--brand-blue-500:59 130 246;--brand-blue-600:37 99 235;--brand-blue-700:29 78 216;--brand-blue-800:30 64 175;--brand-blue-900:30 58 138;--brand-coral:255 107 107;--brand-coral-50:255 245 245;--brand-coral-100:255 230 230;--brand-coral-200:255 204 204;--brand-coral-300:255 153 153;--brand-coral-400:255 107 107;--brand-coral-500:229 69 69;--brand-coral-600:204 46 46;--brand-coral-700:153 31 31;--brand-coral-800:102 20 20;--brand-coral-900:77 15 15;--brand-purple:147 51 234;--brand-purple-50:250 245 255;--brand-purple-500:168 85 247;--brand-purple-600:147 51 234;--brand-purple-700:126 34 206;--brand-indigo:99 102 241;--brand-indigo-50:238 242 255;--brand-indigo-500:129 140 248;--brand-indigo-600:99 102 241;--brand-indigo-700:79 70 229;--brand-pink:236 72 153;--brand-pink-50:253 242 248;--brand-pink-500:244 114 182;--brand-pink-600:236 72 153;--color-success:34 197 94;--color-success-50:240 253 244;--color-success-500:34 197 94;--color-success-600:22 163 74;--color-warning:251 146 60;--color-warning-50:255 247 237;--color-warning-500:251 146 60;--color-danger:239 68 68;--color-danger-50:254 242 242;--color-danger-500:239 68 68;--color-info:59 130 246;--color-info-50:239 246 255;--color-info-500:59 130 246;--gray-50:249 250 251;--gray-100:243 244 246;--gray-200:229 231 235;--gray-300:209 213 219;--gray-400:156 163 175;--gray-500:107 114 128;--gray-600:75 85 99;--gray-700:55 65 81;--gray-800:31 41 55;--gray-900:17 24 39;--gray-950:3 7 18;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-base:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--space-4xl:4rem;--space-5xl:5rem;--space-6xl:6rem;--font-display:"Outfit",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--radius-none:0;--radius-sm:0.375rem;--radius-default:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--radius-button:0.75rem;--radius-card:1.25rem;--radius-input:0.75rem;--radius-avatar:9999px;--radius-badge:0.5rem;--radius-modal:1.5rem;--radius-dropdown:1rem;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 2px 4px -1px rgba(0,0,0,.07),0 1px 2px -1px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-blue:0 10px 30px -5px rgba(59,130,246,.4);--shadow-purple:0 10px 30px -5px rgba(147,51,234,.4);--shadow-pink:0 10px 30px -5px rgba(236,72,153,.4);--shadow-yellow:0 10px 30px -5px rgba(253,201,53,.3);--shadow-coral:0 10px 30px -5px hsla(0,100%,71%,.3);--shadow-green:0 10px 30px -5px rgba(34,197,94,.3);--shadow-card:0 2px 8px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-card-hover:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);--shadow-button:0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-button-hover:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08);--shadow-dropdown:0 12px 40px rgba(0,0,0,.15);--shadow-modal:0 25px 60px rgba(0,0,0,.2);--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms;--transition-slower:500ms;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring:cubic-bezier(0.16,1,0.3,1);--gradient-blue:linear-gradient(135deg,#3b82f6,#6366f1);--gradient-purple:linear-gradient(135deg,#9333ea,#ec4899);--gradient-pink:linear-gradient(135deg,#ec4899,#f472b6);--gradient-green:linear-gradient(135deg,#22c55e,#10b981);--gradient-orange:linear-gradient(135deg,#fb923c,#fbbf24);--gradient-red:linear-gradient(135deg,#ef4444,#f43f5e);--gradient-brand:linear-gradient(135deg,#3b82f6,#9333ea);--gradient-brand-alt:linear-gradient(135deg,#9333ea,#ec4899);--gradient-warm:linear-gradient(135deg,#fb923c,#fdc935);--gradient-cool:linear-gradient(135deg,#3b82f6,#10b981);--gradient-sunset:linear-gradient(135deg,#ff6b6b,#fb923c 50%,#fdc935);--gradient-sky:linear-gradient(135deg,#3b82f6,#6366f1 50%,#9333ea);--gradient-aurora:linear-gradient(135deg,#10b981,#3b82f6 50%,#9333ea);--gradient-soft-blue:linear-gradient(180deg,#eff6ff,#dbeafe);--gradient-soft-purple:linear-gradient(180deg,#faf5ff,#f3e8ff);--gradient-soft-green:linear-gradient(180deg,#f0fdf4,#dcfce7);--gradient-soft:linear-gradient(180deg,#fff,#f9fafb);--gradient-dark:linear-gradient(180deg,#1f2937,#111827);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--z-max:9999;--button-height-sm:2rem;--button-height-md:2.75rem;--button-height-lg:3.5rem;--button-padding-x-sm:1rem;--button-padding-x-md:1.5rem;--button-padding-x-lg:2rem;--input-height-sm:2rem;--input-height-md:2.75rem;--input-height-lg:3.5rem;--input-padding-x:1rem;--card-padding-sm:1rem;--card-padding-md:1.5rem;--card-padding-lg:2rem;--card-gap:1rem;--nav-height:4.5rem;--nav-height-mobile:4rem;--sidebar-width:18rem;--sidebar-width-collapsed:4.5rem;--container-padding:1.5rem;--container-max-width:80rem}.dark,[data-theme=dark]{--color-bg:15 20 26;--color-bg-soft:26 34 43;--color-bg-elevated:35 46 58;--color-text:243 244 246;--color-text-muted:156 163 175;--border-color:#374151;--border-color-dark:#1f2937;--border-color-light:#4b5563;--shadow-sm:0 2px 4px -1px rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);--shadow-md:0 4px 6px -2px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.45),0 10px 10px -5px rgba(0,0,0,.35);--gradient-soft:linear-gradient(180deg,#1f2937,#111827)}.btn-roomates{display:inline-flex;align-items:center;justify-content:center;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-roomates:focus{outline:2px solid transparent;outline-offset:2px}.btn-roomates:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-roomates:disabled{transform:none;cursor:not-allowed;opacity:.6}.btn-roomates:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-roomates{border-radius:var(--radius-button);font-family:var(--font-body);font-weight:500;position:relative;overflow:hidden}.btn-roomates:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-roomates:hover:before{width:300px;height:300px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary:focus{outline:2px solid transparent;outline-offset:2px}.btn-primary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-primary:disabled{transform:none;cursor:not-allowed;opacity:.6}.btn-primary:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary{border-radius:var(--radius-button);font-family:var(--font-body);font-weight:500;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary{background:rgb(var(--brand-yellow));color:rgb(var(--gray-900));box-shadow:var(--shadow-button)}.btn-primary:hover{background:rgb(var(--brand-yellow-600));box-shadow:var(--shadow-button-hover),0 0 20px rgb(var(--brand-yellow)/.3)}.btn-primary:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1));--tw-ring-offset-color:#fff}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-secondary:focus{outline:2px solid transparent;outline-offset:2px}.btn-secondary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-secondary:disabled{transform:none;cursor:not-allowed;opacity:.6}.btn-secondary:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-secondary{border-radius:var(--radius-button);font-family:var(--font-body);font-weight:500;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-secondary:hover:before{width:300px;height:300px}.btn-secondary{background:rgb(var(--brand-blue));color:#fff;box-shadow:var(--shadow-button)}.btn-secondary:hover{background:rgb(var(--brand-blue-600));box-shadow:var(--shadow-button-hover),0 0 20px rgb(var(--brand-blue)/.3)}.btn-coral{display:inline-flex;align-items:center;justify-content:center;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-coral:focus{outline:2px solid transparent;outline-offset:2px}.btn-coral:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-coral:disabled{transform:none;cursor:not-allowed;opacity:.6}.btn-coral:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-coral{border-radius:var(--radius-button);font-family:var(--font-body);font-weight:500;position:relative;overflow:hidden}.btn-coral:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-coral:hover:before{width:300px;height:300px}.btn-coral{background:rgb(var(--brand-coral));color:#fff;box-shadow:var(--shadow-button)}.btn-coral:hover{background:rgb(var(--brand-coral-500));box-shadow:var(--shadow-button-hover),0 0 20px rgb(var(--brand-coral)/.3)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-outline:focus{outline:2px solid transparent;outline-offset:2px}.btn-outline:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-outline:disabled{transform:none;cursor:not-allowed;opacity:.6}.btn-outline:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-outline{border-radius:var(--radius-button);font-family:var(--font-body);font-weight:500;position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-outline:hover:before{width:300px;height:300px}.btn-outline{background:transparent;border:2px solid rgb(var(--gray-300));color:rgb(var(--gray-700))}.btn-outline:hover{border-color:rgb(var(--brand-yellow));color:rgb(var(--brand-yellow));background:rgb(var(--brand-yellow)/.05)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-ghost:focus{outline:2px solid transparent;outline-offset:2px}.btn-ghost:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-ghost:disabled{transform:none;cursor:not-allowed;opacity:.6}.btn-ghost:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ghost{border-radius:var(--radius-button);font-family:var(--font-body);font-weight:500;position:relative;overflow:hidden}.btn-ghost:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ghost:hover:before{width:300px;height:300px}.btn-ghost{background:transparent;color:rgb(var(--gray-700))}.btn-ghost:hover{background:rgb(var(--gray-100))}.btn-xs{font-size:.75rem;line-height:1rem;padding:.375rem .75rem;min-height:1.75rem}.btn-sm,.btn-xs{letter-spacing:.025em}.btn-sm{font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;min-height:2rem}.btn-md{font-size:1rem;line-height:1.5rem;letter-spacing:0;padding:.625rem 1.25rem;min-height:2.5rem}.btn-lg{font-size:1.125rem;line-height:1.75rem;padding:.75rem 1.5rem;min-height:3rem}.btn-lg,.btn-xl{letter-spacing:-.025em}.btn-xl{font-size:1.25rem;line-height:1.875rem;padding:1rem 2rem;min-height:3.5rem}.btn-icon-left,.btn-icon-right{display:flex;align-items:center;gap:.5rem}.btn-icon-right{flex-direction:row-reverse}.btn-icon-only{padding-left:0!important;padding-right:0!important;aspect-ratio:1}.card-roomates{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition-slow) var(--ease-smooth);position:relative;overflow:hidden}.card-roomates:hover{box-shadow:var(--shadow-card-hover)}.card-interactive{cursor:pointer;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition-slow) var(--ease-smooth);position:relative;overflow:hidden}.card-interactive:hover{box-shadow:var(--shadow-card-hover)}.card-interactive{transform:translateY(0)}.card-interactive:hover{transform:translateY(-4px)}.card-gradient-border{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition-slow) var(--ease-smooth);position:relative;overflow:hidden}.card-gradient-border:hover{box-shadow:var(--shadow-card-hover)}.card-gradient-border{background:linear-gradient(#fff,#fff) padding-box,var(--gradient-brand) border-box;border:2px solid transparent}.property-card{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition-slow) var(--ease-smooth);position:relative;overflow:hidden}.property-card:hover{box-shadow:var(--shadow-card-hover)}.property-card{display:flex;flex-direction:column}.property-card-image{aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-card) var(--radius-card) 0 0;position:relative}.property-card-badge{position:absolute;top:1rem;left:1rem;background:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;box-shadow:var(--shadow-lg)}.property-card-content{padding:1.25rem}.roommate-card{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition-slow) var(--ease-smooth);overflow:hidden}.roommate-card:hover{box-shadow:var(--shadow-card-hover)}.roommate-card{aspect-ratio:3/4;position:relative;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roommate-card:active{cursor:grabbing}.roommate-card-image{overflow:hidden}.roommate-card-image,.roommate-card-overlay{position:absolute;inset:0;border-radius:var(--radius-card)}.roommate-card-overlay{background:linear-gradient(180deg,transparent,transparent 50%,rgba(0,0,0,.8))}.roommate-card-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:#fff}.match-badge{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;font-weight:700;font-size:var(--text-lg);box-shadow:var(--shadow-lg)}.input-roomates{width:100%;padding:.625rem 1rem;border-radius:var(--radius-input);border:1px solid rgb(var(--gray-300));background:#fff;color:rgb(var(--gray-900));font-family:var(--font-body);transition:all var(--transition-base) var(--ease-smooth);outline:none}.input-roomates::-moz-placeholder{color:rgb(var(--gray-400))}.input-roomates::placeholder{color:rgb(var(--gray-400))}.input-roomates:hover{border-color:rgb(var(--gray-400))}.input-roomates:focus{border-color:rgb(var(--brand-yellow));box-shadow:0 0 0 3px rgb(var(--brand-yellow)/.1)}.input-roomates:disabled{background:rgb(var(--gray-50));cursor:not-allowed;opacity:.6}.input-with-icon{position:relative}.input-with-icon .input-roomates{padding-left:2.75rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgb(var(--gray-400));pointer-events:none}.select-roomates{width:100%;padding:.625rem 1rem;border-radius:var(--radius-input);border:1px solid rgb(var(--gray-300));background:#fff;color:rgb(var(--gray-900));font-family:var(--font-body);transition:all var(--transition-base) var(--ease-smooth);outline:none}.select-roomates::-moz-placeholder{color:rgb(var(--gray-400))}.select-roomates::placeholder{color:rgb(var(--gray-400))}.select-roomates:hover{border-color:rgb(var(--gray-400))}.select-roomates:focus{border-color:rgb(var(--brand-yellow));box-shadow:0 0 0 3px rgb(var(--brand-yellow)/.1)}.select-roomates:disabled{background:rgb(var(--gray-50));cursor:not-allowed;opacity:.6}.input-with-icon .select-roomates{padding-left:2.75rem}.select-roomates{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.checkbox-roomates,.radio-roomates,.select-roomates{-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox-roomates,.radio-roomates{width:1.25rem;height:1.25rem;border:2px solid rgb(var(--gray-300));background:#fff;transition:all var(--transition-base) var(--ease-smooth);cursor:pointer;position:relative}.checkbox-roomates{border-radius:var(--radius-sm)}.radio-roomates{border-radius:var(--radius-full)}.checkbox-roomates:checked,.radio-roomates:checked{background:rgb(var(--brand-yellow));border-color:rgb(var(--brand-yellow))}.checkbox-roomates:checked:after{content:"✓";color:rgb(var(--gray-900));font-weight:700;font-size:.75rem}.checkbox-roomates:checked:after,.radio-roomates:checked:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-roomates:checked:after{content:"";width:.5rem;height:.5rem;background:rgb(var(--gray-900));border-radius:var(--radius-full)}.toggle-roomates{position:relative;display:inline-block;width:3rem;height:1.5rem}.toggle-roomates input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--gray-300))}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--transition-base) var(--ease-smooth);border-radius:var(--radius-full)}.toggle-slider:before{content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:#fff;box-shadow:var(--shadow-sm)}.toggle-roomates input:checked+.toggle-slider{background:var(--gradient-brand)}.toggle-roomates input:checked+.toggle-slider:before{transform:translateX(1.5rem)}.badge-roomates{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-badge);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.badge-yellow{background:rgb(var(--brand-yellow)/.15);color:rgb(var(--brand-yellow-700))}.badge-blue{background:rgb(var(--brand-blue)/.15);color:rgb(var(--brand-blue-700))}.badge-coral{background:rgb(var(--brand-coral)/.15);color:rgb(var(--brand-coral-700))}.badge-success{background:rgb(var(--color-success)/.15);color:rgb(var(--color-success))}.chip-interest{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:var(--radius-full);background:var(--gradient-soft);border:1px solid rgb(var(--gray-200));font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base) var(--ease-smooth)}.chip-interest:hover{background:rgb(var(--brand-yellow)/.1);border-color:rgb(var(--brand-yellow));transform:translateY(-2px);box-shadow:var(--shadow-md)}.chip-interest.selected{background:var(--gradient-brand);color:#fff;border-color:transparent}.progress-roomates{width:100%;height:.5rem;background:rgb(var(--gray-200))}.progress-fill,.progress-roomates{border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-brand);transition:width var(--transition-slow) var(--ease-smooth)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:500}.status-dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);animation:pulse 2s infinite}.status-available .status-dot{background:rgb(var(--color-success))}.status-busy .status-dot{background:rgb(var(--color-warning))}.status-offline .status-dot{background:rgb(var(--gray-400));animation:none}.chat-bubble{max-width:70%;padding:.75rem 1rem;border-radius:1.25rem;position:relative;word-wrap:break-word}.chat-bubble-sent{background:var(--gradient-brand);color:rgb(var(--gray-900));border-bottom-right-radius:.25rem;margin-left:auto}.chat-bubble-received{background:rgb(var(--gray-100));color:rgb(var(--gray-900));border-bottom-left-radius:.25rem}.chat-typing{display:inline-flex;align-items:center;gap:.25rem;padding:.75rem 1rem;background:rgb(var(--gray-100));border-radius:1.25rem;border-bottom-left-radius:.25rem}.chat-typing span{width:.5rem;height:.5rem;background:rgb(var(--gray-500));border-radius:var(--radius-full);animation:typing 1.4s infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.map-marker-roomates{position:relative;width:2.5rem;height:2.5rem;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base) var(--ease-bounce)}.map-marker-roomates:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.map-marker-property{position:relative;width:2.5rem;height:2.5rem;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base) var(--ease-bounce)}.map-marker-property:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.map-marker-property{background:var(--gradient-brand);color:#fff;font-weight:700}.map-marker-cluster{position:relative;width:2.5rem;height:2.5rem;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base) var(--ease-bounce)}.map-marker-cluster:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.map-marker-cluster{width:3rem;height:3rem;background:rgb(var(--brand-yellow));color:rgb(var(--gray-900));font-size:var(--text-sm);font-weight:700}.compatibility-ring{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}.compatibility-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.compatibility-ring-bg{stroke:rgb(var(--gray-200));stroke-width:6;fill:none}.compatibility-ring-fill{stroke:url(#gradient-compatibility);stroke-width:6;fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow) var(--ease-smooth)}.compatibility-score{font-size:var(--text-xl);font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.swipe-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.swipe-overlay.like{background:radial-gradient(circle,rgb(var(--color-success)/.3) 0,transparent 70%)}.swipe-overlay.dislike{background:radial-gradient(circle,rgb(var(--brand-coral)/.3) 0,transparent 70%)}.swipe-overlay.active{opacity:1}.swipe-icon{width:5rem;height:5rem;padding:1rem;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xl);color:currentColor;animation:bounce-scale .5s var(--ease-bounce)}@keyframes bounce-scale{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:rgb(var(--color-success)/.1);color:rgb(var(--color-success));border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.verified-icon{width:1rem;height:1rem;background:rgb(var(--color-success))}.fab-roomates,.verified-icon{color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.fab-roomates{position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;background:var(--gradient-brand);box-shadow:var(--shadow-xl);cursor:pointer;transition:all var(--transition-base) var(--ease-bounce);z-index:var(--z-fixed)}.fab-roomates:hover{transform:scale(1.1);box-shadow:var(--shadow-2xl),0 0 30px rgb(var(--brand-yellow)/.4)}.fab-roomates:active{transform:scale(.95)}