.card{border-radius:.5rem;padding:1rem;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);background-color:#fff!important;border:1px solid #e2e8f0!important}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card--elevated{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.card--flat{box-shadow:none;border:1px solid #e2e8f0}.card--bordered{border:2px solid #4f46e5}.card--small{padding:.75rem}.card--medium{padding:1rem}.card--large{padding:1.5rem}.card__header{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.75rem}.card__title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:600}.card__subtitle{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.card__content{color:#334155;line-height:1.6}.card__footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.card__actions{align-items:center;gap:.5rem;display:flex}.card--interactive{cursor:pointer;transform:translateY(0)}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.card--interactive:active{transform:translateY(0)}.card--loading{position:relative;overflow:hidden}.card--loading:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (prefers-color-scheme:dark){html:not(.light):not(.dark) .card{background-color:#1e293b!important;border-color:#334155!important}html:not(.light):not(.dark) .card__header{border-bottom-color:#334155!important}html:not(.light):not(.dark) .card__title{color:#f8fafc!important}html:not(.light):not(.dark) .card__subtitle{color:#94a3b8!important}html:not(.light):not(.dark) .card__content{color:#cbd5e1!important}html:not(.light):not(.dark) .card__footer{border-top-color:#334155!important}html:not(.light):not(.dark) .card--flat{border-color:#334155!important}html:not(.light):not(.dark) .card--loading:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)!important}}html.dark .card,body.dark .card,.dark .card{background-color:#1e293b!important;border-color:#334155!important}html.dark .card__header,body.dark .card__header,.dark .card__header{border-bottom-color:#334155!important}html.dark .card__title,body.dark .card__title,.dark .card__title{color:#f8fafc!important}html.dark .card__subtitle,body.dark .card__subtitle,.dark .card__subtitle{color:#94a3b8!important}html.dark .card__content,body.dark .card__content,.dark .card__content{color:#cbd5e1!important}html.dark .card__footer,body.dark .card__footer,.dark .card__footer{border-top-color:#334155!important}html.dark .card--flat,body.dark .card--flat,.dark .card--flat{border-color:#334155!important}html.dark .card--loading:before,body.dark .card--loading:before,.dark .card--loading:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)!important}
.button{cursor:pointer;border:none;border-radius:.375rem;outline:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.button:focus{box-shadow:0 0 0 2px rgba(99,102,241,.5),0 0 0 4px rgba(99,102,241,.2)}.button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.button--primary{color:#fff;background-color:#4f46e5;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.button--primary:hover{background-color:#4338ca;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.button--primary:active{background-color:#3730a3}.button--secondary{color:#0f172a;background-color:#e2e8f0;border:1px solid #cbd5e1}.button--secondary:hover{background-color:#cbd5e1}.button--ghost{color:#334155;background-color:transparent;border:1px solid transparent}.button--ghost:hover{background-color:#f1f5f9;border-color:#e2e8f0}.button--destructive{color:#fff;background-color:#dc2626;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.button--destructive:hover{background-color:#b91c1c;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.button--destructive:active{background-color:#991b1b}.button--small{padding:.375rem .75rem;font-size:.75rem}.button--medium{padding:.5rem 1rem;font-size:.875rem}.button--large{padding:.75rem 1.5rem;font-size:1rem}.button--loading{opacity:.75;cursor:not-allowed;position:relative}.button--loading:before{content:"";border:2px solid;border-top-color:transparent;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;animation:1s linear infinite spin;display:inline-block}.button--icon-only{aspect-ratio:1;padding:.5rem}.button--with-icon{gap:.5rem}@media (prefers-color-scheme:dark){.button--secondary{color:#f8fafc;background-color:#334155;border-color:#475569}.button--secondary:hover{background-color:#475569}.button--ghost{color:#cbd5e1}.button--ghost:hover{background-color:#334155;border-color:#475569}.button:focus{box-shadow:0 0 0 2px rgba(99,102,241,.5),0 0 0 4px #0f172a}}@keyframes spin{to{transform:rotate(360deg)}}
.icon-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:all .2s ease-in-out;display:inline-flex;position:relative}.icon-button svg{width:1.25rem;height:1.25rem}.icon-button:focus{outline:none;box-shadow:0 0 0 2px rgba(79,70,229,.5)}.icon-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-button--small{width:2rem;height:2rem;padding:.375rem}.icon-button--small .icon{width:1rem;height:1rem}.icon-button--medium{width:2.5rem;height:2.5rem;padding:.5rem}.icon-button--medium .icon{width:1.25rem;height:1.25rem}.icon-button--large{width:3rem;height:3rem;padding:.75rem}.icon-button--large .icon{width:1.5rem;height:1.5rem}.icon-button--extra-large{width:4rem;height:4rem;padding:1rem}.icon-button--extra-large .icon{width:2rem;height:2rem}.icon-button--default{color:#6b7280}.icon-button--default:hover{color:#374151;background-color:#f3f4f6}.icon-button--default:active{background-color:#e5e7eb}.icon-button--primary{color:#4f46e5}.icon-button--primary:hover{color:#4338ca;background-color:#eef2ff}.icon-button--primary:active{background-color:#e0e7ff}.icon-button--secondary{color:#475569}.icon-button--secondary:hover{color:#334155;background-color:#f8fafc}.icon-button--secondary:active{background-color:#f1f5f9}.icon-button--success{color:#22c55e}.icon-button--success:hover{color:#16a34a;background-color:#f0fdf4}.icon-button--success:active{background-color:#dcfce7}.icon-button--warning{color:#f59e0b}.icon-button--warning:hover{color:#d97706;background-color:#fffbeb}.icon-button--warning:active{background-color:#fef3c7}.icon-button--danger{color:#ef4444}.icon-button--danger:hover{color:#dc2626;background-color:#fef2f2}.icon-button--danger:active{background-color:#fee2e2}.icon-button--filled-primary{color:#fff;background-color:#4f46e5}.icon-button--filled-primary:hover{background-color:#4338ca}.icon-button--filled-primary:active{background-color:#3730a3}.icon-button--filled-secondary{color:#fff;background-color:#475569}.icon-button--filled-secondary:hover{background-color:#334155}.icon-button--filled-secondary:active{background-color:#1e293b}.icon-button--filled-success{color:#fff;background-color:#22c55e}.icon-button--filled-success:hover{background-color:#16a34a}.icon-button--filled-success:active{background-color:#15803d}.icon-button--filled-warning{color:#fff;background-color:#f59e0b}.icon-button--filled-warning:hover{background-color:#d97706}.icon-button--filled-warning:active{background-color:#b45309}.icon-button--filled-danger{color:#fff;background-color:#ef4444}.icon-button--filled-danger:hover{background-color:#dc2626}.icon-button--filled-danger:active{background-color:#b91c1c}.icon-button--outlined-primary{color:#4f46e5;border:1px solid #4f46e5}.icon-button--outlined-primary:hover{background-color:#eef2ff}.icon-button--outlined-secondary{color:#475569;border:1px solid #475569}.icon-button--outlined-secondary:hover{background-color:#f8fafc}.icon-button--outlined-success{color:#22c55e;border:1px solid #22c55e}.icon-button--outlined-success:hover{background-color:#f0fdf4}.icon-button--outlined-warning{color:#f59e0b;border:1px solid #f59e0b}.icon-button--outlined-warning:hover{background-color:#fffbeb}.icon-button--outlined-danger{color:#ef4444;border:1px solid #ef4444}.icon-button--outlined-danger:hover{background-color:#fef2f2}.icon-button--circle{border-radius:50%}.icon-button--square{border-radius:.25rem}.icon-button--rounded{border-radius:.75rem}.icon-button--with-badge{position:relative}.icon-button__badge{color:#fff;background-color:#ef4444;border:1px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:.0625rem .25rem;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:-.25rem;right:-.25rem}.icon-button__badge--dot{width:.5rem;min-width:0;height:.5rem;padding:0;top:.125rem;right:.125rem}.icon-button--loading{pointer-events:none}.icon-button--loading .icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-button[data-tooltip]{position:relative}.icon-button[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:50;background-color:#374151;border-radius:.25rem;margin-bottom:.25rem;padding:.25rem .5rem;font-size:.75rem;animation:.2s ease-out fadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.icon-button[data-tooltip]:hover:before{content:"";z-index:50;border:4px solid transparent;border-top-color:#374151;margin-bottom:-4px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.icon-button{color:#9ca3af}.icon-button--default:hover{color:#d1d5db;background-color:#374151}.icon-button--default:active{background-color:#4b5563}.icon-button--primary:hover{background-color:#1e1b4b}.icon-button--secondary{color:#94a3b8}.icon-button--secondary:hover{color:#cbd5e1;background-color:#334155}.icon-button--secondary:active{background-color:#475569}.icon-button__badge{border-color:#1e293b}.icon-button[data-tooltip]:hover:after{background-color:#111827}.icon-button[data-tooltip]:hover:before{border-top-color:#111827}}
.input{color:#f8fafc;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text;background-color:#0f172a;border:1px solid #334155;border-radius:.5rem;outline:none;width:100%;padding:.875rem 1rem;font-size:1rem;line-height:1.5;transition:all .15s ease-in-out;display:block}.input:focus{background-color:#1e293b;border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.input:hover{background-color:#1e293b;border-color:#475569}.input:disabled{opacity:.5;cursor:not-allowed;background-color:#334155}.input::placeholder{color:#94a3b8}.input::selection{color:#f8fafc;background-color:rgba(245,158,11,.3)}.input::selection{color:#f8fafc;background-color:rgba(245,158,11,.3)}.input--small{padding:.375rem .5rem;font-size:.75rem}.input--medium{padding:.5rem .75rem;font-size:.875rem}.input--large{padding:.75rem 1rem;font-size:1rem}.input--error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input--success{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.1)}.input--warning{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.input-group{align-items:center;display:flex;position:relative}.input-group__icon{color:#94a3b8;pointer-events:none;width:1rem;height:1rem;position:absolute;left:.75rem}.input-group__icon--right{left:auto;right:.75rem}.input--with-left-icon{padding-left:2.5rem}.input--with-right-icon{padding-right:2.5rem}.textarea{color:#0f172a;resize:vertical;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;min-height:6rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.5;transition:all .15s ease-in-out;display:block}.textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.textarea:disabled{opacity:.5;cursor:not-allowed;resize:none;background-color:#f8fafc}.input-file{color:#0f172a;cursor:pointer;text-align:center;background-color:#fff;border:2px dashed #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem;line-height:1.5;transition:all .2s ease-in-out;display:block}.input-file:hover{background-color:#f9fafb;border-color:#4f46e5}.input-file:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.1)}@media (prefers-color-scheme:dark){.input{color:#f8fafc;background-color:#1e293b;border-color:#475569}.input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input:disabled{background-color:#334155}.input::placeholder{color:#94a3b8}.input--error{border-color:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.1)}.input--success{border-color:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.1)}.input--warning{border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.1)}.textarea{color:#f8fafc;background-color:#1e293b;border-color:#475569}.textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.textarea:disabled{background-color:#334155}.input-file{color:#f8fafc;background-color:#1e293b;border-color:#475569}.input-file:hover{background-color:#334155;border-color:#6366f1}.input-file:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}}html.light .input,body.light .input,.light .input{color:#334155!important;background-color:#fff!important;border-color:rgba(99,102,241,.3)!important}html.light .input:focus,body.light .input:focus,.light .input:focus{background-color:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}html.light .input:hover,body.light .input:hover,.light .input:hover{background-color:#fff!important;border-color:rgba(99,102,241,.5)!important}html.light .input:disabled,body.light .input:disabled,.light .input:disabled{color:#6b7280!important;background-color:#f8fafc!important}html.light .input::placeholder,body.light .input::placeholder,.light .input::placeholder{color:#6b7280!important}html.light .input::selection,body.light .input::selection,.light .input::selection{color:#334155!important;background-color:rgba(99,102,241,.2)!important}html.light .input::-moz-selection{color:#334155!important;background-color:rgba(99,102,241,.2)!important}body.light .input::-moz-selection{color:#334155!important;background-color:rgba(99,102,241,.2)!important}.light .input::-moz-selection{color:#334155!important;background-color:rgba(99,102,241,.2)!important}html.light .input--error,body.light .input--error,.light .input--error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}html.light .input--success,body.light .input--success,.light .input--success{border-color:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.1)!important}html.light .input--warning,body.light .input--warning,.light .input--warning{border-color:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.1)!important}html.light .input-group__icon,body.light .input-group__icon,.light .input-group__icon{color:#6b7280!important}html.light .textarea,body.light .textarea,.light .textarea{color:#334155!important;background-color:#fff!important;border-color:rgba(99,102,241,.3)!important}html.light .textarea:focus,body.light .textarea:focus,.light .textarea:focus{background-color:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}html.light .textarea::placeholder,body.light .textarea::placeholder,.light .textarea::placeholder{color:#6b7280!important}html.light .input-file,body.light .input-file,.light .input-file{color:#334155!important;background-color:#fff!important;border-color:rgba(99,102,241,.3)!important}html.light .input-file:hover,body.light .input-file:hover,.light .input-file:hover{background-color:#f8fafc!important;border-color:rgba(99,102,241,.5)!important}html.light .input-file:focus,body.light .input-file:focus,.light .input-file:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}
.select-container{width:100%;display:inline-block;position:relative}.select{color:#0f172a;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zM2 5L0 3h4z'/></svg>");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75rem;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;line-height:1.5;transition:all .15s ease-in-out;display:block}.select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.select:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.select--small{background-position:right .5rem center;background-size:.625rem;padding:.375rem 2rem .375rem .5rem;font-size:.75rem}.select--medium{padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem}.select--large{background-position:right 1rem center;background-size:1rem;padding:.75rem 3rem .75rem 1rem;font-size:1rem}.select--error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.select--success{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.1)}.select--warning{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.select--multiple{background-image:none;height:auto;min-height:3rem;padding-right:.75rem}.select--multiple option{padding:.25rem .5rem}.select--multiple option:checked{color:#fff;background-color:#4f46e5}.select-custom{position:relative}.select-custom__trigger{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;justify-content:space-between;align-items:center;min-height:2.5rem;padding:.5rem .75rem;transition:all .15s ease-in-out;display:flex}.select-custom__trigger:hover{border-color:#4f46e5}.select-custom__trigger--open{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.select-custom__value{color:#0f172a;font-size:.875rem}.select-custom__placeholder{color:#94a3b8;font-size:.875rem}.select-custom__arrow{color:#6b7280;width:.75rem;height:.75rem;transition:transform .15s ease-in-out}.select-custom__arrow--open{transform:rotate(180deg)}.select-custom__dropdown{z-index:10;background-color:#fff;border:1px solid #cbd5e1;border-radius:.375rem;max-height:12rem;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.select-custom__option{color:#0f172a;cursor:pointer;padding:.5rem .75rem;font-size:.875rem;transition:background-color .15s ease-in-out}.select-custom__option:hover{background-color:#f3f4f6}.select-custom__option--selected{color:#fff;background-color:#4f46e5}.select-custom__option--disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){.select{color:#f8fafc;background-color:#1e293b;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23cbd5e1' d='M2 0L0 2h4zM2 5L0 3h4z'/></svg>");border-color:#475569}.select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.select:disabled{background-color:#334155}.select--multiple option:checked{background-color:#6366f1}.select-custom__trigger{background-color:#1e293b;border-color:#475569}.select-custom__trigger:hover{border-color:#6366f1}.select-custom__trigger--open{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.select-custom__value{color:#f8fafc}.select-custom__placeholder{color:#94a3b8}.select-custom__dropdown{background-color:#1e293b;border-color:#475569}.select-custom__option{color:#f8fafc}.select-custom__option:hover{background-color:#334155}.select-custom__option--selected{background-color:#6366f1}}html.light .select,body.light .select,.light .select{color:#334155!important;background-color:#fff!important;border-color:rgba(99,102,241,.3)!important}html.light .select:focus,body.light .select:focus,.light .select:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}html.light .select:hover,body.light .select:hover,.light .select:hover{border-color:rgba(99,102,241,.5)!important}html.light .select:disabled,body.light .select:disabled,.light .select:disabled{color:#6b7280!important;background-color:#f8fafc!important}html.light .select option,body.light .select option,.light .select option{color:#334155!important;background-color:#fff!important}html.light .select option:hover,body.light .select option:hover,.light .select option:hover{background-color:rgba(99,102,241,.1)!important}html.light .select option:checked,body.light .select option:checked,.light .select option:checked{color:#6366f1!important;background-color:rgba(99,102,241,.1)!important}html.light .select-custom,body.light .select-custom,.light .select-custom{color:#334155!important;background-color:#fff!important;border-color:rgba(99,102,241,.3)!important}html.light .select-custom:focus,body.light .select-custom:focus,.light .select-custom:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}html.light .select-custom__trigger,body.light .select-custom__trigger,.light .select-custom__trigger{color:#334155!important;background-color:#fff!important}html.light .select-custom__trigger:hover,body.light .select-custom__trigger:hover,.light .select-custom__trigger:hover{background-color:rgba(99,102,241,.05)!important}html.light .select-custom__dropdown,body.light .select-custom__dropdown,.light .select-custom__dropdown{background-color:#fff!important;border-color:rgba(99,102,241,.3)!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}html.light .select-custom__option,body.light .select-custom__option,.light .select-custom__option{color:#334155!important;background-color:#fff!important}html.light .select-custom__option:hover,body.light .select-custom__option:hover,.light .select-custom__option:hover{color:#0f172a!important;background-color:rgba(99,102,241,.1)!important}html.light .select-custom__option--selected,body.light .select-custom__option--selected,.light .select-custom__option--selected{color:#6366f1!important;background-color:rgba(99,102,241,.1)!important}
.label{color:#374151;margin-bottom:.375rem;font-size:.875rem;font-weight:500;line-height:1.25;display:inline-block}.label--small{margin-bottom:.25rem;font-size:.75rem}.label--medium{margin-bottom:.375rem;font-size:.875rem}.label--large{margin-bottom:.5rem;font-size:1rem}.label--required:after{content:" *";color:#ef4444}.label--optional:after{content:" (opcional)";color:#6b7280;font-weight:400}.label--disabled{color:#9ca3af;cursor:not-allowed}.label--error{color:#ef4444}.label--success{color:#22c55e}.label--warning{color:#f59e0b}.label-container{margin-bottom:.5rem}.label__text{color:#374151;margin-bottom:.125rem;font-size:.875rem;font-weight:500;display:block}.label__description{color:#6b7280;margin-top:.125rem;font-size:.75rem;font-weight:400;line-height:1.4}.label__description--error{color:#ef4444}.label__description--success{color:#22c55e}.label__description--warning{color:#f59e0b}.label--with-icon{align-items:center;gap:.375rem;display:flex}.label__icon{color:#6b7280;flex-shrink:0;width:1rem;height:1rem}.label--error .label__icon{color:#ef4444}.label--success .label__icon{color:#22c55e}.label--warning .label__icon{color:#f59e0b}.label--inline{margin-bottom:0;margin-right:.5rem}.label--checkbox,.label--radio{cursor:pointer;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-weight:400;line-height:1.5;display:flex}.label--checkbox:hover,.label--radio:hover{color:#111827}.label--checkbox input,.label--radio input{flex-shrink:0;margin:.125rem 0 0}.label--checkbox.label--disabled,.label--radio.label--disabled{cursor:not-allowed;color:#9ca3af}.label--checkbox.label--disabled:hover,.label--radio.label--disabled:hover{color:#9ca3af}.label-group{margin-bottom:1rem}.label-group__title{color:#111827;border-bottom:1px solid #e5e7eb;margin-bottom:.75rem;padding-bottom:.375rem;font-size:1rem;font-weight:600}.label-group__description{color:#6b7280;margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.form-field{margin-bottom:1rem}.form-field__label{color:#374151;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-field__input{width:100%}.form-field__error{color:#ef4444;align-items:center;gap:.25rem;margin-top:.375rem;font-size:.75rem;display:flex}.form-field__error-icon{flex-shrink:0;width:.875rem;height:.875rem}.form-field__help{color:#6b7280;margin-top:.375rem;font-size:.75rem;line-height:1.4}.floating-label{position:relative}.floating-label__input{color:#111827;background-color:transparent;border:1px solid #cbd5e1;border-radius:.375rem;outline:none;width:100%;padding:1rem .75rem .5rem;transition:all .2s ease-in-out}.floating-label__label{color:#6b7280;pointer-events:none;z-index:1;background-color:#fff;padding:0 .25rem;font-size:.875rem;transition:all .2s ease-in-out;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.floating-label__input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.floating-label__input:focus+.floating-label__label,.floating-label__input:not(:placeholder-shown)+.floating-label__label{color:#4f46e5;font-size:.75rem;top:0;left:.625rem}@media (prefers-color-scheme:dark){.label{color:#d1d5db}.label--disabled{color:#6b7280}.label--optional:after{color:#9ca3af}.label__text{color:#d1d5db}.label__description,.label__icon{color:#9ca3af}.label--checkbox:hover,.label--radio:hover{color:#f3f4f6}.label-group__title{color:#f3f4f6;border-bottom-color:#374151}.label-group__description{color:#9ca3af}.form-field__label{color:#d1d5db}.form-field__help{color:#9ca3af}.floating-label__input{color:#f3f4f6;border-color:#4b5563}.floating-label__label{color:#9ca3af;background-color:#1e293b}.floating-label__input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.floating-label__input:focus+.floating-label__label,.floating-label__input:not(:placeholder-shown)+.floating-label__label{color:#6366f1}}html.light .label,body.light .label,.light .label{color:#0f172a!important;font-weight:600!important}html.light .label--disabled,body.light .label--disabled,.light .label--disabled,html.light .label--optional:after,body.light .label--optional:after,.light .label--optional:after{color:#6b7280!important}html.light .label__text,body.light .label__text,.light .label__text{color:#0f172a!important;font-weight:600!important}html.light .label__description,body.light .label__description,.light .label__description{color:#475569!important}html.light .label__icon,body.light .label__icon,.light .label__icon{color:#6366f1!important}html.light .label--checkbox:hover,body.light .label--checkbox:hover,.light .label--checkbox:hover,html.light .label--radio:hover,body.light .label--radio:hover,.light .label--radio:hover{color:#0f172a!important}html.light .label-group__title,body.light .label-group__title,.light .label-group__title{color:#0f172a!important;font-weight:700!important}html.light .label-group__description,body.light .label-group__description,.light .label-group__description{color:#475569!important}html.light .form-field__label,body.light .form-field__label,.light .form-field__label{color:#0f172a!important;font-weight:600!important}html.light .form-field__help,body.light .form-field__help,.light .form-field__help{color:#475569!important}html.light .floating-label__input,body.light .floating-label__input,.light .floating-label__input{color:#334155!important;border-color:rgba(99,102,241,.3)!important}html.light .floating-label__label,body.light .floating-label__label,.light .floating-label__label{color:#475569!important;background-color:#fff!important}html.light .floating-label__input:focus,body.light .floating-label__input:focus,.light .floating-label__input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}html.light .floating-label__input:focus+.floating-label__label,body.light .floating-label__input:focus+.floating-label__label,.light .floating-label__input:focus+.floating-label__label,html.light .floating-label__input:not(:placeholder-shown)+.floating-label__label,body.light .floating-label__input:not(:placeholder-shown)+.floating-label__label,.light .floating-label__input:not(:placeholder-shown)+.floating-label__label{color:#6366f1!important}
.switch-container{align-items:center;gap:.75rem;margin:1rem 0;display:flex}.switch__label{color:#475569;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;font-weight:500}.switch{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:0 0;border:none;outline:none;align-items:center;padding:0;display:inline-flex;position:relative}.switch__track{box-sizing:border-box;background:linear-gradient(135deg,#cbd5e1 0%,#e2e8f0 100%);border:2px solid transparent;border-radius:9999px;width:3.25rem;height:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 2px rgba(0,0,0,.05)}.switch__thumb{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(203,213,225,.3);border-radius:50%;width:1.5rem;height:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:.125rem;right:auto;transform:translateY(-50%);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.switch--checked .switch__track{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 2px 4px rgba(79,70,229,.2),inset 0 1px 2px rgba(79,70,229,.1)}.switch--checked .switch__track .switch__thumb{background:linear-gradient(135deg,#fff 0%,#fcfcfc 100%);left:auto;right:.125rem;transform:translateY(-50%);box-shadow:0 4px 8px -2px rgba(79,70,229,.3),0 2px 4px -1px rgba(0,0,0,.06)}.switch:focus .switch__track{outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.1),0 2px 4px rgba(0,0,0,.1),inset 0 1px 2px rgba(0,0,0,.05)}.switch:disabled .switch__track{opacity:.5;cursor:not-allowed;background:#e5e7eb}.switch:disabled .switch__track .switch__thumb{background:#f8fafc;box-shadow:0 1px 2px rgba(0,0,0,.05)}.switch:hover:not(:disabled) .switch__track{transform:scale(1.02)}.switch--checked:hover:not(:disabled) .switch__track{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%)}.switch--sm .switch__track{width:2.5rem;height:1.375rem}.switch--sm .switch__thumb{width:1.125rem;height:1.125rem}.switch--sm.switch--checked .switch__track .switch__thumb{left:auto;right:.125rem;transform:translateY(-50%)}.switch--md .switch__track{width:3.25rem;height:1.75rem}.switch--md .switch__thumb{width:1.5rem;height:1.5rem}.switch--md.switch--checked .switch__track .switch__thumb{left:auto;right:.125rem;transform:translateY(-50%)}.switch--lg .switch__track{width:4rem;height:2.125rem}.switch--lg .switch__thumb{width:1.875rem;height:1.875rem}.switch--lg.switch--checked .switch__track .switch__thumb{left:auto;right:.125rem;transform:translateY(-50%)}.switch--large .switch__input:checked+.switch__track .switch__thumb{transform:translate(1.5rem)}.switch--primary .switch__input:checked+.switch__track{background-color:#4f46e5}.switch--success .switch__input:checked+.switch__track{background-color:#22c55e}.switch--warning .switch__input:checked+.switch__track{background-color:#f59e0b}.switch--danger .switch__input:checked+.switch__track{background-color:#ef4444}.switch--info .switch__input:checked+.switch__track{background-color:#3b82f6}.switch-with-label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.switch-with-label__text{color:#374151;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;font-weight:500}.switch-with-label__description{color:#6b7280;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:.125rem;font-size:.75rem}.switch-with-label--disabled{cursor:not-allowed}.switch-with-label--disabled .switch-with-label__text,.switch-with-label--disabled .switch-with-label__description{opacity:.5}.switch__track--with-icons{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.switch__icon{color:#94a3b8;z-index:1;width:.75rem;height:.75rem;transition:color .2s ease-in-out}.switch__icon--active,.switch__input:checked+.switch__track--with-icons .switch__icon--on{color:#fff}.switch__input:not(:checked)+.switch__track--with-icons .switch__icon--off{color:#4b5563}.switch--animated .switch__thumb,.switch--animated .switch__track{transition:all .3s cubic-bezier(.4,0,.2,1)}.switch--animated .switch__input:checked+.switch__track .switch__thumb{animation:.3s ease-in-out switch-bounce}@keyframes switch-bounce{0%{transform:translate(0)}50%{transform:translate(1.5rem)scale(1.1)}to{transform:translate(1.25rem)scale(1)}}.switch--loading .switch__thumb{position:relative}.switch--loading .switch__thumb:after{content:"";border:2px solid #cbd5e1;border-top-color:#4f46e5;border-radius:50%;width:.625rem;height:.625rem;margin:-.3125rem 0 0 -.3125rem;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.switch-group{flex-direction:column;gap:.75rem;display:flex}.switch-group--horizontal{flex-direction:row;align-items:center}.switch-group__title{color:#111827;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.switch-group__description{color:#6b7280;margin-bottom:.75rem;font-size:.75rem;line-height:1.4}@media (prefers-color-scheme:dark){.switch__label{color:#cbd5e1}.switch__track{background:linear-gradient(135deg,#475569 0%,#334155 100%);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2)}.switch__thumb{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:rgba(71,85,105,.5)}.switch--checked .switch__track{background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);box-shadow:0 2px 4px rgba(99,102,241,.3),inset 0 1px 2px rgba(99,102,241,.1)}.switch--checked .switch__track .switch__thumb{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);box-shadow:0 4px 8px -2px rgba(99,102,241,.4),0 2px 4px -1px rgba(0,0,0,.3)}.switch--checked:hover:not(:disabled) .switch__track{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)}.switch:disabled .switch__track{background:#374151}.switch:disabled .switch__track .switch__thumb{background-color:#6b7280}.switch-with-label__text{color:#d1d5db}.switch-with-label__description{color:#9ca3af}.switch__icon{color:#6b7280}.switch__input:not(:checked)+.switch__track--with-icons .switch__icon--off{color:#9ca3af}.switch-group__title{color:#f3f4f6}.switch-group__description{color:#9ca3af}.switch--loading .switch__thumb:after{border-color:#6366f1 #4b5563 #4b5563}}
:root{--modal-glass-bg:rgba(15,23,42,.7);--modal-glass-border:rgba(255,255,255,.1);--modal-accent-gradient:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);--modal-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:rgba(0,0,0,.4);justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out modalOverlayFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{box-shadow:var(--modal-shadow);background:#1e293b;border:1px solid #334155;border-radius:2rem;flex-direction:column;width:100%;max-height:calc(100vh - 4rem);animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal__header{background:#0f172a;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal__title{color:#f8fafc;letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.modal__close{color:#94a3b8;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.modal__close:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.modal__close:hover:not(:disabled){color:#f8fafc;background:#475569;border-color:#64748b;transform:rotate(90deg)}.modal__content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;flex:1;padding:2rem;overflow-y:auto}.modal__content::-webkit-scrollbar{width:6px}.modal__content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-bottom:none;border-radius:2rem 2rem 0 0;max-height:92vh;animation:.4s cubic-bezier(.16,1,.3,1) bottomSheetSlideUp}@keyframes bottomSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal:before{content:"";z-index:10;background:rgba(255,255,255,.2);border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.modal__header{padding:1.75rem 1.5rem 1rem}.modal__content{padding:1.5rem}}html.light .modal{background:#fff;border-color:#e2e8f0}html.light .modal__title{color:#0f172a}html.light .modal__header{background:#f8fafc;border-bottom-color:#e2e8f0}html.light .modal__close{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}html.light .modal__close:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}
.avatar{color:#fff;background-color:#4f46e5;border:2px solid rgba(79,70,229,.1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.avatar__image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar__fallback{text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.avatar--sm{width:2rem;height:2rem;font-size:.75rem}.avatar--md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar--lg{width:3rem;height:3rem;font-size:1rem}.avatar--xl{width:4rem;height:4rem;font-size:1.25rem}.avatar:not([class*=--]){width:2.5rem;height:2.5rem;font-size:.875rem}.avatar--small{width:2rem;height:2rem;font-size:.75rem}.avatar--medium{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar--large{width:3rem;height:3rem;font-size:1rem}.avatar--extra-large{width:4rem;height:4rem;font-size:1.25rem}.avatar--huge{width:6rem;height:6rem;font-size:1.5rem}.avatar--square{border-radius:.375rem}.avatar--rounded{border-radius:.75rem}.avatar--circle{border-radius:50%}.avatar--with-status{position:relative}.avatar__status{border:2px solid #fff;border-radius:50%;width:.75rem;height:.75rem;position:absolute;bottom:0;right:0;transform:translate(25%,25%)}.avatar__status--online{background-color:#22c55e}.avatar__status--offline{background-color:#6b7280}.avatar__status--away{background-color:#f59e0b}.avatar__status--busy{background-color:#ef4444}.avatar--bordered{border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.avatar--interactive{cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.1)}.avatar--interactive:hover{background-color:#4338ca;transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.avatar--interactive:active{transform:scale(.95)}.avatar--blue{color:#1e40af;background-color:#dbeafe}.avatar--green{color:#15803d;background-color:#dcfce7}.avatar--yellow{color:#a16207;background-color:#fef9c3}.avatar--red{color:#b91c1c;background-color:#fee2e2}.avatar--purple{color:#6d28d9;background-color:#ede9fe}.avatar--pink{color:#be185d;background-color:#fce7f3}.avatar--indigo{color:#4338ca;background-color:#e0e7ff}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{z-index:1;border:2px solid #fff;margin-left:-.5rem;position:relative}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{z-index:10}.avatar-group--compact .avatar{margin-left:-.75rem}.avatar-group--loose .avatar{margin-left:-.25rem}.avatar--loading{position:relative}.avatar--loading:after{content:"";border-radius:inherit;background-color:rgba(255,255,255,.8);animation:1.5s ease-in-out infinite pulse;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.avatar__badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-.25rem;right:-.25rem}.avatar__badge--small{min-width:1rem;height:1rem;padding:.0625rem .25rem;font-size:.625rem}.dark .avatar{color:#fff;background-color:#6366f1;border-color:rgba(99,102,241,.2)}.dark .avatar--interactive:hover{background-color:#4f46e5}.dark .avatar__status{border-color:#1e293b}.dark .avatar--bordered{border-color:#4b5563;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.dark .avatar-group .avatar,.dark .avatar__badge{border-color:#1e293b}@media (prefers-color-scheme:dark){.avatar{color:#fff;background-color:#6366f1;border-color:rgba(99,102,241,.2)}.avatar__status{border-color:#1e293b}.avatar--bordered{border-color:#4b5563;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.avatar-group .avatar,.avatar__badge{border-color:#1e293b}.avatar--blue{color:#bfdbfe;background-color:#1e3a8a}.avatar--green{color:#bbf7d0;background-color:#14532d}.avatar--yellow{color:#fef08a;background-color:#854d0e}.avatar--red{color:#fecaca;background-color:#991b1b}.avatar--purple{color:#ddd6fe;background-color:#581c87}.avatar--pink{color:#fbcfe8;background-color:#9d174d}.avatar--indigo{color:#c7d2fe;background-color:#3730a3}}
.progress-bar{background-color:#334155;border:1px solid #475569;border-radius:9999px;width:100%;height:.5rem;position:relative;overflow:hidden}.progress-bar__fill{border-radius:inherit;background-color:#4f46e5;height:100%;transition:all .3s ease-in-out;position:relative;overflow:hidden}.progress-bar--sm{height:.375rem}.progress-bar--md{height:.5rem}.progress-bar--lg{height:.75rem}.progress-bar--default .progress-bar__fill,.progress-bar--success .progress-bar__fill{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px rgba(34,197,94,.3)}.progress-bar--warning .progress-bar__fill{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 8px rgba(245,158,11,.3)}.progress-bar--danger .progress-bar__fill{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px rgba(239,68,68,.3)}.progress-bar--gradient .progress-bar__fill{background:linear-gradient(90deg,#4f46e5,#6366f1)}.progress-bar--success-gradient .progress-bar__fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-bar--warning-gradient .progress-bar__fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar--danger-gradient .progress-bar__fill{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-bar--animated .progress-bar__fill{position:relative;overflow:hidden}.progress-bar--animated .progress-bar__fill:after{content:"";background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:1s linear infinite progress-stripe;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}.progress-bar-container{width:100%}.progress-bar__label{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.progress-bar__label-text{color:#374151}.progress-bar__label-value{color:#6b7280}.progress-bar--indeterminate .progress-bar__fill{animation:2s ease-in-out infinite indeterminate;width:30%!important}@keyframes indeterminate{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(300%)}}.progress-circular{justify-content:center;align-items:center;width:4rem;height:4rem;display:inline-flex;position:relative}.progress-circular__svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circular__track{fill:none;stroke:#e5e7eb;stroke-width:4px}.progress-circular__fill{fill:none;stroke:#4f46e5;stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray .3s ease-in-out}.progress-circular__text{color:#374151;font-size:.75rem;font-weight:600;position:absolute}.progress-circular--small{width:2rem;height:2rem}.progress-circular--small .progress-circular__text{font-size:.625rem}.progress-circular--medium{width:4rem;height:4rem}.progress-circular--large{width:6rem;height:6rem}.progress-circular--large .progress-circular__text{font-size:1rem}@media (prefers-color-scheme:dark){.progress-bar__track,.progress-bar{background-color:#374151}.progress-bar__label-text{color:#d1d5db}.progress-bar__label-value{color:#9ca3af}.progress-circular__track{stroke:#374151}.progress-circular__text{color:#d1d5db}}
.chat-card{background:var(--surface);border:2px solid var(--border);cursor:pointer;background-color:#475569;border-radius:1rem;flex-direction:column;gap:1.25rem;min-height:160px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.5)}.chat-card:before{content:"";background:var(--primary);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.chat-card:hover{border-color:var(--primary);background:var(--surface-hover);transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.8)}.chat-card:hover:before{opacity:1}.chat-card--pinned{background:rgba(245,158,11,.05);border-width:2px;border-color:#f59e0b;box-shadow:0 4px 15px rgba(245,158,11,.1)}.chat-card--pinned:before{opacity:1;background:#f59e0b}.chat-card--pinned:hover{background:rgba(245,158,11,.1);border-width:2px;border-color:#d97706;box-shadow:0 8px 25px rgba(245,158,11,.2)}.chat-card--expiring{background:rgba(220,38,38,.05);border-width:2px;border-color:#dc2626;animation:2s ease-in-out infinite pulseWarning}.chat-card--expiring:before{opacity:1;background:#dc2626}.chat-card--expiring:hover{background:rgba(220,38,38,.1);border-width:2px;border-color:#b91c1c;box-shadow:0 8px 25px rgba(220,38,38,.2)}.chat-card__header{z-index:2;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.chat-card__title-section{flex:1;align-items:center;gap:.875rem;min-width:0;display:flex}.chat-card__icon{width:1.5rem;height:1.5rem;color:var(--primary);background:rgba(59,130,246,.1);border-radius:.5rem;flex-shrink:0;padding:.25rem}.chat-card__title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;letter-spacing:-.025em;-webkit-box-orient:vertical;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.chat-card__actions{opacity:0;flex-shrink:0;gap:.375rem;transition:all .3s;display:flex;transform:translate(10px)}.chat-card:hover .chat-card__actions{opacity:1;transform:translate(0)}.chat-card__pin-button,.chat-card__delete-button{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;width:2rem;min-width:auto;height:2rem;padding:.5rem;transition:all .2s}.chat-card__pin-button{color:var(--text-secondary)}.chat-card__pin-button:hover{color:#f59e0b;background:rgba(245,158,11,.1);border-color:#f59e0b;transform:scale(1.1)}.chat-card__pin-button--active{color:#f59e0b;background:rgba(245,158,11,.15);border-color:#f59e0b}.chat-card__delete-button{color:var(--text-secondary)}.chat-card__delete-button:hover{color:#dc2626;background:rgba(220,38,38,.1);border-color:#dc2626;transform:scale(1.1)}.chat-card__action-icon{width:1rem;height:1rem}.chat-card__content{z-index:2;flex-direction:column;flex:1;gap:1rem;display:flex;position:relative}.chat-card__preview{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;opacity:.8;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.chat-card__meta{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;display:flex;position:relative}.chat-card__stats{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.8rem;font-weight:500;display:flex}.chat-card__message-count{color:var(--primary);background:rgba(59,130,246,.1);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.chat-card__separator{opacity:.4;font-weight:300}.chat-card__last-activity{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.chat-card__clock-icon{opacity:.7;width:.875rem;height:.875rem}.chat-card__expiration{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.chat-card__expiration--warning{color:#dc2626;background:rgba(220,38,38,.1);border-color:#dc2626;font-weight:600;animation:1.5s ease-in-out infinite pulseText}.chat-card__pinned-badge{color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid #f59e0b;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.chat-card__badge-icon{width:.875rem;height:.875rem}.chat-card__hover-overlay{opacity:0;pointer-events:none;z-index:1;background:rgba(59,130,246,.05);border-radius:1rem;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chat-card:hover .chat-card__hover-overlay{opacity:1}.chat-card__hover-text{background:var(--primary);color:#fff;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;transform:translateY(10px);box-shadow:0 4px 15px rgba(59,130,246,.3)}.chat-card:hover .chat-card__hover-text{transform:translateY(0)}@keyframes pulseWarning{0%,to{box-shadow:0 4px 15px rgba(220,38,38,.1)}50%{box-shadow:0 4px 20px rgba(220,38,38,.2)}}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.chat-card{min-height:140px;padding:1.25rem}.chat-card__actions{opacity:1;transform:translate(0)}.chat-card__meta{flex-direction:column;align-items:flex-start;gap:.75rem}.chat-card__stats{font-size:.75rem}.chat-card__expiration,.chat-card__pinned-badge{font-size:.7rem}}@media (max-width:480px){.chat-card{padding:1rem}.chat-card__title{font-size:1rem}.chat-card__preview{-webkit-line-clamp:1;font-size:.8rem}.chat-card__header{gap:.75rem}.chat-card__title-section{gap:.625rem}}.chat-card:focus{outline:2px solid var(--primary);outline-offset:2px}.chat-card__pin-button:focus,.chat-card__delete-button:focus{outline:2px solid var(--primary);outline-offset:1px}
.duration-selector{-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:2px solid rgba(99,102,241,.2);border-radius:.75rem;width:100%;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.duration-selector:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(168,85,247,.05) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.duration-selector:hover{border-color:rgba(99,102,241,.4);transform:translateY(-1px);box-shadow:0 8px 25px rgba(99,102,241,.15)}.duration-selector:hover:before{opacity:1}.duration-selector__title{color:#334155;text-align:center;margin-bottom:1rem;font-size:1rem;font-weight:600;line-height:1.4}.duration-selector__controls{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.duration-selector__group{flex-direction:column;justify-content:center;align-items:center;display:flex}.duration-selector__label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:center;width:100%;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.duration-selector__stepper{justify-content:center;align-items:center;gap:.5rem;width:auto;min-width:-moz-fit-content;min-width:fit-content;display:flex}.duration-selector__btn{color:#6366f1;cursor:pointer;background:linear-gradient(145deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%);border:1px solid rgba(99,102,241,.2);border-radius:9999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.duration-selector__btn:before{content:"";opacity:0;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.duration-selector__btn:hover{background:linear-gradient(145deg,rgba(99,102,241,.2) 0%,rgba(168,85,247,.2) 100%);border-color:rgba(99,102,241,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.25)}.duration-selector__btn:hover:before{opacity:1}.duration-selector__btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,.2)}.duration-selector__btn--disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:linear-gradient(145deg,rgba(100,116,139,.1) 0%,rgba(71,85,105,.1) 100%);border-color:rgba(100,116,139,.2);transform:none}.duration-selector__btn--disabled:hover{box-shadow:none;background:linear-gradient(145deg,rgba(100,116,139,.1) 0%,rgba(71,85,105,.1) 100%);border-color:rgba(100,116,139,.2);transform:none}.duration-selector__btn--disabled:before{opacity:0}.duration-selector__input{text-align:center;color:#334155;background:linear-gradient(145deg,rgba(255,255,255,.8) 0%,rgba(249,250,251,.8) 100%);border:2px solid rgba(99,102,241,.2);border-radius:.5rem;outline:none;width:3rem;padding:.375rem;font-size:1.125rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.duration-selector__input:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(168,85,247,.05) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.duration-selector__input:hover{background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,rgba(249,250,251,.9) 100%);border-color:rgba(99,102,241,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.15)}.duration-selector__input:hover:before{opacity:1}.duration-selector__input:focus{background:linear-gradient(145deg,#fff 0%,#f9fafb 100%);border-color:rgba(99,102,241,.6);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(99,102,241,.1),0 4px 12px rgba(99,102,241,.15)}.duration-selector__input:focus:before{opacity:1;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%)}.duration-selector__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-selector__input[type=number]{-moz-appearance:textfield}.duration-selector__summary{text-align:center;color:#334155;background:linear-gradient(145deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%);border:1px solid rgba(99,102,241,.2);border-radius:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.duration-selector__summary:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(168,85,247,.05) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.duration-selector__summary:hover{background:linear-gradient(145deg,rgba(99,102,241,.15) 0%,rgba(168,85,247,.15) 100%);border-color:rgba(99,102,241,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.duration-selector__summary:hover:before{opacity:1}.duration-selector__total{color:#6366f1;font-weight:700}.duration-selector__limit-message{color:#92400e;text-align:center;background:linear-gradient(145deg,rgba(245,158,11,.1) 0%,rgba(251,191,36,.1) 100%);border:1px solid rgba(245,158,11,.3);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;font-size:.8rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.duration-selector__limit-message:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,rgba(251,191,36,.05) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.duration-selector__limit-message:hover{background:linear-gradient(145deg,rgba(245,158,11,.15) 0%,rgba(251,191,36,.15) 100%);border-color:rgba(245,158,11,.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.2)}.duration-selector__limit-message:hover:before{opacity:1}.duration-selector__limit-icon{flex-shrink:0;font-size:1rem}@media (min-width:640px){.duration-selector__controls{flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem}}@media (max-width:640px){.duration-selector{padding:.875rem}.duration-selector__title{margin-bottom:.875rem;font-size:.9rem}.duration-selector__controls{gap:.875rem;margin-bottom:.875rem}.duration-selector__btn{width:1.875rem;height:1.875rem;font-size:.9rem}.duration-selector__input{width:2.75rem;padding:.25rem;font-size:1rem}.duration-selector__summary{padding:.625rem;font-size:.8rem}.duration-selector__label{margin-bottom:.375rem;font-size:.7rem}.duration-selector__limit-message{gap:.375rem;padding:.625rem;font-size:.75rem}.duration-selector__limit-icon{font-size:.9rem}}@media (max-width:480px){.duration-selector{padding:.75rem}.duration-selector__title{margin-bottom:.75rem;font-size:.85rem}.duration-selector__controls{gap:.75rem;margin-bottom:.75rem}.duration-selector__btn{width:1.75rem;height:1.75rem;font-size:.875rem}.duration-selector__input{width:2.5rem;padding:.25rem;font-size:.9rem}.duration-selector__summary{padding:.5rem;font-size:.75rem}.duration-selector__label{margin-bottom:.375rem;font-size:.65rem}.duration-selector__limit-message{gap:.25rem;padding:.5rem;font-size:.7rem}.duration-selector__limit-icon{font-size:.8rem}}@media (prefers-color-scheme:dark){.duration-selector{background:linear-gradient(145deg,rgba(30,41,59,.8) 0%,rgba(15,23,42,.8) 100%);border-color:rgba(99,102,241,.3)}.duration-selector:hover{border-color:rgba(99,102,241,.5);box-shadow:0 8px 25px rgba(99,102,241,.2)}.duration-selector__title{color:#e2e8f0}.duration-selector__label{color:#94a3b8}.duration-selector__btn{color:#a5b4fc;background:linear-gradient(145deg,rgba(99,102,241,.15) 0%,rgba(168,85,247,.15) 100%);border-color:rgba(99,102,241,.3)}.duration-selector__btn:hover{background:linear-gradient(145deg,rgba(99,102,241,.25) 0%,rgba(168,85,247,.25) 100%);border-color:rgba(99,102,241,.5);box-shadow:0 4px 12px rgba(99,102,241,.3)}.duration-selector__btn--disabled{color:#64748b;background:linear-gradient(145deg,rgba(71,85,105,.1) 0%,rgba(55,65,81,.1) 100%);border-color:rgba(71,85,105,.2)}.duration-selector__input{color:#e2e8f0;background:linear-gradient(145deg,rgba(30,41,59,.8) 0%,rgba(15,23,42,.8) 100%);border-color:rgba(99,102,241,.3)}.duration-selector__input:hover{background:linear-gradient(145deg,rgba(30,41,59,.9) 0%,rgba(15,23,42,.9) 100%);border-color:rgba(99,102,241,.5);box-shadow:0 4px 12px rgba(99,102,241,.2)}.duration-selector__input:focus{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border-color:rgba(99,102,241,.6);box-shadow:0 0 0 3px rgba(99,102,241,.1),0 4px 12px rgba(99,102,241,.2)}.duration-selector__summary{color:#e2e8f0;background:linear-gradient(145deg,rgba(99,102,241,.15) 0%,rgba(168,85,247,.15) 100%);border-color:rgba(99,102,241,.3)}.duration-selector__summary:hover{background:linear-gradient(145deg,rgba(99,102,241,.2) 0%,rgba(168,85,247,.2) 100%);border-color:rgba(99,102,241,.5);box-shadow:0 4px 12px rgba(99,102,241,.25)}.duration-selector__total{color:#a5b4fc}.duration-selector__limit-message{color:#fef08a;background:linear-gradient(145deg,rgba(245,158,11,.15) 0%,rgba(251,191,36,.15) 100%);border-color:rgba(245,158,11,.4)}.duration-selector__limit-message:hover{background:linear-gradient(145deg,rgba(245,158,11,.2) 0%,rgba(251,191,36,.2) 100%);border-color:rgba(245,158,11,.6);box-shadow:0 4px 12px rgba(245,158,11,.25)}}html.light .duration-selector,body.light .duration-selector,.light .duration-selector{background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.9) 100%)!important;border-color:rgba(99,102,241,.3)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important}html.light .duration-selector:hover,body.light .duration-selector:hover,.light .duration-selector:hover{border-color:rgba(99,102,241,.5)!important;box-shadow:0 8px 25px rgba(99,102,241,.15)!important}html.light .duration-selector__title,body.light .duration-selector__title,.light .duration-selector__title{color:#0f172a!important}html.light .duration-selector__label,body.light .duration-selector__label,.light .duration-selector__label{color:#334155!important}html.light .duration-selector__btn,body.light .duration-selector__btn,.light .duration-selector__btn{color:#6366f1!important;background:linear-gradient(145deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%)!important;border-color:rgba(99,102,241,.3)!important}html.light .duration-selector__btn:hover,body.light .duration-selector__btn:hover,.light .duration-selector__btn:hover{color:#4f46e5!important;background:linear-gradient(145deg,rgba(99,102,241,.2) 0%,rgba(168,85,247,.2) 100%)!important;border-color:rgba(99,102,241,.5)!important}html.light .duration-selector__btn--disabled,body.light .duration-selector__btn--disabled,.light .duration-selector__btn--disabled{color:#6b7280!important;background:linear-gradient(145deg,rgba(107,114,128,.1) 0%,rgba(71,85,105,.1) 100%)!important;border-color:rgba(107,114,128,.3)!important}html.light .duration-selector__input,body.light .duration-selector__input,.light .duration-selector__input{color:#334155!important;background:#fff!important;border-color:rgba(99,102,241,.3)!important}html.light .duration-selector__input:hover,body.light .duration-selector__input:hover,.light .duration-selector__input:hover{background:#fff!important;border-color:rgba(99,102,241,.5)!important}html.light .duration-selector__input:focus,body.light .duration-selector__input:focus,.light .duration-selector__input:focus{background:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}html.light .duration-selector__summary,body.light .duration-selector__summary,.light .duration-selector__summary{color:#334155!important;background:linear-gradient(145deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%)!important;border-color:rgba(99,102,241,.3)!important}html.light .duration-selector__summary:hover,body.light .duration-selector__summary:hover,.light .duration-selector__summary:hover{background:linear-gradient(145deg,rgba(99,102,241,.15) 0%,rgba(168,85,247,.15) 100%)!important;border-color:rgba(99,102,241,.5)!important}html.light .duration-selector__total,body.light .duration-selector__total,.light .duration-selector__total{color:#6366f1!important}html.light .duration-selector__limit-message,body.light .duration-selector__limit-message,.light .duration-selector__limit-message{color:#92400e!important;background:linear-gradient(145deg,rgba(245,158,11,.1) 0%,rgba(251,191,36,.1) 100%)!important;border-color:rgba(245,158,11,.3)!important}html.light .duration-selector__limit-message:hover,body.light .duration-selector__limit-message:hover,.light .duration-selector__limit-message:hover{background:linear-gradient(145deg,rgba(245,158,11,.15) 0%,rgba(251,191,36,.15) 100%)!important;border-color:rgba(245,158,11,.5)!important}
.toast-container{z-index:50;flex-direction:column;gap:.5rem;width:100%;max-width:24rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{opacity:0;background:#fff;border:1px solid;border-radius:.5rem;width:100%;max-width:24rem;transition:all .3s;position:relative;transform:translate(100%);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.toast--visible{opacity:1;transform:translate(0)}.toast--hidden{opacity:0;transform:translate(100%)}.toast--success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.toast--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.toast--warning{color:#92400e;background:#fffbeb;border-color:#fed7aa}.toast--info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.toast__content{padding:1rem}.toast__body{align-items:flex-start;gap:.75rem;display:flex}.toast__icon-container{flex-shrink:0}.toast__icon{width:1.25rem;height:1.25rem}.toast__icon--success{color:#22c55e}.toast__icon--error{color:#ef4444}.toast__icon--warning{color:#f59e0b}.toast__icon--info{color:#3b82f6}.toast__text{flex:1}.toast__title{margin:0;font-size:.875rem;font-weight:500;line-height:1.25}.toast__message{opacity:.9;margin:.25rem 0 0;font-size:.875rem;line-height:1.25}.toast__action{margin-top:.75rem}.toast__button{font-size:.75rem}.toast__close{flex-shrink:0;margin-left:1rem}.toast__close-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s;display:inline-flex}.toast__close-button:hover{color:#6b7280}.toast__close-button:focus{outline:none}.toast__close-icon{width:1rem;height:1rem}@media (prefers-color-scheme:dark){.toast{background:#1f2937;border-color:#374151}.toast--success{color:#6ee7b7;background:#064e3b;border-color:#065f46}.toast--error{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.toast--warning{color:#fbbf24;background:#78350f;border-color:#92400e}.toast--info{color:#93c5fd;background:#1e3a8a;border-color:#1e40af}.toast__close-button{color:#6b7280}.toast__close-button:hover{color:#9ca3af}}@media (max-width:640px){.toast-container{max-width:none;top:.5rem;left:.5rem;right:.5rem}.toast{max-width:none}}
.tooltip-wrapper{cursor:help;align-items:center;display:inline-flex;position:relative}.tooltip-icon{color:#9ca3af;transition:color .2s}.tooltip-wrapper:hover .tooltip-icon{color:#6366f1}.tooltip{z-index:10000;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid rgba(99,102,241,.3);border-radius:.5rem;padding:.625rem .875rem;animation:.2s ease-out tooltipFadeIn;position:absolute;box-shadow:0 10px 25px rgba(0,0,0,.3)}.tooltip__content{color:#e2e8f0;white-space:normal;max-width:250px;font-size:.875rem;line-height:1.5}.tooltip__arrow{border:1px solid rgba(99,102 241,.3);background:#1e293b;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip--top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip--top .tooltip__arrow{border-top:none;border-left:none;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip--bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip--bottom .tooltip__arrow{border-bottom:none;border-right:none;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip--left{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.tooltip--left .tooltip__arrow{border-bottom:none;border-left:none;top:50%;right:-5px;transform:translateY(-50%)rotate(45deg)}.tooltip--right{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tooltip--right .tooltip__arrow{border-top:none;border-right:none;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}html.light .tooltip,body.light .tooltip,.light .tooltip{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:rgba(99,102,241,.3);box-shadow:0 10px 25px rgba(0,0,0,.15)}html.light .tooltip__content,body.light .tooltip__content,.light .tooltip__content{color:#334155}html.light .tooltip__arrow,body.light .tooltip__arrow,.light .tooltip__arrow{background:#fff;border-color:rgba(99,102,241,.3)}html.light .tooltip-icon,body.light .tooltip-icon,.light .tooltip-icon{color:#6b7280}html.light .tooltip-wrapper:hover .tooltip-icon,body.light .tooltip-wrapper:hover .tooltip-icon,.light .tooltip-wrapper:hover .tooltip-icon{color:#4f46e5}@media (max-width:640px){.tooltip{max-width:200px}.tooltip__content{max-width:180px;font-size:.8125rem}}
.notification-panel{z-index:1000;-webkit-backdrop-filter:blur(8px);border-radius:1rem;width:22rem;max-height:28rem;animation:.3s ease-out slideDown;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);background:#fff!important;border:1px solid #e2e8f0!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-panel__header{border-top-left-radius:1rem;border-top-right-radius:1rem;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.notification-panel__title{margin:0;font-size:1rem;font-weight:700;color:#0f172a!important}.notification-panel__clear-button{color:#f59e0b;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s ease-in-out}.notification-panel__clear-button:hover{color:#d97706;background-color:rgba(245,158,11,.1)}.notification-panel__content{scrollbar-width:thin;scrollbar-color:#cbd5e1 white;max-height:24rem;overflow-y:auto}.notification-panel__content::-webkit-scrollbar{width:.375rem}.notification-panel__content::-webkit-scrollbar-track{background-color:#fff}.notification-panel__content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:9999px}.notification-panel__content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.notification-panel__item{cursor:pointer;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s ease-in-out;display:flex;position:relative;border-bottom:1px solid #e2e8f0!important}.notification-panel__item:hover{background-color:#f8fafc!important}.notification-panel__item:last-child{border-bottom:none}.notification-panel__item--unread{background-color:rgba(245,158,11,.1);border-left:4px solid #f59e0b}.notification-panel__item--unread:hover{background-color:rgba(245,158,11,.15)}.notification-panel__unread-indicator{background-color:#f59e0b;border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite pulse;position:absolute;top:1rem;left:.5rem}.notification-panel__item-content{cursor:pointer;flex:1;min-width:0}.notification-panel__message{margin-bottom:.5rem}.notification-panel__text{margin:0 0 .5rem;font-size:.875rem;font-weight:500;line-height:1.5;color:#0f172a!important}.notification-panel__message--read .notification-panel__text{color:#6b7280!important}.notification-panel__timestamp{margin:0;font-size:.75rem;font-weight:500;color:#6b7280!important}.notification-panel__delete-button{opacity:0;transition:all .2s ease-in-out}.notification-panel__item:hover .notification-panel__delete-button{opacity:1}.notification-panel__empty{text-align:center;padding:3rem 1.5rem;font-size:.875rem;font-style:italic;color:#6b7280!important}@media (max-width:640px){.notification-panel{width:calc(100vw - 2rem);max-width:20rem;right:-6rem}.notification-panel__item,.notification-panel__header{padding:1rem}.notification-panel__text{font-size:.8rem}.notification-panel__timestamp{font-size:.7rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html.dark .notification-panel,body.dark .notification-panel,.dark .notification-panel{background:#1e293b!important;border:1px solid #334155!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)!important}html.dark .notification-panel__header,body.dark .notification-panel__header,.dark .notification-panel__header{background:#0f172a!important;border-bottom:1px solid #334155!important}html.dark .notification-panel__title,body.dark .notification-panel__title,.dark .notification-panel__title{color:#f8fafc!important}html.dark .notification-panel__content,body.dark .notification-panel__content,.dark .notification-panel__content{scrollbar-color:#475569 #1e293b!important}html.dark .notification-panel__content::-webkit-scrollbar-track{background-color:#1e293b!important}body.dark .notification-panel__content::-webkit-scrollbar-track{background-color:#1e293b!important}.dark .notification-panel__content::-webkit-scrollbar-track{background-color:#1e293b!important}html.dark .notification-panel__content::-webkit-scrollbar-thumb{background-color:#475569!important}body.dark .notification-panel__content::-webkit-scrollbar-thumb{background-color:#475569!important}.dark .notification-panel__content::-webkit-scrollbar-thumb{background-color:#475569!important}html.dark .notification-panel__content::-webkit-scrollbar-thumb:hover{background-color:#64748b!important}body.dark .notification-panel__content::-webkit-scrollbar-thumb:hover{background-color:#64748b!important}.dark .notification-panel__content::-webkit-scrollbar-thumb:hover{background-color:#64748b!important}html.dark .notification-panel__item,body.dark .notification-panel__item,.dark .notification-panel__item{border-bottom:1px solid #334155!important}html.dark .notification-panel__item:hover,body.dark .notification-panel__item:hover,.dark .notification-panel__item:hover{background-color:#334155!important}html.dark .notification-panel__text,body.dark .notification-panel__text,.dark .notification-panel__text{color:#f8fafc!important}html.dark .notification-panel__message--read .notification-panel__text,body.dark .notification-panel__message--read .notification-panel__text,.dark .notification-panel__message--read .notification-panel__text{color:#cbd5e1!important}html.dark .notification-panel__timestamp,body.dark .notification-panel__timestamp,.dark .notification-panel__timestamp,html.dark .notification-panel__empty,body.dark .notification-panel__empty,.dark .notification-panel__empty{color:#94a3b8!important}@media (prefers-color-scheme:dark){html:not(.light):not(.dark) .notification-panel{background:#1e293b!important;border:1px solid #334155!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)!important}html:not(.light):not(.dark) .notification-panel__header{background:#0f172a!important;border-bottom:1px solid #334155!important}html:not(.light):not(.dark) .notification-panel__title{color:#f8fafc!important}html:not(.light):not(.dark) .notification-panel__content{scrollbar-color:#475569 #1e293b!important}html:not(.light):not(.dark) .notification-panel__content::-webkit-scrollbar-track{background-color:#1e293b!important}html:not(.light):not(.dark) .notification-panel__content::-webkit-scrollbar-thumb{background-color:#475569!important}html:not(.light):not(.dark) .notification-panel__content::-webkit-scrollbar-thumb:hover{background-color:#64748b!important}html:not(.light):not(.dark) .notification-panel__item{border-bottom:1px solid #334155!important}html:not(.light):not(.dark) .notification-panel__item:hover{background-color:#334155!important}html:not(.light):not(.dark) .notification-panel__text{color:#f8fafc!important}html:not(.light):not(.dark) .notification-panel__message--read .notification-panel__text{color:#cbd5e1!important}html:not(.light):not(.dark) .notification-panel__timestamp,html:not(.light):not(.dark) .notification-panel__empty{color:#94a3b8!important}}
.date-picker-modal__container{padding:.5rem}.date-picker-modal__header{background:#0f172a;border:1px solid #334155;border-radius:1rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem;display:flex}.date-picker-modal__month-year{color:#f8fafc;text-transform:capitalize;font-size:1.1rem;font-weight:700}.date-picker-modal__nav-button{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:.5rem;transition:all .2s}.date-picker-modal__nav-button:hover{color:#f8fafc;background:#334155;border-color:#475569}.date-picker-modal__day-names{grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;display:grid}.date-picker-modal__day-name{text-align:center;color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:600}.date-picker-modal__calendar-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.date-picker-modal__day{aspect-ratio:1;color:#94a3b8;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.date-picker-modal__day:hover{color:#f8fafc;background:#1e293b}.date-picker-modal__day--selected{font-weight:700;box-shadow:0 4px 12px rgba(99,102,241,.4);color:#fff!important;background:#6366f1!important}.date-picker-modal__day--today{color:#10b981;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.date-picker-modal__day--other-month{opacity:.3}.date-picker-modal__actions{border-top:1px solid #334155;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:grid}@media (max-width:640px){.date-picker-modal__actions{flex-direction:column-reverse;grid-template-columns:1fr}}html.light .date-picker-modal__header{background:#f8fafc;border-color:#e2e8f0}html.light .date-picker-modal__nav-button{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}html.light .date-picker-modal__nav-button:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}html.light .date-picker-modal__month-year{color:#0f172a}html.light .date-picker-modal__day{color:#475569}html.light .date-picker-modal__day:hover{background:#f1f5f9}html.light .date-picker-modal__actions{border-top-color:#e2e8f0}
.invoice-item-modal{flex-direction:column;gap:1.5rem;display:flex}.invoice-item-modal__entry{background:#0f172a;border:1px solid #334155;border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.invoice-item-modal__field{flex-direction:column;gap:.5rem;display:flex}.invoice-item-modal__amount-input{color:#ef4444;text-align:center;background:0 0;border:none;outline:none;width:100%;font-size:2rem;font-weight:700}.invoice-item-modal__duration-box{background:#1e293b;border:1px solid #334155;border-radius:1.25rem;padding:1.25rem}.invoice-item-modal__duration-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.invoice-item-modal__duration-label{color:#f8fafc;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.invoice-item-modal__duration-input-wrapper{justify-content:center;align-items:center;gap:.75rem;display:flex}.invoice-item-modal__duration-num{color:#818cf8;text-align:center;background:#0f172a;border:1px solid #334155;border-radius:.75rem;width:60px;padding:.5rem;font-size:1.5rem;font-weight:700}.invoice-item-modal__duration-num:disabled{opacity:.6;cursor:not-allowed;color:#64748b;background:#1e293b;border-color:#475569}.invoice-item-modal__duration-disabled{flex-direction:column;align-items:center;gap:.75rem;display:flex}.invoice-item-modal__duration-disabled .invoice-item-modal__duration-input-wrapper{justify-content:center;align-items:center;gap:.75rem;display:flex}.invoice-item-modal__info-card{background:#0f172a;border:1px solid #334155;border-radius:1rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.invoice-item-modal__info-text{color:#94a3b8;font-size:.85rem;line-height:1.5}.invoice-item-modal__info-text strong{color:#f8fafc}.invoice-item-modal__actions{grid-template-columns:1fr 2fr;gap:1rem;margin-top:.5rem;display:grid}@media (max-width:640px){.invoice-item-modal__actions{flex-direction:column-reverse;grid-template-columns:1fr}}html.light .invoice-item-modal__entry{background:#fff;border-color:#e2e8f0}html.light .invoice-item-modal__duration-box{background:#f8fafc;border-color:#e2e8f0}html.light .invoice-item-modal__duration-num{color:#6366f1;background:#fff;border-color:#e2e8f0}html.light .invoice-item-modal__duration-num:disabled{color:#94a3b8;background:#f1f5f9;border-color:#cbd5e1}html.light .invoice-item-modal__info-card{background:#f8fafc;border-color:#e2e8f0}html.light .invoice-item-modal__duration-label,html.light .invoice-item-modal__info-text strong{color:#0f172a}.invoice-item-modal__warning{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:1rem;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.invoice-item-modal__warning-text{color:#fbbf24;font-size:.85rem;line-height:1.5}.invoice-item-modal__warning-text strong{color:#fbbf24;font-weight:600}html.light .invoice-item-modal__warning{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.4)}html.light .invoice-item-modal__warning-text,html.light .invoice-item-modal__warning-text strong{color:#d97706}
.transaction-modal{flex-direction:column;gap:1.5rem;display:flex;position:relative}.transaction-modal__amount-display{background:#0f172a;border:1px solid #334155;border-radius:1.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.transaction-modal__amount-display:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(99,102,241,.1),transparent);position:absolute;top:0;bottom:0;left:0;right:0}.transaction-modal__amount-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.transaction-modal__amount-input{color:#f8fafc;text-align:center;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:3rem;font-weight:700}.transaction-modal__amount-input--income{color:#10b981}.transaction-modal__amount-input--expense{color:#ef4444}.transaction-modal__type-tabs{background:#0f172a;border:1px solid #334155;border-radius:1rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.transaction-modal__type-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.75rem;font-weight:600;transition:all .2s}.transaction-modal__type-tab--active-income{color:#fff;background:#10b981;box-shadow:0 4px 12px rgba(16,185,129,.3)}.transaction-modal__type-tab--active-expense{color:#fff;background:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.3)}.transaction-modal__card{background:#0f172a;border:1px solid #334155;border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.transaction-modal__card-title{color:#f8fafc;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:flex}.transaction-modal__category-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.transaction-modal__invoice-type-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (max-width:640px){.transaction-modal__invoice-type-grid{grid-template-columns:repeat(2,1fr)}.transaction-modal__category-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.transaction-modal__category-item{padding:.5rem}.transaction-modal__category-name{font-size:.7rem}}.transaction-modal__category-item{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.transaction-modal__category-item:hover{background:#334155;border-color:#475569}.transaction-modal__category-item--active{color:#818cf8;background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4)}.transaction-modal__category-icon{font-size:1.25rem}.transaction-modal__category-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.75rem;font-weight:500;line-height:1.2;overflow:hidden}.transaction-modal__invoice-type-grid .transaction-modal__category-name{font-size:.7rem}.transaction-modal__field{flex-direction:column;gap:.5rem;display:flex}.transaction-modal__month-selector{align-items:center;gap:.75rem;display:flex}.transaction-modal__month-arrow{flex-shrink:0}.transaction-modal__month-display{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.transaction-modal__month-display:hover{background:#334155;border-color:#6366f1}.transaction-modal__month-icon{color:#818cf8;flex-shrink:0}html.light .transaction-modal__month-display{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}html.light .transaction-modal__month-display:hover{background:#f1f5f9;border-color:#6366f1}.transaction-modal__options{flex-direction:column;gap:.75rem;display:flex}.transaction-modal__option-row{background:#1e293b;border:1px solid #334155;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.transaction-modal__option-row+.transaction-modal__option-row,.transaction-modal__option-row+.transaction-modal__field,.transaction-modal__field+.transaction-modal__option-row{margin-top:.75rem}.transaction-modal__option-text{flex-direction:column;gap:.15rem;display:flex}.transaction-modal__option-title{color:#f8fafc;font-size:.9rem;font-weight:600}.transaction-modal__option-subtitle{color:#94a3b8;font-size:.75rem}html.light .transaction-modal__option-title{color:#0f172a}html.light .transaction-modal__option-subtitle{color:#64748b}.transaction-modal__actions{grid-template-columns:1fr 2fr;gap:1rem;margin-top:1rem;display:grid}@media (max-width:640px){.transaction-modal{padding-bottom:2rem}.transaction-modal__amount-input{font-size:2.5rem}.transaction-modal__category-grid{grid-template-columns:repeat(3,1fr)}.transaction-modal__actions{flex-direction:column-reverse;grid-template-columns:1fr}}html.light .transaction-modal__amount-display{background:#f8fafc;border-color:#e2e8f0}html.light .transaction-modal__amount-input{color:#0f172a}html.light .transaction-modal__type-tabs{background:#f1f5f9;border-color:#e2e8f0}html.light .transaction-modal__card{background:#fff;border-color:#e2e8f0}html.light .transaction-modal__card-title{color:#0f172a}html.light .transaction-modal__category-item{background:#f8fafc;border-color:#e2e8f0}html.light .transaction-modal__category-item:hover{background:#f1f5f9;border-color:#cbd5e1}html.light .transaction-modal__option-row{background:#f8fafc;border-color:#e2e8f0}.transaction-modal__invoice-items-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.transaction-modal__invoice-empty{text-align:center;color:#64748b;margin:0;padding:1rem 0;font-size:.85rem;font-style:italic}.transaction-modal__invoice-items-list{flex-direction:column;gap:.5rem;display:flex}.transaction-modal__invoice-item-info{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.transaction-modal__invoice-item-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.transaction-modal__invoice-item-category{color:#94a3b8;font-size:.75rem}.transaction-modal__invoice-item-badge{color:#818cf8;white-space:nowrap;background:rgba(99,102,241,.2);border-radius:.5rem;padding:.1rem .5rem;font-size:.7rem}.transaction-modal__invoice-item-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.transaction-modal__invoice-item-amount{color:#ef4444;font-size:.875rem;font-weight:600}.transaction-modal__invoice-item-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:inline-flex}.transaction-modal__invoice-item-btn:hover{color:#f8fafc;background:#334155}html.light .transaction-modal__invoice-item-name{color:#0f172a}html.light .transaction-modal__invoice-item-category{color:#64748b}html.light .transaction-modal__invoice-item-btn:hover{color:#0f172a;background:#e2e8f0}.transaction-modal__invoice-item{background:#1e293b;border:1px solid #334155;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.transaction-modal__invoice-item:hover{background:#334155;border-color:#475569}html.light .transaction-modal__invoice-item{background:#f8fafc;border-color:#e2e8f0}html.light .transaction-modal__invoice-item:hover{background:#f1f5f9;border-color:#cbd5e1}.transaction-modal__account-select{flex-direction:column;gap:.75rem;display:flex}.transaction-modal__account-dropdown{color:#f8fafc;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 1rem center/1.25rem no-repeat;border:2px solid #334155;border-radius:1rem;width:100%;padding:1rem 3rem 1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s}.transaction-modal__account-dropdown:hover{background-color:#1e293b;border-color:#6366f1}.transaction-modal__account-dropdown:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.transaction-modal__account-dropdown option{color:#f8fafc;background:#0f172a;padding:.75rem}.transaction-modal__account-empty-box{text-align:center;background:linear-gradient(145deg,rgba(99,102,241,.05) 0%,rgba(168,85,247,.05) 100%);border:2px dashed #334155;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.transaction-modal__account-empty-icon{color:#6366f1;opacity:.6}.transaction-modal__account-empty-title{color:#f8fafc;margin:0;font-size:1rem;font-weight:600}.transaction-modal__account-empty-text{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.5}.transaction-modal__account-empty-text strong{color:#818cf8}html.light .transaction-modal__account-dropdown{color:#0f172a;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");border-color:#e2e8f0}html.light .transaction-modal__account-dropdown:hover{background-color:#f8fafc;border-color:#6366f1}html.light .transaction-modal__account-dropdown:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}html.light .transaction-modal__account-dropdown option{color:#0f172a;background:#fff}html.light .transaction-modal__account-empty-box{background:linear-gradient(145deg,rgba(99,102,241,.05) 0%,rgba(168,85,247,.05) 100%);border-color:#e2e8f0}html.light .transaction-modal__account-empty-icon{color:#4f46e5}html.light .transaction-modal__account-empty-title{color:#0f172a}html.light .transaction-modal__account-empty-text{color:#64748b}html.light .transaction-modal__account-empty-text strong{color:#4f46e5}.transaction-modal__loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;pointer-events:all;cursor:not-allowed;background:rgba(15,23,42,.95);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.transaction-modal__loading-spinner{border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.transaction-modal__loading-text{color:#e2e8f0;margin:0;font-size:1rem;font-weight:500}
.account-modal__content{padding:0}.account-form{padding:1.5rem}.account-modal__field{margin-bottom:1.5rem}.account-modal__field:last-of-type{margin-bottom:2.5rem}.account-form__section{margin-bottom:1.5rem}.account-form__section:last-child{margin-bottom:2rem}.account-form__section-title{color:#111827;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.account-type-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.account-type-option{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:2px solid rgba(99,102,241,.2);border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08)}.account-type-option:before{content:"";opacity:0;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(168,85,247,.05) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.account-type-option:hover{background:linear-gradient(145deg,rgba(99,102,241,.08) 0%,rgba(168,85,247,.08) 100%);border-color:rgba(99,102,241,.4);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.15)}.account-type-option:hover:before{opacity:1}.account-type-option--selected{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%);border-color:rgba(99,102,241,.5);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.2),inset 0 1px rgba(255,255,255,.1)}.account-type-option--selected:before{opacity:1;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%)}.account-type-icon{color:#94a3b8;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:3rem;height:3rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-type-option--selected .account-type-icon{color:#a5b4fc;background:linear-gradient(135deg,rgba(99,102,241,.3) 0%,rgba(168,85,247,.3) 100%);border-color:rgba(99,102,241,.4);transform:scale(1.1)}.account-type-name{color:#cbd5e1;font-size:.95rem;font-weight:600;transition:all .3s}.account-type-description{color:#94a3b8;font-size:.8rem;line-height:1.4;transition:all .3s}.account-type-option--selected .account-type-name{color:#a5b4fc;transform:translateY(-1px)}.account-type-option--selected .account-type-description{color:#818cf8}.bank-select-wrapper{position:relative}.bank-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zM2 5L0 3h4z'/></svg>");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75rem;padding-left:2.5rem;padding-right:2.5rem}.bank-icon{color:#6b7280;pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.color-selection{flex-direction:column;gap:.75rem;display:flex}.color-selection__title{color:#374151;font-size:.875rem;font-weight:500}.color-palette{flex-wrap:wrap;gap:.5rem;display:flex}.color-option{cursor:pointer;-webkit-backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2);border-radius:50%;width:3rem;height:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)}.color-option:hover{border-color:rgba(255,255,255,.4);transform:scale(1.15)translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.color-option--selected{border-color:rgba(255,255,255,.6);transform:scale(1.1);box-shadow:0 0 0 3px rgba(255,255,255,.3),0 0 0 6px rgba(99,102,241,.3),0 8px 25px rgba(99,102,241,.4)}.color-option--selected:after{content:"✓";color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:.875rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-option--blue{background-color:#3b82f6}.color-option--green{background-color:#22c55e}.color-option--yellow{background-color:#f59e0b}.color-option--red{background-color:#ef4444}.color-option--purple{background-color:#a855f7}.color-option--pink{background-color:#ec4899}.color-option--indigo{background-color:#6366f1}.color-option--teal{background-color:#14b8a6}.color-option--orange{background-color:#f97316}.color-option--gray{background-color:#6b7280}.balance-input-group{position:relative}.balance-input{text-align:right;color:#111827;background-color:#f9fafb;border:2px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem .75rem 3rem;font-size:1.25rem;font-weight:600;transition:all .2s ease-in-out}.balance-input:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.balance-currency{color:#6b7280;pointer-events:none;font-size:1rem;font-weight:600;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.account-status{background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.account-status__info{flex:1}.account-status__title{color:#111827;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.account-status__description{color:#6b7280;font-size:.75rem;line-height:1.4}.account-modal__actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;gap:.75rem;padding:1rem 1.5rem;display:flex}.account-preview{-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(99,102,241,.02) 0%,rgba(168,85,247,.02) 100%);border:2px solid rgba(99,102,241,.2);border-radius:1rem;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.08)}.account-preview__title{color:#cbd5e1;text-align:center;margin-bottom:1rem;font-size:.95rem;font-weight:600}.account-preview__card{background:linear-gradient(135deg,var(--account-color,rgba(99,102,241,.8)),var(--account-color-light,rgba(168,85,247,.8)));color:#fff;-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(99,102,241,.3),inset 0 1px rgba(255,255,255,.2)}.account-preview__card:before{content:"";pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);position:absolute;top:0;bottom:0;left:0;right:0}.account-preview__header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.account-preview__name{font-size:1rem;font-weight:600}.account-preview__type{opacity:.8;font-size:.75rem}.account-preview__balance{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.account-preview__bank{opacity:.9;font-size:.875rem}@media (max-width:640px){.account-type-grid{grid-template-columns:1fr}.account-form{padding:1rem}.account-modal__actions{flex-direction:column-reverse;gap:.5rem}.color-palette{justify-content:center}.balance-input{font-size:1.125rem}}@media (prefers-color-scheme:dark){.account-form__section-title{color:#f3f4f6;border-bottom-color:#374151}.account-type-option{background-color:#1e293b;border-color:#4b5563}.account-type-option:hover{background-color:#334155;border-color:#818cf8}.account-type-option--selected{background-color:#1e1b4b;border-color:#818cf8}.account-type-icon{color:#9ca3af;background-color:#374151}.account-type-option--selected .account-type-icon{background-color:#818cf8}.account-type-name{color:#f3f4f6}.account-type-description{color:#9ca3af}.account-type-option--selected .account-type-name{color:#a5b4fc}.account-type-option--selected .account-type-description{color:#818cf8}.bank-icon{color:#9ca3af}.color-selection__title{color:#cbd5e1}.color-option--selected{border-color:#f3f4f6;box-shadow:0 0 0 2px #1e293b,0 0 0 4px #f3f4f6}.balance-input{color:#f3f4f6;background-color:#374151;border-color:#4b5563}.balance-input:focus{background-color:#1e293b;border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.1)}.balance-currency{color:#9ca3af}.account-status{background-color:#374151;border-color:#4b5563}.account-status__title{color:#f3f4f6}.account-status__description{color:#9ca3af}.account-modal__actions{background-color:#374151;border-top-color:#374151}.account-preview{background-color:#374151;border-color:#4b5563}.account-preview__title{color:#f3f4f6}}html.light .account-modal,body.light .account-modal,.light .account-modal{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:rgba(99,102,241,.3);box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(99,102,241,.1),inset 0 1px rgba(255,255,255,.8)}html.light .account-modal__header,body.light .account-modal__header,.light .account-modal__header{background:linear-gradient(145deg,rgba(99,102,241,.05) 0%,transparent 100%);border-bottom-color:rgba(99,102,241,.2)}html.light .account-modal__title,body.light .account-modal__title,.light .account-modal__title{color:#0f172a;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html.light .account-modal__close,body.light .account-modal__close,.light .account-modal__close{color:#475569;background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3)}html.light .account-modal__close:hover,body.light .account-modal__close:hover,.light .account-modal__close:hover{color:#0f172a;background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.5)}html.light .account-modal__content,body.light .account-modal__content,.light .account-modal__content{color:#334155;background:linear-gradient(145deg,transparent 0%,rgba(99,102,241,.02) 100%)}html.light .account-modal__footer,body.light .account-modal__footer,.light .account-modal__footer{background:#f8fafc;border-top-color:#e2e8f0}html.light .account-form__section-title,body.light .account-form__section-title,.light .account-form__section-title{color:#0f172a;border-bottom-color:#e2e8f0}html.light .account-type-option,body.light .account-type-option,.light .account-type-option{color:#334155;background:linear-gradient(145deg,rgba(255,255,255,.8) 0%,rgba(248,250,252,.8) 100%);border-color:rgba(99,102,241,.3)}html.light .account-type-option:hover,body.light .account-type-option:hover,.light .account-type-option:hover{color:#0f172a;background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.9) 100%);border-color:rgba(99,102,241,.5)}html.light .account-type-option--selected,body.light .account-type-option--selected,.light .account-type-option--selected{color:#4f46e5;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%);border-color:rgba(99,102,241,.5)}html.light .account-type-option__icon,body.light .account-type-option__icon,.light .account-type-option__icon{color:#6366f1}html.light .account-type-option--selected .account-type-option__icon,body.light .account-type-option--selected .account-type-option__icon,.light .account-type-option--selected .account-type-option__icon{color:#4f46e5}html.light .account-type-option__label,body.light .account-type-option__label,.light .account-type-option__label{color:#334155;font-weight:500}html.light .account-type-option--selected .account-type-option__label,body.light .account-type-option--selected .account-type-option__label,.light .account-type-option--selected .account-type-option__label{color:#4f46e5;font-weight:600}html.light .account-type-option__description,body.light .account-type-option__description,.light .account-type-option__description{color:#6b7280}html.light .account-form__input,body.light .account-form__input,.light .account-form__input{color:#334155;background:#fff;border-color:rgba(99,102,241,.3)}html.light .account-form__input:focus,body.light .account-form__input:focus,.light .account-form__input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}html.light .account-form__input::placeholder,body.light .account-form__input::placeholder,.light .account-form__input::placeholder{color:#6b7280}html.light .account-form__label,body.light .account-form__label,.light .account-form__label{color:#334155}html.light .account-form__select,body.light .account-form__select,.light .account-form__select{color:#334155;background:#fff;border-color:rgba(99,102,241,.3)}html.light .account-form__select:focus,body.light .account-form__select:focus,.light .account-form__select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}html.light .balance-input,body.light .balance-input,.light .balance-input{color:#334155;background:#fff;border-color:rgba(99,102,241,.3)}html.light .balance-input:focus,body.light .balance-input:focus,.light .balance-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}html.light .balance-currency,body.light .balance-currency,.light .balance-currency{color:#6b7280}html.light .account-status,body.light .account-status,.light .account-status{background:linear-gradient(145deg,rgba(99,102,241,.05) 0%,rgba(168,85,247,.05) 100%);border-color:rgba(99,102,241,.3)}html.light .account-status__title,body.light .account-status__title,.light .account-status__title{color:#0f172a}html.light .account-status__description,body.light .account-status__description,.light .account-status__description{color:#475569}html.light .account-modal__actions,body.light .account-modal__actions,.light .account-modal__actions{background-color:#f8fafc;border-top-color:#e2e8f0}html.light .account-preview,body.light .account-preview,.light .account-preview{background:linear-gradient(145deg,rgba(255,255,255,.8) 0%,rgba(248,250,252,.8) 100%);border-color:rgba(99,102,241,.3)}html.light .account-preview__title,body.light .account-preview__title,.light .account-preview__title{color:#0f172a}