.sidebar{z-index:60;flex-direction:column;width:16rem;height:100vh;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:2px 0 8px rgba(0,0,0,.15);background-color:#fff!important;border-right:1px solid #e2e8f0!important}.sidebar:not(.sidebar--mobile-hidden){transform:translate(0)}@media (min-width:768px){.sidebar{width:16rem;position:relative;transform:translate(0)!important}}.sidebar__header{flex-shrink:0;align-items:center;height:4rem;padding:0 1.5rem;display:flex;border-bottom:1px solid #e2e8f0!important}.sidebar__logo{align-items:center;gap:.75rem;display:flex}.sidebar__logo-icon{object-fit:contain;flex-shrink:0;width:2.5rem;height:2.5rem;transition:all .3s ease-in-out}.sidebar__logo-text{color:#0f172a;white-space:nowrap;font-size:1.25rem;font-weight:700;transition:all .3s ease-in-out}.sidebar__toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:.375rem;margin-left:auto;padding:.5rem;transition:background-color .2s ease-in-out}.sidebar__toggle-btn:hover{background-color:#f1f5f9}.sidebar__toggle-icon{color:#6b7280;font-size:1rem;transition:transform .3s ease-in-out;transform:rotate(0)}.sidebar__nav{flex:1;padding:1rem;overflow-y:auto}.sidebar__nav-list{flex-direction:column;gap:.5rem;display:flex}.sidebar__nav-item{cursor:pointer;color:#475569;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;font-size:1rem;font-weight:400;text-decoration:none;transition:all .2s ease-in-out;display:flex}.sidebar__nav-item:hover{color:#334155;background-color:#f8fafc}.sidebar__nav-item--active{color:#4f46e5;background-color:#eef2ff;font-weight:500}.sidebar__nav-item--active:hover{background-color:#e0e7ff}.sidebar__nav-icon{flex-shrink:0;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out}.sidebar__nav-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__section{margin-bottom:1.5rem}.sidebar__section:last-child{margin-bottom:0}.sidebar__section-title{text-transform:uppercase;letter-spacing:.025em;color:#6b7280;margin-bottom:.5rem;padding:0 .5rem;font-size:.75rem;font-weight:600}.sidebar__footer{flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid #e2e8f0!important}.sidebar__user{cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s ease-in-out;display:flex}.sidebar__user:hover{background-color:#f8fafc}.sidebar__user-avatar{border-radius:50%;flex-shrink:0;width:2rem;height:2rem}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.sidebar__user-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar--collapsed{width:4rem}.sidebar--collapsed .sidebar__logo-text,.sidebar--collapsed .sidebar__nav-text,.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__user-info{display:none}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:.75rem}.sidebar--collapsed .sidebar__nav-icon{flex-shrink:0;min-width:1.25rem;margin:0}.sidebar--collapsed .sidebar__user,.sidebar--collapsed .sidebar__logo{justify-content:center}.sidebar__toggle{cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s ease-in-out;display:flex;position:absolute;top:1rem;right:-.75rem;background-color:#fff!important;border:1px solid #e2e8f0!important}.sidebar__toggle:hover{background-color:#f8fafc;border-color:#cbd5e1}.sidebar__toggle-icon{color:#6b7280;width:.875rem;height:.875rem;transition:transform .2s ease-in-out}.sidebar--collapsed .sidebar__toggle-icon{transform:rotate(180deg)}.sidebar-overlay{z-index:20;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.5);transition:all .3s ease-in-out;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay--visible{opacity:1;visibility:visible}.sidebar__nav-badge{color:#fff;background-color:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;margin-left:auto;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:flex}.sidebar__nav-badge--dot{width:.5rem;min-width:0;height:.5rem;padding:0}@media (max-width:768px){.sidebar{width:20rem}.sidebar--desktop{display:none}}@media (min-width:768px){.sidebar{position:relative;transform:translate(0)}.sidebar-overlay{display:none}}html.dark .sidebar,body.dark .sidebar,.dark .sidebar{background-color:#0f172a!important;border-right-color:#1e293b!important}html.dark .sidebar__header,body.dark .sidebar__header,.dark .sidebar__header{border-bottom-color:#1e293b!important}html.dark .sidebar__logo-text,body.dark .sidebar__logo-text,.dark .sidebar__logo-text{color:#f8fafc!important}html.dark .sidebar__nav-item,body.dark .sidebar__nav-item,.dark .sidebar__nav-item{color:#94a3b8!important}html.dark .sidebar__nav-item:hover,body.dark .sidebar__nav-item:hover,.dark .sidebar__nav-item:hover{color:#cbd5e1!important;background-color:#1e293b!important}html.dark .sidebar__nav-item--active,body.dark .sidebar__nav-item--active,.dark .sidebar__nav-item--active{color:#818cf8!important;background-color:#1e1b4b!important}html.dark .sidebar__nav-item--active:hover,body.dark .sidebar__nav-item--active:hover,.dark .sidebar__nav-item--active:hover{background-color:#312e81!important}html.dark .sidebar__section-title,body.dark .sidebar__section-title,.dark .sidebar__section-title{color:#94a3b8!important}html.dark .sidebar__footer,body.dark .sidebar__footer,.dark .sidebar__footer{border-top-color:#1e293b!important}html.dark .sidebar__user:hover,body.dark .sidebar__user:hover,.dark .sidebar__user:hover{background-color:#1e293b!important}html.dark .sidebar__user-name,body.dark .sidebar__user-name,.dark .sidebar__user-name{color:#f8fafc!important}html.dark .sidebar__user-email,body.dark .sidebar__user-email,.dark .sidebar__user-email{color:#94a3b8!important}html.dark .sidebar__toggle,body.dark .sidebar__toggle,.dark .sidebar__toggle{background-color:#1e293b!important;border-color:#334155!important}html.dark .sidebar__toggle:hover,body.dark .sidebar__toggle:hover,.dark .sidebar__toggle:hover{background-color:#334155!important;border-color:#4b5563!important}html.dark .sidebar__toggle-icon,body.dark .sidebar__toggle-icon,.dark .sidebar__toggle-icon{color:#94a3b8!important}html.dark .sidebar__toggle-btn:hover,body.dark .sidebar__toggle-btn:hover,.dark .sidebar__toggle-btn:hover{background-color:#1e293b!important}@media (prefers-color-scheme:dark){html:not(.light):not(.dark) .sidebar{background-color:#0f172a!important;border-right-color:#1e293b!important}html:not(.light):not(.dark) .sidebar__header{border-bottom-color:#1e293b}html:not(.light):not(.dark) .sidebar__logo-text{color:#f8fafc}html:not(.light):not(.dark) .sidebar__nav-item{color:#94a3b8}html:not(.light):not(.dark) .sidebar__nav-item:hover{color:#cbd5e1;background-color:#1e293b}html:not(.light):not(.dark) .sidebar__nav-item--active{color:#818cf8;background-color:#1e1b4b}html:not(.light):not(.dark) .sidebar__nav-item--active:hover{background-color:#312e81}html:not(.light):not(.dark) .sidebar__section-title{color:#94a3b8}html:not(.light):not(.dark) .sidebar__footer{border-top-color:#1e293b}html:not(.light):not(.dark) .sidebar__user:hover{background-color:#1e293b}html:not(.light):not(.dark) .sidebar__user-name{color:#f8fafc}html:not(.light):not(.dark) .sidebar__user-email{color:#94a3b8}html:not(.light):not(.dark) .sidebar__toggle{background-color:#1e293b;border-color:#334155}html:not(.light):not(.dark) .sidebar__toggle:hover{background-color:#334155;border-color:#4b5563}html:not(.light):not(.dark) .sidebar__toggle-icon{color:#94a3b8}}
.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{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:.125rem;left:.125rem;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%);transform:translate(1.5rem);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;top:.125rem}.switch--sm.switch--checked .switch__track .switch__thumb{transform:translate(1.125rem)}.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{transform:translate(1.5rem)}.switch--lg .switch__track{width:4rem;height:2.125rem}.switch--lg .switch__thumb{width:1.875rem;height:1.875rem;top:.125rem;left:.125rem}.switch--lg.switch--checked .switch__track .switch__thumb{transform:translate(1.875rem)}.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}}
.modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(180%);z-index:9999;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 100%);justify-content:center;align-items:center;padding:1rem;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{z-index:10000;-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid rgba(99,102,241,.2);border-radius:1.5rem;flex-direction:column;width:100%;max-width:32rem;max-height:calc(100vh - 2rem);margin:1rem;animation:.3s cubic-bezier(.4,0,.2,1) scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1),inset 0 1px rgba(255,255,255,.1)}.modal--small{max-width:24rem}.modal--medium{max-width:32rem}.modal--large{max-width:48rem}.modal--xl{max-width:64rem}.modal--fullscreen{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0}.modal__header{background:linear-gradient(145deg,rgba(99,102,241,.05) 0%,transparent 100%);border-bottom:1px solid rgba(99,102,241,.2);justify-content:space-between;align-items:center;margin-bottom:0;padding:2rem 2rem 1.5rem;display:flex;position:relative}.modal__header:before{content:"";background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.3) 50%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.modal__title{color:#f8fafc;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.375rem;font-weight:700}.modal__close{cursor:pointer;color:#94a3b8;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:.625rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.modal__close:before{content:"";opacity:0;background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(168,85,247,.2) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.modal__close:hover{color:#e2e8f0;background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4);transform:scale(1.05);box-shadow:0 4px 12px rgba(99,102,241,.3)}.modal__close:hover:before{opacity:1}.modal__content{color:#cbd5e1;z-index:1;background:linear-gradient(145deg,transparent 0%,rgba(99,102,241,.02) 100%);flex:1;max-height:calc(100vh - 200px);padding:2rem;position:relative;overflow-y:auto}.modal__content .button+.button,.modal__content button+button{margin-left:1.25rem}.modal__content input,.modal__content select,.modal__content textarea{z-index:2;position:relative}.modal__content input:focus,.modal__content select:focus,.modal__content textarea:focus{z-index:3;position:relative}.modal__footer{background:#1e293b;border-top:1px solid #334155;justify-content:flex-end;gap:1rem;margin-top:auto;padding:1rem 2rem 2rem;display:flex}.modal__footer--space-between{justify-content:space-between}.modal__footer--center{justify-content:center}.modal-overlay[data-backdrop=true]{cursor:pointer}.modal{cursor:auto}@media (max-height:600px){.modal{border-radius:1rem;max-height:90vh}.modal__header{padding:1.5rem 1.5rem 1rem}.modal__content{padding:1.5rem}}@media (max-width:640px){.modal-overlay{padding:.5rem}.modal{border-radius:1.25rem;width:calc(100vw - 1rem);max-width:none;max-height:calc(100vh - 1rem);margin:.5rem}.modal__header{padding:1.75rem 1.5rem 1.25rem}.modal__title{font-size:1.25rem}.modal__close{width:2.5rem;height:2.5rem}.modal__content{padding:1.5rem}}@media (max-width:480px){.modal-overlay{padding:.25rem}.modal{border-radius:1rem;width:calc(100vw - .5rem);max-height:calc(100vh - .5rem);margin:.25rem}.modal__header{padding:1.5rem 1.25rem 1rem}.modal__title{font-size:1.125rem}.modal__content{padding:1.25rem}}.modal--scrollable .modal__content{max-height:60vh;overflow-y:auto}.modal--loading{pointer-events:none}.modal--loading .modal__content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:8rem;display:flex}.modal__spinner{border:2px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)rotate(-2deg)}50%{opacity:.8;transform:scale(1.02)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes spin{to{transform:rotate(360deg)}}html.light .modal,body.light .modal,.light .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 .modal__header,body.light .modal__header,.light .modal__header{background:linear-gradient(145deg,rgba(99,102,241,.05) 0%,transparent 100%);border-bottom-color:rgba(99,102,241,.2)}html.light .modal__title,body.light .modal__title,.light .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 .modal__close,body.light .modal__close,.light .modal__close{color:#475569;background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3)}html.light .modal__close:hover,body.light .modal__close:hover,.light .modal__close:hover{color:#0f172a;background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.5)}html.light .modal__content,body.light .modal__content,.light .modal__content{color:#334155;background:linear-gradient(145deg,transparent 0%,rgba(99,102,241,.02) 100%)}html.light .modal__footer,body.light .modal__footer,.light .modal__footer{background:#f8fafc;border-top-color:#e2e8f0}html.light .modal__spinner,body.light .modal__spinner,.light .modal__spinner{border-color:#6366f1 #e2e8f0 #e2e8f0}@media (prefers-color-scheme:dark){.modal{background-color:#1e293b;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.modal__title{color:#f8fafc}.modal__close{color:#9ca3af}.modal__close:hover{color:#d1d5db;background-color:#374151}.modal__content{color:#cbd5e1}.modal__footer{border-top-color:#374151}.modal__spinner{border-color:#6366f1 #374151 #374151}}@media (max-width:768px){.modal{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);margin:1rem}.modal--xl{max-width:calc(100vw - 2rem)}.modal--fullscreen{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0}.modal__header,.modal__content,.modal__footer{padding-left:1rem;padding-right:1rem}}
.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}}
.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}}
.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex;position:-webkit-sticky;position:sticky;top:0;background-color:#fff!important;border-bottom:1px solid #e2e8f0!important}@media (min-width:769px){.topbar{position:relative}.topbar__title{z-index:1;position:absolute;left:1.5rem}.topbar__actions{z-index:1;position:absolute;right:1.5rem}.topbar__date-nav{z-index:1;margin:0;position:absolute;left:50%;transform:translate(-50%)}}.topbar__left{align-items:center;gap:1rem;display:flex}.topbar__actions{justify-content:flex-end;align-items:center;gap:.75rem;height:100%;display:flex}.topbar__actions-right{align-items:center;gap:.75rem;display:flex}.topbar__menu-toggle{display:none}.topbar__menu-btn{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s ease-in-out;display:flex}@media (min-width:768px){.topbar__menu-btn{display:none}}.topbar__menu-btn:hover{color:#0f172a;background-color:#f1f5f9}.topbar__menu-btn:active{transform:scale(.95)}.topbar__title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:600}.topbar__breadcrumb{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.topbar__breadcrumb-separator{color:#cbd5e1}.topbar__breadcrumb-item{color:#6b7280;text-decoration:none;transition:color .2s ease-in-out}.topbar__breadcrumb-item:hover{color:#4f46e5}.topbar__breadcrumb-item--active{color:#0f172a;font-weight:500}.topbar__center{flex:1;justify-content:center;align-items:center;display:flex}.topbar__search{width:100%;max-width:24rem;position:relative}.topbar__search-input{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;transition:all .2s ease-in-out}.topbar__search-input:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.topbar__search-input::placeholder{color:#94a3b8}.topbar__search-icon{color:#94a3b8;pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.topbar__right{align-items:center;gap:.75rem;display:flex}.topbar__date-nav{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;height:2.5rem;margin-left:auto;padding:.25rem;display:flex}.topbar__date-display{color:#0f172a;cursor:pointer;white-space:nowrap;border-radius:.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out}.topbar__date-display:hover{color:#fff;background-color:#4f46e5}.topbar__date-nav-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s ease-in-out;display:flex}.topbar__date-nav-button:hover{color:#4f46e5;background-color:#fff}.topbar__date-nav-button:active{background-color:#f3f4f6}.topbar__date-nav-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.topbar__date-text{color:#0f172a;cursor:pointer;white-space:nowrap;border-radius:.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out}.topbar__date-text:hover{color:#fff;background-color:#4f46e5}.topbar__notification{align-items:center;height:2.5rem;display:flex;position:relative}.topbar__notification-badge{color:#fff;background-color:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:.125rem .25rem;font-size:.625rem;font-weight:600;animation:2s infinite pulse;display:flex;position:absolute;top:-.25rem;right:-.25rem}.topbar__notification-badge--dot{width:.5rem;min-width:0;height:.5rem;padding:0;top:.125rem;right:.125rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.topbar__user{align-items:center;height:2.5rem;display:flex;position:relative}.topbar__dropdown{z-index:50;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;min-width:12rem;margin-top:.25rem;animation:.2s ease-out slideDown;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.topbar__dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:all .15s ease-in-out;display:flex}.topbar__dropdown-item:hover{color:#0f172a;background-color:#f8fafc}.topbar__dropdown-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.topbar__dropdown-item:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.topbar__dropdown-icon{color:#6b7280;width:1rem;height:1rem}.topbar__dropdown-divider{background-color:#e5e7eb;height:1px;margin:.25rem 0}.topbar__dropdown-item--danger{color:#ef4444}.topbar__dropdown-item--danger:hover{color:#dc2626;background-color:#fef2f2}.topbar__dropdown-item--danger .topbar__dropdown-icon{color:#ef4444}.topbar__user-menu{position:relative}.topbar__user-trigger{cursor:pointer;border:1px solid transparent;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem;transition:all .2s ease-in-out;display:flex}.topbar__user-trigger:hover{background-color:#f8fafc;border-color:#e2e8f0}.topbar__user-trigger--open{background-color:#f8fafc;border-color:#4f46e5}.topbar__user-avatar{border-radius:50%;flex-shrink:0;width:2rem;height:2rem}.topbar__user-info{flex-direction:column;align-items:flex-start;display:flex}.topbar__user-name{color:#0f172a;font-size:.875rem;font-weight:500;line-height:1.2}.topbar__user-email{color:#6b7280;font-size:.75rem;line-height:1.2}.topbar__user-chevron{color:#6b7280;width:1rem;height:1rem;transition:transform .2s ease-in-out}.topbar__user-trigger--open .topbar__user-chevron{transform:rotate(180deg)}.topbar__user-dropdown{z-index:50;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;min-width:12rem;margin-top:.25rem;animation:.2s ease-out slideDown;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar__user-dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:all .15s ease-in-out;display:flex}.topbar__user-dropdown-item:hover{color:#0f172a;background-color:#f8fafc}.topbar__user-dropdown-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.topbar__user-dropdown-item:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.topbar__user-dropdown-icon{color:#6b7280;width:1rem;height:1rem}.topbar__user-dropdown-divider{background-color:#e5e7eb;height:1px;margin:.25rem 0}.topbar__user-dropdown-item--danger{color:#ef4444}.topbar__user-dropdown-item--danger:hover{color:#dc2626;background-color:#fef2f2}.topbar__user-dropdown-item--danger .topbar__user-dropdown-icon{color:#ef4444}.topbar__theme-toggle{position:relative}.topbar__theme-toggle .icon{transition:all .3s ease-in-out}.topbar__theme-toggle--dark .icon{transform:rotate(180deg)}@media (max-width:768px){.topbar{flex-flow:column;align-items:stretch;gap:.5rem;height:auto;min-height:3rem;padding:.75rem 1rem}.topbar__menu-btn{flex-shrink:0;order:0;margin-right:auto}.topbar__title{display:none}.topbar__actions{order:1;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.topbar__actions-right{align-items:center;gap:.5rem;display:flex}.topbar__date-nav{box-sizing:border-box;background:#f8fafc;border-radius:.5rem;order:2;justify-content:space-between;gap:.75rem;width:100%;margin:0;padding:.5rem;font-size:.95rem}.topbar__date-display{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:rgba(255,255,255,.7);border:1px solid rgba(226,232,240,.5);border-radius:.375rem;flex:auto;min-width:0;padding:.375rem .75rem;font-size:.95rem;overflow:hidden}.topbar__date-nav button,.topbar__date-nav .icon-button{background:rgba(255,255,255,.8);border:1px solid rgba(226,232,240,.5);flex-shrink:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:.5rem;font-size:1rem}.topbar__center,.topbar__user-info{display:none}}@media (max-width:640px){.topbar{gap:.5rem;padding:.5rem .75rem}.topbar__breadcrumb,.topbar__title{display:none}.topbar__actions{justify-content:space-between;gap:.375rem}.topbar__actions-right{gap:.375rem}.topbar__date-nav{box-sizing:border-box;background:#f8fafc;border-radius:.5rem;justify-content:space-between;gap:.5rem;width:100%;min-width:0;margin:.375rem 0 0;padding:.375rem;font-size:.875rem}.topbar__date-display{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:rgba(255,255,255,.8);border:1px solid rgba(226,232,240,.6);border-radius:.25rem;flex:auto;min-width:0;padding:.25rem .5rem;font-size:.875rem;overflow:hidden}.topbar__date-nav button,.topbar__date-nav .icon-button{background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.6);flex-shrink:0;width:36px;min-width:36px;height:36px;min-height:36px;padding:.375rem;font-size:.875rem}.topbar__right{gap:.375rem}}@media (max-width:480px){.topbar{gap:.375rem;padding:.375rem .5rem}.topbar__title{display:none}.topbar__date-nav{gap:.375rem;margin:.25rem 0 0;padding:.25rem}.topbar__date-display{padding:.25rem .375rem;font-size:.8rem}.topbar__date-nav button,.topbar__date-nav .icon-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:.25rem;font-size:.8rem}.topbar__actions{justify-content:space-between;gap:.25rem}.topbar__actions-right{gap:.25rem}.topbar__actions .icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:.375rem}}html.dark .topbar,body.dark .topbar,.dark .topbar{background-color:rgba(15,23,42,.95)!important;border-bottom-color:#1e293b!important}html.dark .topbar__title,body.dark .topbar__title,.dark .topbar__title,html.dark .topbar__menu-btn,body.dark .topbar__menu-btn,.dark .topbar__menu-btn{color:#f8fafc!important}html.dark .topbar__menu-btn:hover,body.dark .topbar__menu-btn:hover,.dark .topbar__menu-btn:hover{color:#f8fafc!important;background-color:#1e293b!important}html.dark .topbar__breadcrumb-item,body.dark .topbar__breadcrumb-item,.dark .topbar__breadcrumb-item{color:#9ca3af!important}html.dark .topbar__breadcrumb-item:hover,body.dark .topbar__breadcrumb-item:hover,.dark .topbar__breadcrumb-item:hover{color:#818cf8!important}html.dark .topbar__breadcrumb-item--active,body.dark .topbar__breadcrumb-item--active,.dark .topbar__breadcrumb-item--active{color:#f8fafc!important}html.dark .topbar__breadcrumb-separator,body.dark .topbar__breadcrumb-separator,.dark .topbar__breadcrumb-separator{color:#4b5563!important}html.dark .topbar__search-input,body.dark .topbar__search-input,.dark .topbar__search-input{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}html.dark .topbar__search-input:focus,body.dark .topbar__search-input:focus,.dark .topbar__search-input:focus{background-color:#334155!important;border-color:#818cf8!important;box-shadow:0 0 0 3px rgba(129,140,248,.1)!important}html.dark .topbar__search-icon,body.dark .topbar__search-icon,.dark .topbar__search-icon{color:#9ca3af!important}html.dark .topbar__date-nav,body.dark .topbar__date-nav,.dark .topbar__date-nav{background-color:#1e293b!important;border-color:#334155!important}html.dark .topbar__date-nav-button,body.dark .topbar__date-nav-button,.dark .topbar__date-nav-button{color:#9ca3af!important}html.dark .topbar__date-nav-button:hover,body.dark .topbar__date-nav-button:hover,.dark .topbar__date-nav-button:hover{color:#818cf8!important;background-color:#334155!important}html.dark .topbar__date-nav-button:active,body.dark .topbar__date-nav-button:active,.dark .topbar__date-nav-button:active{background-color:#4b5563!important}html.dark .topbar__date-text,body.dark .topbar__date-text,.dark .topbar__date-text{color:#f8fafc!important}html.dark .topbar__date-text:hover,body.dark .topbar__date-text:hover,.dark .topbar__date-text:hover{background-color:#818cf8!important}html.dark .topbar__date-display,body.dark .topbar__date-display,.dark .topbar__date-display{color:#f8fafc!important}html.dark .topbar__date-display:hover,body.dark .topbar__date-display:hover,.dark .topbar__date-display:hover{background-color:#818cf8!important}@media (min-width:769px){html.dark .topbar__date-nav,body.dark .topbar__date-nav,.dark .topbar__date-nav{background-color:#1e293b!important;border-color:#334155!important}html.dark .topbar__date-display,body.dark .topbar__date-display,.dark .topbar__date-display{color:#f8fafc!important}html.dark .topbar__date-nav button,html.dark .topbar__date-nav .icon-button,body.dark .topbar__date-nav button,body.dark .topbar__date-nav .icon-button,.dark .topbar__date-nav button,.dark .topbar__date-nav .icon-button{color:#9ca3af!important}html.dark .topbar__date-nav button:hover,html.dark .topbar__date-nav .icon-button:hover,body.dark .topbar__date-nav button:hover,body.dark .topbar__date-nav .icon-button:hover,.dark .topbar__date-nav button:hover,.dark .topbar__date-nav .icon-button:hover{color:#818cf8!important;background-color:#334155!important}}@media (max-width:768px){html.dark .topbar__date-nav,body.dark .topbar__date-nav,.dark .topbar__date-nav{background-color:#1e293b!important;border-color:#334155!important}html.dark .topbar__date-display,body.dark .topbar__date-display,.dark .topbar__date-display{color:#f8fafc!important;background:rgba(51,65,85,.8)!important;border-color:rgba(75,85,99,.6)!important}html.dark .topbar__date-nav button,html.dark .topbar__date-nav .icon-button,body.dark .topbar__date-nav button,body.dark .topbar__date-nav .icon-button,.dark .topbar__date-nav button,.dark .topbar__date-nav .icon-button{color:#9ca3af!important;background:rgba(51,65,85,.9)!important;border-color:rgba(75,85,99,.6)!important}html.dark .topbar__date-nav button:hover,html.dark .topbar__date-nav .icon-button:hover,body.dark .topbar__date-nav button:hover,body.dark .topbar__date-nav .icon-button:hover,.dark .topbar__date-nav button:hover,.dark .topbar__date-nav .icon-button:hover{color:#818cf8!important;background:rgba(75,85,99,.9)!important}}@media (max-width:640px){html.dark .topbar__date-display,body.dark .topbar__date-display,.dark .topbar__date-display{background:rgba(51,65,85,.9)!important;border-color:rgba(75,85,99,.7)!important}html.dark .topbar__date-nav button,html.dark .topbar__date-nav .icon-button,body.dark .topbar__date-nav button,body.dark .topbar__date-nav .icon-button,.dark .topbar__date-nav button,.dark .topbar__date-nav .icon-button{background:rgba(51,65,85,.95)!important;border-color:rgba(75,85,99,.7)!important}}html.dark .topbar__dropdown,body.dark .topbar__dropdown,.dark .topbar__dropdown{background-color:#1e293b!important;border-color:#334155!important}html.dark .topbar__dropdown-item,body.dark .topbar__dropdown-item,.dark .topbar__dropdown-item{color:#cbd5e1!important}html.dark .topbar__dropdown-item:hover,body.dark .topbar__dropdown-item:hover,.dark .topbar__dropdown-item:hover{color:#f8fafc!important;background-color:#334155!important}html.dark .topbar__dropdown-icon,body.dark .topbar__dropdown-icon,.dark .topbar__dropdown-icon{color:#9ca3af!important}html.dark .topbar__dropdown-divider,body.dark .topbar__dropdown-divider,.dark .topbar__dropdown-divider{background-color:#334155!important}html.dark .topbar__dropdown-item--danger:hover,body.dark .topbar__dropdown-item--danger:hover,.dark .topbar__dropdown-item--danger:hover{background-color:#570d0e!important}@media (prefers-color-scheme:dark){html:not(.light):not(.dark) .topbar{background-color:rgba(15,23,42,.95)!important;border-bottom-color:#1e293b!important}html:not(.light):not(.dark) .topbar__title{color:#f8fafc}html:not(.light):not(.dark) .topbar__breadcrumb-item{color:#9ca3af}html:not(.light):not(.dark) .topbar__breadcrumb-item:hover{color:#818cf8}html:not(.light):not(.dark) .topbar__breadcrumb-item--active{color:#f8fafc}html:not(.light):not(.dark) .topbar__breadcrumb-separator{color:#4b5563}html:not(.light):not(.dark) .topbar__search-input{color:#f8fafc;background-color:#1e293b;border-color:#334155}html:not(.light):not(.dark) .topbar__search-input:focus{background-color:#334155;border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.1)}html:not(.light):not(.dark) .topbar__search-icon{color:#9ca3af}html:not(.light):not(.dark) .topbar__date-nav{background-color:#1e293b;border-color:#334155}html:not(.light):not(.dark) .topbar__date-nav-button{color:#9ca3af}html:not(.light):not(.dark) .topbar__date-nav-button:hover{color:#818cf8;background-color:#334155}html:not(.light):not(.dark) .topbar__date-nav-button:active{background-color:#4b5563}html:not(.light):not(.dark) .topbar__date-text{color:#f8fafc}html:not(.light):not(.dark) .topbar__date-text:hover{background-color:#818cf8}html:not(.light):not(.dark) .topbar__date-display{color:#f8fafc}html:not(.light):not(.dark) .topbar__date-display:hover{background-color:#818cf8}html:not(.light):not(.dark) .topbar__dropdown{background-color:#1e293b;border-color:#334155}html:not(.light):not(.dark) .topbar__dropdown-item{color:#cbd5e1}html:not(.light):not(.dark) .topbar__dropdown-item:hover{color:#f8fafc;background-color:#334155}html:not(.light):not(.dark) .topbar__dropdown-icon{color:#9ca3af}html:not(.light):not(.dark) .topbar__dropdown-divider{background-color:#334155}html:not(.light):not(.dark) .topbar__dropdown-item--danger:hover{background-color:#570d0e}html:not(.light):not(.dark) .topbar__user-trigger:hover{background-color:#1e293b;border-color:#334155}html:not(.light):not(.dark) .topbar__user-trigger--open{background-color:#1e293b;border-color:#818cf8}html:not(.light):not(.dark) .topbar__user-name{color:#f8fafc}html:not(.light):not(.dark) .topbar__user-email,html:not(.light):not(.dark) .topbar__user-chevron{color:#9ca3af}html:not(.light):not(.dark) .topbar__user-dropdown{background-color:#1e293b;border-color:#334155}html:not(.light):not(.dark) .topbar__user-dropdown-item{color:#cbd5e1}html:not(.light):not(.dark) .topbar__user-dropdown-item:hover{color:#f8fafc;background-color:#334155}html:not(.light):not(.dark) .topbar__user-dropdown-icon{color:#9ca3af}html:not(.light):not(.dark) .topbar__user-dropdown-divider{background-color:#334155}html:not(.light):not(.dark) .topbar__user-dropdown-item--danger:hover{background-color:#570d0e}html:not(.light):not(.dark) .topbar__menu-btn{color:#f8fafc}html:not(.light):not(.dark) .topbar__menu-btn:hover{color:#f8fafc;background-color:#1e293b}}
.date-picker-modal__container{padding:1rem}.date-picker-modal__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.date-picker-modal__nav-button{color:#f1f5f9;cursor:pointer;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:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1)}.date-picker-modal__nav-button:hover{border-color:rgba(99,102,241,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.date-picker-modal__month-year{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:600}.date-picker-modal__day-names{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem;display:grid}.date-picker-modal__day-name{text-align:center;color:#cbd5e1;padding:.5rem 0;font-size:.75rem;font-weight:500}.date-picker-modal__calendar-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:1rem;display:grid}.date-picker-modal__day{text-align:center;cursor:pointer;color:#f1f5f9;border-radius:.375rem;justify-content:center;align-items:center;min-height:2rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.date-picker-modal__day:hover{background:rgba(99,102,241,.1);transform:translateY(-1px)}.date-picker-modal__day--selected{color:#fff;background:#4f46e5;font-weight:600}.date-picker-modal__day--today{color:#fff;background:#10b981;font-weight:600}.date-picker-modal__day--other-month{color:#64748b}.date-picker-modal__actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.date-picker-modal__action-button{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.date-picker-modal__action-button--today{color:#fff;background:#10b981;border-color:#10b981}.date-picker-modal__action-button--close{color:#fff;background:#ef4444;border-color:#ef4444}html.light .date-picker-modal__nav-button,body.light .date-picker-modal__nav-button,.light .date-picker-modal__nav-button{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;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}html.light .date-picker-modal__nav-button:hover,body.light .date-picker-modal__nav-button:hover,.light .date-picker-modal__nav-button: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;box-shadow:0 4px 12px rgba(99,102,241,.15)!important}html.light .date-picker-modal__month-year,body.light .date-picker-modal__month-year,.light .date-picker-modal__month-year{color:#0f172a!important}html.light .date-picker-modal__day-name,body.light .date-picker-modal__day-name,.light .date-picker-modal__day-name,html.light .date-picker-modal__day,body.light .date-picker-modal__day,.light .date-picker-modal__day{color:#334155!important}html.light .date-picker-modal__day:hover,body.light .date-picker-modal__day:hover,.light .date-picker-modal__day:hover{color:#0f172a!important;background:rgba(99,102,241,.1)!important}html.light .date-picker-modal__day--selected,body.light .date-picker-modal__day--selected,.light .date-picker-modal__day--selected{color:#fff!important;background:#6366f1!important}html.light .date-picker-modal__day--today,body.light .date-picker-modal__day--today,.light .date-picker-modal__day--today{color:#fff!important;background:#10b981!important}html.light .date-picker-modal__day--other-month,body.light .date-picker-modal__day--other-month,.light .date-picker-modal__day--other-month{color:#6b7280!important}html.light .date-picker-modal__action-button,body.light .date-picker-modal__action-button,.light .date-picker-modal__action-button{color:#0f172a!important;background:#f8fafc!important;border-color:#e2e8f0!important}html.light .date-picker-modal__action-button:hover,body.light .date-picker-modal__action-button:hover,.light .date-picker-modal__action-button:hover{background:#f1f5f9!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}html.light .date-picker-modal__action-button--today,body.light .date-picker-modal__action-button--today,.light .date-picker-modal__action-button--today{color:#fff!important;background:#10b981!important;border-color:#10b981!important}html.light .date-picker-modal__action-button--today:hover,body.light .date-picker-modal__action-button--today:hover,.light .date-picker-modal__action-button--today:hover{background:#059669!important;border-color:#059669!important}html.light .date-picker-modal__action-button--close,body.light .date-picker-modal__action-button--close,.light .date-picker-modal__action-button--close{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}html.light .date-picker-modal__action-button--close:hover,body.light .date-picker-modal__action-button--close:hover,.light .date-picker-modal__action-button--close:hover{background:#dc2626!important;border-color:#dc2626!important}