.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;height:100dvh;background:linear-gradient(180deg,#1a1a2e,#16213e);border-right:1px solid rgba(255,255,255,.06);z-index:var(--z-sidebar-mobile);display:flex;flex-direction:column;overflow:hidden;transform:translate(-100%);transition:transform .28s cubic-bezier(.32,.72,0,1);backface-visibility:hidden;padding-bottom:0}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000059}@media (min-width: 1024px){.sidebar{width:64px;transform:translate(0);z-index:var(--z-sidebar);transition:width .22s cubic-bezier(.4,0,.2,1);overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0}.sidebar:hover{scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.3) transparent}.sidebar:hover::-webkit-scrollbar{width:4px}.sidebar:hover::-webkit-scrollbar-thumb{background:#1a1a2e4d;border-radius:3px}.sidebar:hover{width:240px;box-shadow:6px 0 24px #0000004d}.sidebar-overlay,.sidebar-close{display:none!important}.sidebar-module-info,.sidebar-brand,.sidebar-user-details,.sidebar-logout span,.sidebar-manage-sections span{opacity:0;width:0;flex:0;overflow:hidden;white-space:nowrap;transition:opacity .18s,flex .18s}.sidebar:hover .sidebar-module-info,.sidebar:hover .sidebar-brand,.sidebar:hover .sidebar-user-details,.sidebar:hover .sidebar-logout span,.sidebar:hover .sidebar-manage-sections span{opacity:1;width:auto;flex:1}.sidebar:hover .sidebar-header{justify-content:flex-start;padding:0 14px;gap:10px}}.sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:var(--z-sidebar-overlay)}.sidebar-header{position:relative;padding:0 14px;height:64px;min-height:64px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:10px;background:#00000026;flex-shrink:0}.sidebar-logo{width:120px;height:36px;min-width:36px;border-radius:0;object-fit:contain;background:transparent;padding:0}.sidebar-brand{display:none}.sidebar-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;color:#ffffff80;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s}.sidebar-close:hover{background:#ffffff1a;color:#fff}.sidebar-nav{flex:1;min-height:0;padding:6px 8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-nav:hover{scrollbar-color:rgba(26,26,46,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#1a1a2e59}.sidebar-module-card{display:flex;align-items:center;gap:10px;padding:5px 8px;min-height:44px;text-decoration:none;color:#ffffff8c;transition:all .15s;border-radius:6px;margin-bottom:1px;white-space:nowrap}.sidebar-module-card:hover{background:#ffffff14;color:#fff}.sidebar-module-card.active{background:#1a1a2e33;color:#fff;font-weight:600}.sidebar-module-card.disabled{opacity:.4;pointer-events:none}@media (min-width: 1024px){.sidebar:not(:hover) .sidebar-module-card{justify-content:center;align-items:center;padding:7px 0 7px 12px;width:100%;gap:0;border-radius:8px}.sidebar:not(:hover) .sidebar-nav{padding:4px 0 4px 4px;display:flex;flex-direction:column;align-items:stretch}.sidebar:not(:hover) .sidebar-section{width:100%;display:flex;flex-direction:column;align-items:stretch;margin-top:0}.sidebar:not(:hover) .sidebar-module-card.active{background:transparent}.sidebar:not(:hover) .sidebar-module-card.active .sidebar-module-icon{background:#1a1a2e40;color:#fff;border-radius:8px;box-shadow:0 0 0 3px #1a1a2e1f}.sidebar:not(:hover) .sidebar-header{justify-content:center;align-items:center;padding:0;gap:0}}.sidebar-module-icon{width:30px;height:30px;min-width:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:inherit;background:transparent;transition:all .15s}.sidebar-module-icon svg{width:16px;height:16px}.sidebar-module-icon svg path,.sidebar-module-icon svg circle,.sidebar-module-icon svg rect,.sidebar-module-icon svg polygon{fill:currentColor}.sidebar-module-info{flex:1;min-width:0}.sidebar-module-info h5{margin:0;font-size:.7812rem;font-weight:inherit;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-module-info p{display:none}.sidebar-section{margin-top:4px}.sidebar-section:first-child{margin-top:0}.sidebar-section-label{padding:10px 10px 4px;overflow:hidden}.sidebar-section-line{display:none}.sidebar-section-title{font-size:.625rem;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1024px){.sidebar:not(:hover) .sidebar-section-label{padding:2px 0;margin:0;border-top:none;height:4px}.sidebar:not(:hover) .sidebar-section:first-child .sidebar-section-label{height:0;padding:0}.sidebar:not(:hover) .sidebar-section-title{display:none}}.sidebar-manage-sections{display:flex;align-items:center;gap:8px;padding:7px 8px;color:#fff6;border-radius:8px;font-size:.75rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .15s;font-family:var(--font-sans)}.sidebar-manage-sections:hover{background:#ffffff14;color:#fff}.sidebar-manage-sections svg rect{fill:none}@media (min-width: 1024px){.sidebar:not(:hover) .sidebar-manage-sections span{opacity:0;width:0;overflow:hidden}.sidebar:not(:hover) .sidebar-manage-sections{justify-content:center;padding:6px 0;width:100%}}.sidebar-footer{padding:10px 8px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;flex-shrink:0;margin-bottom:env(safe-area-inset-bottom,0px)}.sidebar-user-info{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;overflow:hidden}.sidebar-user-avatar{width:32px;height:32px;min-width:32px;border-radius:8px;background:#1a1a2e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700}.sidebar-user-details{display:flex;flex-direction:column;min-width:0}.sidebar-user-details .name{font-weight:600;font-size:.7812rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-details .role{font-size:.625rem;color:#fff6;text-transform:uppercase;font-weight:600;letter-spacing:.04em}.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;background:transparent;color:#fff6;border:none;border-radius:8px;font-size:.75rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .15s;width:100%;white-space:nowrap}.sidebar-logout:hover{background:#ef444426;color:#ff6b6b}@media (min-width: 1024px){.sidebar:not(:hover) .sidebar-footer{padding:8px 0 8px 10px;align-items:stretch}.sidebar:not(:hover) .sidebar-user-info{justify-content:center;padding:4px 0 4px 10px}.sidebar:not(:hover) .sidebar-logout{justify-content:center;padding:6px 0 6px 10px}}.mobile-sidebar-toggle{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));z-index:var(--z-float);width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#1e293b;color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:all .15s;padding:0}.mobile-sidebar-toggle:hover{background:#334155}@media (min-width: 1024px){.mobile-sidebar-toggle{display:none}}.sidebar-search-wrap{padding:4px 10px 2px}.sidebar-search{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);transition:border-color .15s}.sidebar-search:focus-within{border-color:#ffffff26}.sidebar-search__input{flex:1;background:none;border:none;outline:none;color:#fffc;font-size:.6875rem;font-family:var(--font-sans);min-width:0;padding:0}.sidebar-search__input::placeholder{color:#fff3}.sidebar-search__clear{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:.875rem;line-height:1;padding:0}.sidebar-search__clear:hover{color:#ffffffb3}@media (min-width: 1024px){.sidebar:not(:hover) .sidebar-search-wrap{opacity:0;height:0;padding:0;overflow:hidden}}.auth-page{min-height:100vh;min-height:100dvh;background:#0f172a;position:relative;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden}.auth-banner{position:fixed;top:0;left:0;right:0;height:38px;background:linear-gradient(90deg,#0f172a,#1e293b,#0f172a);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;display:flex;align-items:center;z-index:10}.auth-banner__track{display:inline-flex;align-items:center;gap:32px;white-space:nowrap;animation:auth-marquee 25s linear infinite}.auth-banner__track span{font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#64748b}.auth-banner__dot{width:4px!important;height:4px!important;min-width:4px;border-radius:50%;background:#dc2626!important;display:inline-block;letter-spacing:0!important}@keyframes auth-marquee{0%{transform:translate(-50%)}to{transform:translate(0)}}.auth-logo{width:160px;height:auto;margin-bottom:28px;opacity:.92;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));position:relative;z-index:2}.auth-card{width:420px;max-width:90vw;padding:36px 32px 28px;font-size:14px;color:#f1f5f9;display:flex;flex-direction:column;gap:20px;border-radius:16px;position:relative;z-index:1;background:#1e293b;transition:width .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.ra-steps{display:flex;gap:8px}.ra-steps__bar{flex:1;height:3px;border-radius:3px;background:#33415566;transition:background .4s ease}.ra-steps__bar--active{background:#dc2626}.ra-step-content{display:flex;flex-direction:column}.ra-step--exit-left{animation:ra-step-exit-left .25s ease-in forwards}.ra-step--exit-right{animation:ra-step-exit-right .25s ease-in forwards}.ra-step--enter-right{animation:ra-step-enter-right .35s ease-out forwards}.ra-step--enter-left{animation:ra-step-enter-left .35s ease-out forwards}@keyframes ra-step-exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes ra-step-exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes ra-step-enter-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes ra-step-enter-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.auth-card:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,#DC2626 60deg,transparent 120deg,#3B82F6 200deg,transparent 260deg,rgba(220,38,38,.4) 320deg,transparent 360deg);animation:auth-border-spin 6s linear infinite;z-index:-2;border-radius:0}.auth-card:after{content:"";position:absolute;inset:2px;background:#1e293b;border-radius:14px;z-index:-1}@keyframes auth-border-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.auth-card--animated{transition:width .35s cubic-bezier(.4,0,.2,1)}.auth-card--exit-left,.auth-card--exit-right{animation:auth-card-exit .35s cubic-bezier(.4,0,1,1) forwards}.auth-card--enter-right,.auth-card--enter-left{animation:auth-card-enter .45s cubic-bezier(0,0,.2,1) forwards}@keyframes auth-card-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes auth-card-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-card__header-row{display:flex;align-items:flex-start;gap:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:-4px}.auth-card__header-row .auth-card__title,.auth-card__header-row .auth-card__subtitle{text-align:left}.auth-back-btn{flex-shrink:0;width:36px;height:36px;margin-top:2px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #334155;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.auth-back-btn:hover{background:#ffffff0f;color:#f1f5f9;border-color:#475569}.auth-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 480px){.auth-row-2{grid-template-columns:1fr}}.auth-card__title{margin:0 0 2px;font-size:1.375rem;font-weight:700;color:#f1f5f9;text-align:center;letter-spacing:-.01em}.auth-card__subtitle{margin:0;font-size:.8125rem;color:#94a3b8;text-align:center;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form--compact{gap:12px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-label{display:block;font-weight:600;font-size:.6875rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:11px 14px;background-color:#0f172a66!important;border:1px solid rgba(51,65,85,.08);color:#f1f5f9!important;border-radius:8px;font-size:.875rem;font-family:inherit;transition:border-color .3s,box-shadow .2s,background .2s;-webkit-text-fill-color:#F1F5F9}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px #1E293B inset!important;-webkit-text-fill-color:#F1F5F9!important;border-color:#3341552e;caret-color:#f1f5f9}.auth-input-wrapper .auth-input{padding-right:44px}.auth-input::placeholder{color:#475569;-webkit-text-fill-color:#475569}.auth-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f;background:#0f172acc!important}.auth-input--error{border-color:#ef4444}.auth-input--error:focus{box-shadow:0 0 0 3px #ef444433;border-color:#ef4444}.auth-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s,background .15s}.auth-password-toggle:hover{color:#94a3b8;background:#ffffff0f}.auth-field-error{font-size:.75rem;color:#fca5a5;font-weight:500;padding-left:2px}.auth-error{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fecaca;font-size:.8125rem;line-height:1.4}.auth-error svg{flex-shrink:0;margin-top:1px}.auth-success{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#bbf7d0;font-size:.8125rem;line-height:1.5}.auth-success svg{flex-shrink:0;margin-top:1px}.auth-success strong{color:#fff}.auth-btn{width:100%;padding:13px 24px;margin-top:4px;background:#dc2626;color:#f1f5f9;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .3s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-btn:hover:not(:disabled){background:#ef4444}.auth-btn:active:not(:disabled){transform:scale(.98)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .6s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading{pointer-events:none}.auth-divider{display:flex;align-items:center;gap:12px;color:#475569;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#334155}.auth-btn--outline{background:transparent;border:1px solid rgba(71,85,105,.08);color:#94a3b8;margin-top:0}.auth-btn--outline:hover:not(:disabled){background:#ffffff0a;border-color:#475569b3;color:#f1f5f9}.auth-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.auth-link{font-size:.8125rem;color:#94a3b8;text-decoration:none;font-weight:500;transition:color .15s}.auth-link:hover{color:#f1f5f9;text-decoration:underline}.auth-footer{margin-top:28px;font-size:.8125rem;color:#64748b;text-align:center;letter-spacing:.3px;position:relative;z-index:2}@media (max-width: 480px){.auth-page{padding:30px 16px}.auth-logo{width:120px;margin-bottom:20px}.auth-card{padding:28px 20px 22px;gap:16px}.auth-card__title{font-size:1.2rem}.auth-links{flex-direction:column;align-items:center;gap:10px}}.ra-section-label{font-size:.625rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.04);margin-top:4px}.ra-modules-trigger{width:100%;padding:11px 14px;background:#0f172a99;border:1px solid #334155;color:#475569;border-radius:8px;font-size:.875rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .3s,box-shadow .2s,background .2s}.ra-modules-trigger:hover{border-color:#475569;background:#0f172ab3}.ra-modules-trigger:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f;background:#0f172acc}.ra-modules-trigger--has-value{color:#f1f5f9}.ra-modules-trigger__count{background:#dc2626;color:#fff;font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:10px;min-width:22px;text-align:center}.ra-modules-trigger__chevron{color:#475569;flex-shrink:0}.ra-modules-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:auth-fade-in .2s ease}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.ra-modules-popup{width:520px;max-width:95vw;max-height:80vh;background:#1e293b;border:1px solid #334155;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;animation:auth-scale-in .25s ease}@keyframes auth-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ra-modules-popup__header{padding:20px 24px 16px;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between}.ra-modules-popup__title{font-size:1rem;font-weight:700;color:#f1f5f9;margin:0}.ra-modules-popup__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .15s}.ra-modules-popup__close:hover{background:#ffffff0f;color:#f1f5f9}.ra-modules-popup__body{flex:1;overflow-y:auto;padding:16px 24px;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.3) transparent}.ra-modules-popup__body::-webkit-scrollbar{width:5px}.ra-modules-popup__body::-webkit-scrollbar-thumb{background:#1a1a2e4d;border-radius:4px}.ra-modules-popup__footer{padding:16px 24px;border-top:1px solid #334155;display:flex;align-items:center;justify-content:space-between;gap:12px}.ra-modules-popup__footer-count{font-size:.8125rem;color:#94a3b8}.ra-modules-popup__footer-count strong{color:#dc2626;font-weight:700}.ra-modules-popup__done{padding:10px 28px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}.ra-modules-popup__done:hover{background:#ef4444}.ra-modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}@media (max-width: 480px){.ra-modules-grid{grid-template-columns:1fr}}.ra-module-check{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:.8125rem;color:#cbd5e1;user-select:none}.ra-module-check:hover{background:#ffffff0a}.ra-module-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1.5px solid #475569;border-radius:4px;background:transparent;cursor:pointer;position:relative;transition:all .15s}.ra-module-check input[type=checkbox]:checked{background:#dc2626;border-color:#dc2626}.ra-module-check input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ra-textarea{width:100%;padding:11px 14px;background:#0f172a99;border:1px solid #334155;color:#f1f5f9;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:56px;transition:border-color .3s,box-shadow .2s,background .2s}.ra-textarea::placeholder{color:#475569}.ra-textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f;background:#0f172acc}.auth-popup-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.auth-popup{width:420px;max-width:90vw;position:relative;background:#1e293b;border-radius:16px;padding:36px 28px;text-align:center;color:#f1f5f9;overflow:hidden}.auth-popup:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,#22c55e 60deg,transparent 120deg,#3B82F6 200deg,transparent 260deg,rgba(34,197,94,.4) 320deg,transparent 360deg);animation:auth-border-spin 6s linear infinite;z-index:-2}.auth-popup:after{content:"";position:absolute;inset:2px;background:#1e293b;border-radius:14px;z-index:-1}.auth-popup__icon{width:64px;height:64px;margin:0 auto 16px;background:#22c55e1f;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:popup-check .5s ease}@keyframes popup-check{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.auth-popup__icon svg{width:32px;height:32px;stroke:#22c55e;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.auth-popup__title{font-size:1.25rem;font-weight:700;margin-bottom:12px}.auth-popup__body{font-size:.875rem;color:#94a3b8;line-height:1.6;margin-bottom:8px}.auth-popup__contact{display:inline-flex;align-items:center;gap:6px;color:#60a5fa;font-weight:600;font-size:.9375rem;text-decoration:none;margin:8px 0 16px;transition:color .15s}.auth-popup__contact:hover{color:#93c5fd}.auth-popup .auth-btn{margin-top:12px}.news-marquee{overflow:hidden;margin:0;padding:4px 0 20px;width:100%;background:transparent;border-bottom:none;mask-image:linear-gradient(to right,transparent 0%,#000 2%,#000 98%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 2%,#000 98%,transparent 100%)}.news-marquee__track{display:flex;width:max-content;animation:news-marquee-scroll linear infinite}@keyframes news-marquee-scroll{0%{transform:translate(var(--marquee-offset, -50%))}to{transform:translate(0)}}.news-marquee__card{flex-shrink:0;width:440px;padding:0 10px;box-sizing:border-box;cursor:pointer}.news-marquee__inner{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000014;border:1px solid var(--border);transition:box-shadow .3s,transform .3s}.news-marquee__inner:hover{box-shadow:0 8px 28px #1a1a2e26;transform:translateY(-3px);border-color:#1a1a2e33}.news-marquee__img-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#e2e8f0}.news-marquee__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.news-marquee__inner:hover .news-marquee__img-wrap img{transform:scale(1.08)}.news-marquee__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e2e8f0}.news-marquee__title-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.25) 60%,transparent 100%);transform:translateY(100%);opacity:0;transition:transform .35s ease,opacity .35s ease}.news-marquee__inner:hover .news-marquee__title-overlay{transform:translateY(0);opacity:1}.news-marquee__title-overlay h4{margin:0;font-size:.875rem;font-weight:700;color:#fff;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-detail-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0f172a8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:28px;animation:news-overlay-in .2s ease-out}@keyframes news-overlay-in{0%{opacity:0}to{opacity:1}}.news-detail-modal{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #00000026;animation:news-modal-in .3s cubic-bezier(.16,1,.3,1);color:var(--text)}.news-detail-modal::-webkit-scrollbar{width:6px}.news-detail-modal::-webkit-scrollbar-thumb{background:#1a1a2e4d;border-radius:3px}.news-detail-modal::-webkit-scrollbar-track{background:transparent}@keyframes news-modal-in{0%{opacity:0;transform:scale(.96) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.news-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.15)}.news-detail-header__left{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em}.news-detail-header__left svg{color:#fffc}.news-detail-close{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.news-detail-close:hover{background:#ffffff1f;color:#fff}.news-detail-gallery{position:relative;border-bottom:1px solid var(--border)}.news-detail-gallery__main{position:relative;width:100%;aspect-ratio:16 / 9;background:#f1f5f9;overflow:hidden}.news-detail-gallery__main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .18s ease}.news-detail-gallery__main img.is-fading{opacity:0}.news-detail-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001f;transition:all .15s;z-index:5;opacity:0}.news-detail-gallery__main:hover .news-detail-gallery__arrow{opacity:1}.news-detail-gallery__arrow:hover{background:#ffffff26;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 16px #0000004d}.news-detail-gallery__arrow--left{left:12px}.news-detail-gallery__arrow--right{right:12px}.news-detail-gallery__counter{position:absolute;bottom:12px;right:12px;background:#0009;color:#fff;font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:6px;letter-spacing:.3px;font-variant-numeric:tabular-nums}.news-detail-gallery__thumbs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;background:var(--bg-light);scrollbar-width:none}.news-detail-gallery__thumbs::-webkit-scrollbar{display:none}.news-detail-gallery__thumb{flex-shrink:0;width:52px;height:52px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:all .2s;opacity:.5}.news-detail-gallery__thumb:hover{opacity:.85;transform:scale(1.05)}.news-detail-gallery__thumb.is-active{border-color:#1a1a2e;opacity:1;box-shadow:0 0 0 2px #1a1a2e33}.news-detail-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.news-detail-body{padding:24px 28px 32px;display:flex;flex-direction:column;gap:16px}.news-detail-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.news-detail-date{display:inline-flex;align-items:center;gap:6px;font-size:.7812rem;color:var(--muted);font-weight:500}.news-detail-date svg{color:var(--muted);flex-shrink:0}.news-detail-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:#1a1a2e;background:#1a1a2e26;padding:3px 10px;border-radius:6px}.news-detail-badge svg{color:#1a1a2e;flex-shrink:0}.news-detail-title{margin:0;font-size:1.5rem;font-weight:800;color:var(--text);line-height:1.3;letter-spacing:-.025em}.news-detail-desc-section{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.news-detail-desc{margin:0;font-size:.9062rem;color:#4b5563;line-height:1.75;white-space:pre-wrap}.news-detail-actions{border-top:1px solid var(--border);padding-top:16px}.news-detail-link{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;background:#1a1a2e;color:#fff;font-size:.8438rem;font-weight:600;border-radius:9px;text-decoration:none;transition:all .15s;width:fit-content;box-shadow:0 2px 8px #1a1a2e40}.news-detail-link:hover{color:#fff;box-shadow:0 4px 14px #1a1a2e59;transform:translateY(-1px)}@media (min-width: 1440px){.news-marquee{margin:0;width:100%}}@media (max-width: 768px){.news-marquee__card{width:340px;padding:0 8px}.news-detail-modal{max-width:100%;border-radius:12px}.news-detail-body{padding:20px 20px 26px}.news-detail-title{font-size:1.25rem}.news-detail-desc-section{padding:14px 16px}}@media (max-width: 480px){.news-marquee{margin-left:-8px;margin-right:-8px;width:calc(100% + 16px);padding:12px 0 10px}.news-marquee__card{width:280px;padding:0 6px}.news-detail-overlay{padding:10px}.news-detail-body{padding:16px 16px 24px;gap:12px}.news-detail-title{font-size:1.125rem}.news-detail-gallery__thumbs{padding:8px 12px}.news-detail-gallery__thumb{width:42px;height:42px}.news-detail-desc-section{padding:12px 14px}.news-detail-gallery__arrow{opacity:1}}.news-admin-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0f172a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;animation:news-overlay-in .2s ease-out}.news-admin-modal{background:#fff;border:1px solid var(--border);border-radius:16px;max-width:580px;width:100%;max-height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:0 25px 60px -12px #00000026,0 0 0 1px #0000000a;animation:news-modal-in .3s cubic-bezier(.16,1,.3,1);overflow:hidden;color:var(--text)}.news-admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#1a1a2e;gap:16px;flex-shrink:0}.news-admin-header__left{display:flex;align-items:center;gap:14px;min-width:0}.news-admin-header__icon{width:36px;height:36px;border-radius:9px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#94a3b8}.news-admin-header__title{margin:0;font-size:1.0625rem;font-weight:700;color:#fff;line-height:1.3}.news-admin-header__sub{margin:2px 0 0;font-size:.7812rem;color:#94a3b8;line-height:1.3}.news-admin-close{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.news-admin-close:hover{background:#ffffff26;color:#fff}.news-admin-form{display:flex;flex-direction:column;overflow-y:auto;flex:1;min-height:0}.news-admin-form::-webkit-scrollbar{width:5px}.news-admin-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.news-admin-form::-webkit-scrollbar-track{background:transparent}.news-admin-section{padding:16px 24px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border)}.news-admin-section:last-of-type{border-bottom:none}.news-admin-section__head{display:flex;align-items:center;gap:7px;font-size:.7188rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.news-admin-section__head svg{color:var(--muted)}.news-admin-field{display:flex;flex-direction:column;gap:5px}.news-admin-label{font-size:.8125rem;font-weight:600;color:#4b5563;display:inline-flex;align-items:center;gap:6px;line-height:1}.news-admin-label svg{color:var(--muted);flex-shrink:0}.news-admin-input{width:100%;padding:9px 12px;font-size:.8438rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.news-admin-input::placeholder{color:var(--muted)}.news-admin-input:focus{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e26}.news-admin-size-hint{font-size:.6875rem;font-weight:500;color:var(--muted);background:var(--bg-light);padding:3px 8px;border-radius:5px;white-space:nowrap;letter-spacing:.01em}.news-admin-gallery-section{display:flex;flex-direction:column}.news-admin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-bottom:12px}.news-admin-gallery-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid var(--border);transition:border-color .15s}.news-admin-gallery-item:hover{border-color:#cbd5e1}.news-admin-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.news-admin-gallery-remove{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:6px;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .15s}.news-admin-gallery-item:hover .news-admin-gallery-remove{opacity:1;transform:scale(1)}.news-admin-gallery-remove:hover{background:#dc2626}.news-admin-gallery-num{position:absolute;bottom:4px;left:4px;width:20px;height:20px;border-radius:5px;background:#00000080;color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center}.news-admin-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 14px;border-radius:10px;background:var(--bg-light);border:1px solid var(--border);transition:background .15s}.news-admin-toggle:hover{background:#e2e8f0}.news-admin-toggle input{display:none}.news-admin-toggle__track{width:40px;height:22px;border-radius:11px;background:#cbd5e1;position:relative;flex-shrink:0;transition:background .2s}.news-admin-toggle input:checked+.news-admin-toggle__track{background:#22c55e}.news-admin-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.news-admin-toggle input:checked+.news-admin-toggle__track .news-admin-toggle__thumb{transform:translate(18px)}.news-admin-toggle__label{display:block;font-size:.875rem;font-weight:600;color:var(--text)}.news-admin-toggle__hint{display:block;font-size:.75rem;color:var(--muted);margin-top:1px}.news-admin-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;background:#f8fafc;border-top:1px solid var(--border);position:sticky;bottom:0;z-index:2}.news-admin-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;border-radius:9px;font-size:.8438rem;font-weight:600;border:none;cursor:pointer;transition:all .15s}.news-admin-btn--cancel{background:transparent;color:#64748b;border:1px solid var(--border)}.news-admin-btn--cancel:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.news-admin-btn--save{background:#1a1a2e;color:#fff;box-shadow:0 2px 8px #1a1a2e4d}.news-admin-btn--save:hover{box-shadow:0 4px 14px #1a1a2e66;transform:translateY(-1px)}.news-admin-btn--save:disabled{opacity:.7;cursor:not-allowed;transform:none}.news-admin-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:news-admin-spin .6s linear infinite}@keyframes news-admin-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.news-admin-overlay{padding:20px 12px}.news-admin-header,.news-admin-section{padding:16px 18px}.news-admin-footer{padding:14px 18px}.news-admin-header__title{font-size:.9375rem}.news-admin-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.schedule-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:24px}.schedule-calendar-weekday{padding:10px 8px;text-align:center;font-weight:700;font-size:.6875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.schedule-calendar-day{min-height:72px;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:border-color .2s,background .2s,box-shadow .2s}.schedule-calendar-day:hover{border-color:#c4c4c4;background:#f5f6f8;box-shadow:0 2px 8px #00000014}.schedule-calendar-day--empty{min-height:72px;background:transparent;border:none;cursor:default;pointer-events:none}.schedule-calendar-day--today{background:#1a1a2e14;border-color:#1a1a2e33}.schedule-calendar-day--selected{background:#1a1a2e26;border-color:#1a1a2e;color:var(--text);box-shadow:0 4px 12px #1a1a2e33}.schedule-calendar-day--selected:hover{background:#1a1a2e33;border-color:#1a1a2e}.schedule-calendar-day-num{font-size:1rem;font-weight:700;line-height:1.2}.schedule-calendar-day-badge{font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:6px;background:#f5f6f8;color:var(--muted)}.schedule-calendar-day--selected .schedule-calendar-day-badge{background:#1a1a2e1a;color:var(--text)}.schedule-bookings-panel{margin-top:20px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.schedule-bookings-title{margin:0 0 16px;font-size:.9375rem;font-weight:700;color:var(--text)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;padding:14px 20px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.cal-nav__btn{background:#f5f6f8;border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.cal-nav__btn:hover{background:#eaecef;color:var(--text);border-color:#c4c4c4}.cal-nav__center{display:flex;align-items:center;gap:14px}.cal-nav__month{font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.cal-nav__today{background:#f5f6f8;color:var(--text);border:1px solid var(--border);padding:5px 14px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.cal-nav__today:hover{background:#eaecef;border-color:#c4c4c4}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 1px 3px #0000000f}.cal-grid__day-header{background:var(--bg-light);color:var(--muted);text-align:center;padding:10px 4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cal-grid__cell{min-height:100px;border:1px solid var(--border);padding:6px;cursor:pointer;transition:all .15s;position:relative;background:var(--surface)}.cal-grid__cell:hover{background:#f5f6f8}.cal-grid__cell--muted{background:#fafafa;cursor:default}.cal-grid__cell--muted:hover{background:#fafafa}.cal-grid__cell--today{background:#1a1a2e14;border-color:#1a1a2e33}.cal-grid__cell--today .cal-grid__date{background:#1a1a2e;color:#fff;border-radius:8px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}.cal-grid__cell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cal-grid__add-btn{width:20px;height:20px;border-radius:6px;border:1px solid var(--border);background:#f5f6f8;color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s;padding:0;line-height:1}.cal-grid__cell:hover .cal-grid__add-btn{opacity:1}.cal-grid__add-btn:hover{background:#eaecef;border-color:#c4c4c4;transform:scale(1.1)}.cal-grid__date{display:inline-block;font-size:.8rem;font-weight:600;color:var(--text)}.cal-grid__cell--muted .cal-grid__date{color:var(--muted)}.cal-grid__events{display:flex;flex-direction:column;gap:3px;max-height:60px;overflow-y:auto}.cal-grid__events::-webkit-scrollbar{width:3px}.cal-grid__events::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.cal-event{padding:3px 6px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s;overflow:hidden;background:#eab30826;border-left:3px solid #fbbf24}.cal-event:hover{background:#eab30838}.cal-event__time{font-size:.6rem;font-weight:700;color:#b45309;white-space:nowrap}.cal-event__name{font-size:.65rem;font-weight:600;color:#b45309;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event--active{background:#22c55e26;border-left-color:#16a34a}.cal-event--active .cal-event__time,.cal-event--active .cal-event__name{color:#16a34a}.cal-event--active:hover{background:#22c55e38}.cal-event--completed{background:#0000000a;border-left-color:#c4c4c4}.cal-event--completed .cal-event__time,.cal-event--completed .cal-event__name{color:var(--muted)}.cal-event--completed:hover{background:#00000012}.cal-event--cancelled{background:#ef44441a;border-left-color:#ef4444}.cal-event--cancelled .cal-event__time,.cal-event--cancelled .cal-event__name{color:#dc2626}.cal-event--cancelled:hover{background:#ef444426}.cal-booking-count{position:absolute;bottom:5px;right:5px;background:#f5f6f8;color:var(--text);font-size:.55rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}@media (max-width: 768px){.cal-grid__cell{min-height:65px;padding:3px}.cal-grid__day-header{font-size:.6rem;padding:7px 2px}.cal-event__time{display:none}.cal-event__name{font-size:.55rem}.cal-nav__month{font-size:1rem}.cal-nav{padding:10px 14px}}@media (max-width: 480px){.cal-grid__cell{min-height:42px;padding:2px}.cal-grid__events{display:none}.cal-booking-count{position:static;margin-top:2px;font-size:.5rem;min-width:14px;height:14px}.cal-event{padding:2px 4px;border-left-width:2px}.cal-grid__date{font-size:.65rem}.cal-grid__add-btn{opacity:1;width:16px;height:16px;font-size:.65rem}.schedule-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px}.schedule-calendar-day{min-height:48px;padding:4px 2px;font-size:.75rem}.schedule-calendar-weekday{font-size:.5625rem;padding:6px 2px}}.quot-editor-wrapper{display:flex;height:calc(100vh - 60px)}.quot-editor-form{flex:1;overflow-y:auto;padding:24px;background:linear-gradient(180deg,#f8fafc,#fff)}.quot-preview-panel{width:50%;min-width:min(400px,100%);max-width:700px;min-height:0;display:flex;flex-direction:column;background:#374151;overflow:hidden;padding:20px}.quot-editor-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.quot-editor-title{margin:0;font-size:1.125rem;white-space:nowrap}.quot-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.quot-btn-short{display:none}.quot-hint-text{margin:0 0 20px;font-size:.875rem;color:#6b7280;text-align:center}.qe-page{display:flex;height:calc(100vh - 60px)}.qe-form-area{flex:1;overflow-y:auto;background:transparent}.qe-sticky-header{position:sticky;top:0;z-index:50;background:#1a1a2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);padding:10px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:none;gap:12px;flex-wrap:wrap}.qe-sticky-left{display:flex;align-items:center;gap:10px;min-width:0}.qe-sticky-title{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;margin:0}.qe-badge{padding:3px 10px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:600;color:#fff9;white-space:nowrap}.qe-status-pill{padding:3px 12px;border-radius:20px;font-size:.6875rem;font-weight:600;color:#fff;white-space:nowrap}.qe-sticky-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.qe-panels{padding:20px 24px 60px;display:flex;flex-direction:column;gap:10px}.qe-panel{border-radius:12px;border:1px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s}.qe-panel:hover{box-shadow:0 2px 8px #0000001a}.qe-panel-header{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;user-select:none;background:var(--bg-light);border-bottom:1px solid transparent;transition:background .2s}.qe-panel-header:hover{background:#00000008}.qe-panel--open .qe-panel-header{border-bottom-color:var(--border)}.qe-panel-num{width:28px;height:28px;border-radius:8px;background:#1a1a2e;color:#fff;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qe-panel-name{font-size:.9375rem;font-weight:600;color:var(--text);white-space:nowrap}.qe-panel-summary{font-size:.75rem;color:var(--muted);margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.qe-panel-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.qe-completion-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s,box-shadow .3s}.qe-completion-dot--done{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.qe-panel-chevron{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;background:#1a1a2e;transition:transform .3s ease,background .3s ease;line-height:1}.qe-panel--open .qe-panel-chevron{transform:rotate(180deg);background:#22c55e}.qe-panel-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.qe-panel--open .qe-panel-body{grid-template-rows:1fr}.qe-panel-body-inner{overflow:hidden}.qe-panel-content{padding:20px 24px 24px}.qe-terms-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:box-shadow .2s;margin-bottom:10px}.qe-terms-card:last-child{margin-bottom:0}.qe-terms-card:hover{box-shadow:0 2px 8px #0000000f}.qe-terms-card-header{background:var(--bg-light);padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.qe-terms-card-body{padding:16px}.qe-totals-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;background:var(--bg-light);border-top:1px solid var(--border)}.qe-total-item{text-align:center}.qe-total-label{font-size:.6875rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.qe-total-value{font-size:.9375rem;font-weight:700;color:var(--text)}.qe-total-value--discount{color:#dc3545}.qe-total-value--tax{color:#059669}.qe-total-value--grand{color:#c41230;font-size:1.0625rem}.qe-char-count{text-align:right;font-size:.6875rem;color:var(--muted);margin-top:4px}.qe-private-label{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;font-size:.75rem;font-weight:600;color:#d97706;margin-bottom:12px}.qe-tab-content{animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.3) transparent}.qe-tab-content::-webkit-scrollbar{width:5px}.qe-tab-content::-webkit-scrollbar-thumb{background:#1a1a2e4d;border-radius:4px}.qe-tab-content::-webkit-scrollbar-thumb:hover{background:#1a1a2e80}.qe-tab-slide-right{animation-name:qe-slide-in-right}.qe-tab-slide-left{animation-name:qe-slide-in-left}@keyframes qe-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes qe-slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.profile-modal .qe-form-area{background:var(--bg-light)!important}.profile-modal .qe-page{height:auto;background:var(--bg-light)!important}.profile-modal .qe-panels{background:transparent!important}.profile-modal .qe-tab-content,.profile-modal .qe-panels,.profile-modal .qe-panel-content{background:transparent!important;color:var(--text)}.profile-modal .qe-form-area table tbody,.profile-modal .qe-form-area table,.profile-modal .qe-tab-content table,.profile-modal .qe-tab-content table tbody tr{background:var(--surface)!important}.profile-modal .qe-tab-content table tbody tr:nth-child(2n){background:#00000005!important}.profile-modal .qe-tab-content table td{color:var(--text)!important;border-bottom-color:var(--border)!important}.profile-modal .qe-tab-content table thead tr{background:#1a1a2e!important}.profile-modal .qe-tab-content table thead th{color:#fff!important;border-bottom-color:#ffffff26!important}.profile-modal .qe-tab-content .quot-fields-grid,.profile-modal .qe-tab-content .quot-fields-scroll,.profile-modal .qe-tab-content .quot-title-row{background:transparent!important}.profile-modal .qe-tab-content .qe-totals-bar{background:var(--bg-light)!important;border-top-color:var(--border)!important}.profile-modal .qe-panel{border-color:var(--border);background:var(--surface);box-shadow:0 1px 3px #0000000f}.profile-modal .qe-panel:hover{box-shadow:0 2px 8px #0000001a}.profile-modal .qe-panel-header{background:var(--bg-light);border-bottom-color:transparent}.profile-modal .qe-panel-header:hover{background:#00000008}.profile-modal .qe-panel--open .qe-panel-header{border-bottom-color:var(--border)}.profile-modal .qe-panel-num{background:#1a1a2e}.profile-modal .qe-panel-name{color:var(--text)}.profile-modal .qe-panel-summary{color:var(--muted)}.profile-modal .qe-completion-dot{background:var(--border)}.profile-modal .qe-panel-content{color:var(--text)}.profile-modal .qe-panel-content label,.profile-modal .qe-panel-content .label{color:var(--muted)!important}.profile-modal .qe-terms-card{background:var(--surface);border-color:var(--border)}.profile-modal .qe-terms-card:hover{box-shadow:0 2px 8px #00000014}.profile-modal .qe-terms-card-header{background:var(--bg-light);border-bottom-color:var(--border)}.profile-modal .qe-totals-bar{background:var(--bg-light);border-top-color:var(--border)}.profile-modal .qe-total-label{color:var(--muted)}.profile-modal .qe-total-value{color:var(--text)}.profile-modal .qe-char-count{color:var(--muted)}.profile-modal .qe-private-label{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}@media (max-width: 767px){.qe-page{flex-direction:column;height:auto}.qe-sticky-header{padding:8px 12px}.qe-panels{padding:12px;gap:8px}.qe-panel-content{padding:14px 16px 16px}.qe-panel-summary{display:none}.qe-totals-bar{grid-template-columns:repeat(2,1fr)}.qe-page .quot-preview-panel{display:none}.qe-sticky-title{font-size:.875rem;max-width:120px}.qe-sticky-actions .btn{padding:6px 10px;font-size:.6875rem}}@media (max-width: 480px){.qe-panel-header{padding:10px 14px;gap:8px}.qe-panel-name{font-size:.8125rem}}@media (max-width: 767px){.quot-list-table .quot-col-bl,.quot-list-table .quot-col-created,.quot-list-table .quot-col-items,.quot-list-table .quot-col-date{display:none}}@media (max-width: 480px){.quot-list-table .quot-col-valid{display:none}}.qe-field-label{display:block;margin-bottom:4px;font-size:.75rem;font-weight:500;color:#374151}.qe-field-input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);font-size:.8125rem;font-family:var(--font-sans);color:var(--text);background:var(--bg-light);transition:border-color .15s,box-shadow .15s}.qe-field-input:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a}.qe-field-input--title{font-weight:600;letter-spacing:2px;text-transform:uppercase}.qe-code-badge{padding:10px 16px;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb;font-size:.8125rem;color:#6b7280;display:flex;align-items:center;gap:4px;white-space:nowrap}.qe-code-badge strong{font-weight:600;color:#374151}.qe-code-badge small{font-size:.625rem;color:#9ca3af}.qe-custom-field-card{display:flex;flex-direction:column;background:#f9fafb;border-radius:8px;padding:10px;border:1px solid #e5e7eb}.qe-custom-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.qe-custom-field-label-input{border:none;background:transparent;font-size:.6875rem;font-weight:600;color:#374151;width:120px;padding:2px 4px;border-radius:4px;outline:none;font-family:var(--font-sans)}.qe-custom-field-label-input:focus{background:#00000008}.qe-remove-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.875rem;padding:0;line-height:1;transition:color .15s}.qe-remove-btn:hover{color:var(--accent-danger)}.qe-add-field-btn{padding:5px 12px;border-radius:6px;border:1px solid #059669;background:transparent;color:#059669;font-size:.6875rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:all .15s}.qe-add-field-btn:hover{background:#059669;color:#fff}.qe-section-divider{border-top:1px solid #e5e7eb;padding-top:14px}.qe-section-label{font-size:.6875rem;color:#6b7280;font-weight:500}.quot-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}.quot-modal{background:#fff;border:1px solid #e0e0e0;border-radius:20px;width:min(600px,96vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000026,0 4px 16px #00000014;overflow:hidden;animation:floating-panel-in .2s cubic-bezier(.16,1,.3,1);--border: #e0e0e0;--bg-light: #f5f6f8;--surface: #ffffff;--text: #1f1f1f;--muted: #6c757d}.quot-modal--wide{width:min(900px,96vw)}.quot-modal--summary{width:min(700px,96vw)}.quot-modal__header{padding:18px 24px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.quot-modal__header h3{margin:0;font-size:1rem;font-weight:700}.quot-modal__header p{margin:2px 0 0;font-size:.75rem;color:#fffc}.quot-modal__close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffff80;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.quot-modal__close:hover{background:#ffffff1f;color:#fff}.quot-modal__body{padding:20px 24px;overflow-y:auto;flex:1;color:#1f1f1f}.quot-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e0e0e0;background:#f5f6f8}.quot-modal input,.quot-modal select,.quot-modal textarea{background:#fff;border-color:#e0e0e0;color:#1f1f1f}.quot-modal input::placeholder,.quot-modal textarea::placeholder{color:#6c757d}.quot-modal select option{background:#fff;color:#1f1f1f}.quot-modal label,.quot-modal .label,.quot-modal p{color:#6c757d}.quot-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;font-size:.875rem}@media (max-width: 600px){.quot-summary-grid{grid-template-columns:1fr}}.quot-summary-row{display:flex;justify-content:space-between;gap:16px}.quot-summary-row__label{color:#6c757d;flex-shrink:0}.quot-summary-row__value{text-align:right;word-break:break-word}.quot-summary-divider{border-left:1px solid #e0e0e0;padding-left:24px;display:grid;gap:6px;align-content:start}@media (max-width: 600px){.quot-summary-divider{border-left:none;padding-left:0;border-top:1px solid #e0e0e0;padding-top:16px}}.quot-summary-total{display:flex;justify-content:space-between;margin-top:8px;padding-top:10px;border-top:1px solid #e0e0e0;font-weight:700;font-size:1rem;color:#1f1f1f}.quot-status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#fff;border:none;border-radius:6px;padding:4px 22px 4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;text-align:center;outline:none;background-repeat:no-repeat;background-position:right 6px center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.quot-status-select option{background:#fff;color:#1f2937}.qe-columns-table{width:100%;border-collapse:collapse;font-size:.8125rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.qe-columns-table thead tr{background:var(--bg-light);border-bottom:2px solid var(--border)}.qe-columns-table th{padding:10px 12px;text-align:left;font-weight:600;color:var(--text)}.qe-columns-table td{padding:8px 12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.qe-columns-table tbody tr:nth-child(2n){background:#f9fafb}.qe-columns-table tbody tr{cursor:grab;transition:background .15s,opacity .15s}.qe-columns-table tbody tr.is-dragging{background:#eff6ff;opacity:.6}.quot-modal--dark{background:#1e2a4a;border-color:#ffffff1a;--border: rgba(255, 255, 255, .1);--bg-light: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .06);--text: #fff;--muted: rgba(255, 255, 255, .5)}.quot-modal--dark .quot-modal__body{color:#fff}.quot-modal--dark input,.quot-modal--dark select,.quot-modal--dark textarea{background:#ffffff0f!important;border-color:#ffffff1f!important;color:#fff!important}.quot-modal--dark input::placeholder{color:#ffffff59!important}.quot-modal--dark select option{background:#1e2a4a;color:#fff}.quot-modal--dark label{color:#ffffff80!important}.quot-modal--dark .quot-modal__footer{background:#ffffff0a;border-top-color:#ffffff14}.quot-modal--dark .quot-modal__footer span{color:#fff6!important}.quot-modal--dark .btn-neutral{background:#ffffff14!important;border-color:#ffffff26!important;color:#ffffffb3!important}.quot-modal--dark .btn-neutral:hover{background:#ffffff1f!important}.quot-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}@media (max-width: 480px){.quot-filter-grid{grid-template-columns:1fr}}.quot-pagination .btn{background:#f5f6f8;color:#1f1f1f;border:1px solid #e0e0e0}.quot-pagination .btn:disabled{opacity:.5;cursor:not-allowed}.quot-pagination .btn.is-active{background:#1a1a2e;border-color:#1a1a2e;color:#fff;font-weight:600}.quot-glass-card{background:linear-gradient(135deg,#fff,#e5e7eb);border:1px solid var(--border);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff80;border-radius:16px}.content--payment-tracking{padding-top:14px;max-width:none}.content--payment-tracking .form-container--payment-tracking{margin:24px 32px;padding:0;overflow:hidden;background:linear-gradient(135deg,#fff,#e8ecf0,#e5e7eb);border:1px solid rgba(209,213,219,.8);box-shadow:0 10px 40px #0000001f,inset 0 1px #ffffffb3;border-radius:16px;display:flex;flex-direction:column;gap:0}.payment-tracking-page-header{padding:20px 24px;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.6);box-shadow:0 1px #fffc}.payment-tracking-tabs{padding:12px 24px;background:#ffffff40;border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px}.payment-tracking-tabs .tab-btn{padding:8px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;background:transparent;color:var(--muted);transition:all .2s}.payment-tracking-tabs .tab-btn.active{background:#1a1a2e;color:#fff}.payment-tracking-tabs .tab-btn:not(.active):hover{background:#1a1a2e1a;color:#1a1a2e}.payment-tracking-content{padding:24px;flex:1}.payment-tracking-content .message-table__wrapper{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.payment-tracking-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 12px #0000000f;overflow:auto;max-height:calc(100vh - 280px)}.payment-tracking-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9375rem}.payment-tracking-table thead{position:sticky;top:0;z-index:2;background:#1a1a2e;color:#fff;box-shadow:0 2px 8px #00000026}.payment-tracking-table thead th{padding:14px 16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;white-space:nowrap;border-bottom:2px solid rgba(255,255,255,.15)}.payment-tracking-table thead th.pt-col--project,.payment-tracking-table thead th.pt-col--customer{text-align:left}.payment-tracking-table tfoot tr{background:#1a1a2e;color:#fff}.payment-tracking-table tfoot td{color:#fff;padding:14px 16px;font-weight:600;font-size:.9375rem;border-top:2px solid rgba(255,255,255,.15)}.table-dark-head-foot thead tr{background:#1a1a2e;color:#fff}.table-dark-head-foot thead th{color:#fff;padding:14px 16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;border-bottom:2px solid rgba(255,255,255,.15);background:transparent}.table-dark-head-foot tfoot tr{background:#1a1a2e;color:#fff}.table-dark-head-foot tfoot td{color:#fff;padding:14px 16px;font-weight:600;font-size:.9375rem;text-align:center;border-top:2px solid rgba(255,255,255,.15);background:transparent}.payment-tracking-table tbody tr{transition:background .15s ease}.payment-tracking-table tbody tr:hover{background:#1a1a2e0a}.payment-tracking-table tbody tr:nth-child(2n){background:#00000005}.payment-tracking-table tbody tr:nth-child(2n):hover{background:#1a1a2e0f}.payment-tracking-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:center}.payment-tracking-table .pt-col--check input,.payment-tracking-table .pt-cell--check input{cursor:pointer;width:16px;height:16px}.payment-tracking-table .pt-cell--project,.payment-tracking-table .pt-cell--customer{text-align:left;font-weight:500}.payment-tracking-table .pt-cell--project{color:var(--text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-tracking-table .pt-cell--business-line{color:var(--text);font-size:.9375rem}.payment-tracking-table .pt-cell--ref{font-family:Consolas,Monaco,SF Mono,monospace;font-size:.9375rem;color:#374151}.payment-tracking-table .pt-cell--classification{font-weight:500;color:#1a1a2e;max-width:160px;word-break:break-word}.payment-tracking-table .pt-cell--amount{font-variant-numeric:tabular-nums;font-weight:600;color:#0f766e;white-space:nowrap}.payment-tracking-table .pt-cell--text{color:var(--text)}.payment-tracking-table .pt-cell--date{font-variant-numeric:tabular-nums;color:#4b5563;white-space:nowrap}.payment-tracking-table .pt-cell--actions{white-space:nowrap}.payment-tracking-table .pt-cell--actions .btn{margin-left:6px;padding:6px 12px;font-size:.75rem}.payment-tracking-table .pt-empty{color:var(--muted);font-style:italic}.payment-tracking-table .pt-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.payment-tracking-table .pt-status--done{background:#dcfce7;color:#166534}.payment-tracking-table .pt-status--cancelled{background:#fee2e2;color:#b91c1c}.payment-tracking-table .pt-status--pending{background:#fef9c3;color:#a16207}.payment-tracking-empty{padding:48px 24px;text-align:center;color:var(--muted);font-size:.9375rem;background:#ffffff80;border-radius:12px;margin:0}@media (min-width: 1200px){.content--payment-tracking .form-container--payment-tracking{margin:24px 32px}}@media (min-width: 1600px){.content--payment-tracking .form-container--payment-tracking{margin:24px 48px}}@media (max-width: 767px){.content--payment-tracking .form-container--payment-tracking{margin:12px 8px}.payment-tracking-content{padding:16px}.payment-tracking-page-header{padding:14px 16px}.payment-tracking-tabs{padding:10px 16px;gap:8px}.payment-tracking-tabs .tab-btn{padding:6px 12px;font-size:.8125rem}.payment-tracking-table-wrapper{max-height:none}}@media (max-width: 480px){.content--payment-tracking .form-container--payment-tracking{margin:8px 6px}.payment-tracking-content,.payment-tracking-page-header{padding:12px}.payment-tracking-tabs{padding:8px 12px}.payment-tracking-tabs .tab-btn{padding:6px 10px;font-size:.75rem}}.dark-scope .payment-tracking-table tbody tr:hover{background:#ffffff0a}.dark-scope .payment-tracking-table tbody tr:nth-child(2n){background:#ffffff05}.dark-scope .payment-tracking-table tbody tr:nth-child(2n):hover{background:#ffffff0d}.dark-scope .payment-tracking-table td{color:#ffffffb3;border-bottom-color:#ffffff0f}.dark-scope .payment-tracking-table .pt-empty{color:#ffffff4d}.dark-scope .payment-tracking-table-wrapper{border-color:#ffffff14;background:#ffffff05}.backlog-search{padding:6px 12px;border-radius:7px;border:1px solid var(--border);font-size:.75rem;width:180px;font-family:var(--font-sans);transition:border-color .2s}.backlog-search:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a}.backlog-filter-badge{position:absolute;top:-6px;right:-6px;background:#1a1a2e;color:#fff;font-size:.625rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.backlog-name{color:var(--text);font-weight:400;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backlog-view-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:none;background:#1a1a2e0f;color:#1a1a2e;font-size:.6875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .15s;white-space:nowrap}.backlog-view-btn:hover:not(:disabled){background:#1a1a2e;color:#fff}.backlog-view-btn--disabled,.backlog-view-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.backlog-popup-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(6px);padding:20px;animation:backlog-fade-in .15s ease-out}@keyframes backlog-fade-in{0%{opacity:0}to{opacity:1}}.backlog-popup{background:#fff;border-radius:14px;width:min(720px,96vw);max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026,0 4px 16px #00000014;animation:backlog-popup-in .2s cubic-bezier(.16,1,.3,1);overflow:hidden;color:var(--text)}@keyframes backlog-popup-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.backlog-popup__header{padding:16px 20px;background:#1a1a2e;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.backlog-popup__code{font-size:.6875rem;font-weight:700;letter-spacing:.06em;opacity:.8;text-transform:uppercase}.backlog-popup__name{font-size:.9375rem;font-weight:600;margin-top:2px}.backlog-popup__close{background:#fff3;border:none;color:#fff;font-size:1.25rem;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.backlog-popup__close:hover{background:#ffffff59}.backlog-popup__body{padding:18px 20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.backlog-popup__body::-webkit-scrollbar{width:4px}.backlog-popup__body::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:4px}.backlog-popup__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.7188rem;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--border)}.backlog-popup__meta strong{color:var(--text);font-weight:600}.backlog-popup__section-title{margin:0 0 8px;font-size:.75rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.backlog-detail__section-title{margin:0 0 10px;font-size:.875rem;font-weight:700;color:var(--text)}.backlog-detail__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.backlog-detail__stat-card{padding:10px 12px;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.backlog-detail__stat-label{font-size:.625rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.backlog-detail__stat-value{font-size:.9375rem;font-weight:700;color:#1a1a2e;margin-top:1px}.backlog-detail__table{width:100%;font-size:.75rem;border-collapse:collapse}.backlog-detail__table th{text-align:left;padding:6px 8px;color:#fff;font-weight:600}.backlog-detail__total-row{font-weight:700;border-top:2px solid var(--border)!important}.backlog-detail__total-row td{padding:8px}.backlog-badge{padding:2px 8px;border-radius:12px;font-size:.625rem;font-weight:700;display:inline-block}.backlog-detail__remaining{padding:10px 14px;border-radius:8px;border:1px solid;font-size:.7812rem;font-weight:600;display:flex;align-items:center;gap:6px}.backlog-detail__remaining strong{font-weight:800}.backlog-detail__count{background:#1a1a2e14;color:#1a1a2e;font-size:.625rem;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:2px}.backlog-detail__table-wrap{border:1px solid var(--border);border-radius:8px;overflow:hidden}.backlog-detail__table{width:100%;font-size:.7188rem;border-collapse:collapse}.backlog-detail__table thead{background:#1a1a2e;color:#fff}.backlog-detail__table thead tr{border-bottom:1px solid rgba(255,255,255,.15)}.backlog-detail__table th{text-align:left;padding:6px 8px;color:#fff;font-weight:700;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em}.backlog-detail__table td{padding:6px 8px;border-bottom:1px solid var(--border);color:var(--text)}.backlog-detail__total-row{font-weight:700}.backlog-detail__total-row td{padding:8px;border-top:1px solid var(--border);border-bottom:none}.backlog-detail__loading{text-align:center;padding:20px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem}.backlog-detail__empty{color:var(--muted);font-size:.6875rem;padding:6px 0}@keyframes backlog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.backlog-spinner{animation:backlog-spin 1s linear infinite}.backlog-modal__header h3{display:flex;align-items:center;gap:8px}.backlog-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(4px)}.backlog-modal{background:#fff;border-radius:16px;width:min(520px,94vw);box-shadow:0 20px 60px #0000001a,0 8px 24px #00000014;overflow:hidden}.backlog-modal__header{padding:18px 24px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;display:flex;justify-content:space-between;align-items:center}.backlog-modal__header h3{margin:0;font-size:1rem;font-weight:700}.backlog-modal__close{background:#fff3;border:none;color:#fff;font-size:1.25rem;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.backlog-modal__close:hover{background:#ffffff59}.backlog-modal__body{padding:24px}.backlog-modal__label{display:block;font-size:.6875rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.backlog-modal__input{width:100%;padding:10px 12px;border-radius:var(--input-radius);border:1px solid #e0e0e0;font-size:.875rem;color:#1f1f1f;background:#fff;font-family:var(--font-sans);transition:border-color .15s ease,box-shadow .15s ease}.backlog-modal__input::placeholder{color:#6c757d}select.backlog-modal__input{padding-right:36px}select.backlog-modal__input option{background:#fff;color:#1f1f1f}.backlog-modal__input:focus{outline:none;border-color:#6366f180;box-shadow:0 0 0 2px #6366f11f}.backlog-modal__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.backlog-modal__btn-reset{padding:8px 20px;border-radius:8px;font-size:.8125rem;font-weight:600;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-sans);transition:all .2s}.backlog-modal__btn-apply{padding:8px 24px;border-radius:8px;font-size:.8125rem;font-weight:700;border:none;background:#1a1a2e;color:#fff;cursor:pointer;font-family:var(--font-sans);transition:all .2s;box-shadow:0 2px 8px #1a1a2e40}.backlog-modal__btn-apply:hover{background:#2d2d4e;box-shadow:0 4px 14px #1a1a2e59}.backlog-modal__footer{border-top-color:#e0e0e0}.backlog-modal__label{color:#6c757d}.backlog-modal__btn-reset:hover{border-color:#e0e0e0;color:#1f1f1f;background:#f5f6f8}.pkg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pkg-stat{background:var(--bg-light);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:70px}.pkg-stat__label{font-size:.5625rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.pkg-stat__value{font-size:1rem;font-weight:800;color:var(--text);line-height:1.2}.pkg-stat__sub{font-size:.625rem;color:var(--muted);margin-top:2px}.pkg-stat--highlight{border-width:2px;padding:14px}.pkg-stat--positive{border-color:#10b9814d;background:#10b9810a}.pkg-stat--negative{border-color:#ef44444d;background:#ef44440a}.pkg-stat--highlight .pkg-stat__value{font-size:1.75rem}.pkg-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0}.pkg-actions__group{display:flex;gap:6px;flex-wrap:wrap}.pkg-table-wrap{border:1px solid var(--border);border-radius:8px;overflow:auto;max-height:50vh;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.pkg-table-wrap::-webkit-scrollbar{width:4px}.pkg-table-wrap::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:4px}.pkg-table{width:100%;border-collapse:collapse;font-size:.75rem}.pkg-table thead{position:sticky;top:0;z-index:1;background:#1a1a2e;color:#fff}.pkg-table thead th{padding:8px 10px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;white-space:nowrap}.pkg-table thead th.right{text-align:right}.pkg-table thead th.center{text-align:center}.pkg-table tbody tr{transition:background .1s}.pkg-table tbody tr:hover{background:#1a1a2e0a}.pkg-table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:center;color:var(--text)}.pkg-table td.right,.pkg-table td.center{text-align:center}.pkg-table td.mono{font-family:Consolas,monospace;font-size:.6875rem}.pkg-table td.muted{color:var(--muted)}.pkg-table td.name{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkg-table td .pkg-actions-cell{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.pkg-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:5px;border-radius:5px;border:none;font-size:.625rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none;width:26px;height:26px}.pkg-btn--primary{background:#1a1a2e14;color:#1a1a2e}.pkg-btn--primary:hover{background:#1a1a2e;color:#fff}.pkg-btn--neutral{background:var(--bg-light);color:var(--text)}.pkg-btn--neutral:hover{background:#1a1a2e;color:#fff}.pkg-btn--danger{background:#dc35450f;color:var(--accent-danger)}.pkg-btn--danger:hover{background:var(--accent-danger);color:#fff}.pkg-btn[style*=padding]{width:auto;height:auto}.pkg-manage-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 20px;background:var(--bg-light);display:flex;flex-direction:column;gap:18px;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.12) transparent}.pkg-manage-body::-webkit-scrollbar{width:4px}.pkg-manage-body::-webkit-scrollbar-thumb{background:#1a1a2e1f;border-radius:4px}.pkg-manage-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.pkg-manage-section__title{margin:0 0 10px;font-size:.75rem;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.06em}.pkg-manage-label{display:block;font-size:.6875rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.pkg-manage-input{width:100%;padding:10px 14px;font-size:.8125rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-light);color:var(--text);font-family:var(--font-sans);transition:border-color .15s}.pkg-manage-input:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a;background:var(--bg-light)}.pkg-manage-input::placeholder{color:var(--muted)}.pkg-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-light);cursor:pointer;font-size:.6875rem;font-weight:500;color:var(--muted);transition:all .15s;user-select:none}.pkg-toggle input[type=checkbox]{width:13px;height:13px;accent-color:#1a1a2e;cursor:pointer}.pkg-toggle--on input[type=checkbox]{accent-color:#16a34a}.pkg-toggle--on{border-color:#16a34a;background:#16a34a14;color:#15803d;font-weight:600}.pkg-manage-items{border-top:none;padding-top:0;display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}.pkg-manage-items__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;position:sticky;top:0;z-index:20}.pkg-manage-items__header .btn{padding:6px 14px;font-size:.6875rem;border-radius:8px}.pkg-manage-items__table-wrap{overflow:auto;flex:1 1 auto;position:relative;min-height:400px;max-height:calc(75vh - 60px);border-radius:8px;border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.pkg-manage-items__table-wrap::-webkit-scrollbar{width:4px;height:4px}.pkg-manage-items__table-wrap::-webkit-scrollbar-thumb{background:#1a1a2e1f;border-radius:4px}.pkg-manage-items__table{min-width:max-content;font-size:.6875rem!important;border-collapse:separate!important;border-spacing:0!important;overflow:visible!important;border:none!important;border-radius:0!important}.pkg-manage-items__table thead{position:sticky!important;top:0!important;z-index:var(--z-sticky)!important;background:#1a1a2e!important}.pkg-manage-items__table thead th{font-size:.5625rem!important;padding:6px 5px!important;background:#1a1a2e!important;color:#fff!important;position:sticky!important;top:0!important;z-index:var(--z-sticky)!important}.pkg-manage-items__table td{padding:3px 4px!important;font-size:.625rem!important;white-space:nowrap}.pkg-manage-items__table input,.pkg-manage-items__table select{font-size:.625rem!important;padding:3px 4px!important;min-height:unset!important;height:26px}.pkg-items-sticky-col{position:sticky!important;top:0!important;white-space:nowrap;text-align:center;z-index:calc(var(--z-sticky) + 2)!important;box-shadow:none}thead .pkg-items-sticky-col,.item-table thead .pkg-items-sticky-col{background:#1a1a2e!important;color:#fff!important}.pkg-items-sticky-body{position:sticky!important;z-index:10!important;box-shadow:2px 0 3px #0000000a}.profile-modal .pkg-manage-body{background:var(--bg-light);padding:16px 24px;gap:24px}.profile-modal .pkg-manage-section{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #0000000a;padding:20px 24px;border-radius:12px}.profile-modal .pkg-manage-section__title{color:var(--text);margin:0 0 14px;font-size:.75rem;letter-spacing:.03em}.profile-modal .pkg-manage-label{color:var(--muted)}.profile-modal .pkg-manage-input{background:var(--surface);border-color:var(--border);color:var(--text)}.profile-modal .pkg-manage-input:focus{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a;background:var(--surface)}.profile-modal .pkg-manage-input::placeholder{color:var(--muted)}.profile-modal .pkg-toggle{border-color:var(--border);background:var(--bg-light);color:var(--muted)}.profile-modal .pkg-toggle--on{border-color:#16a34a;background:#16a34a14;color:#15803d}.profile-modal .pkg-manage-items__header{background:var(--surface);border-color:var(--border);color:var(--text)}.profile-modal .pkg-manage-items__header .pkg-manage-section__title{color:var(--text);margin:0}.profile-modal .pkg-manage-items__table-wrap{border-color:var(--border)}.profile-modal .pkg-manage-items__table thead tr{background:#1a1a2e!important}.profile-modal .pkg-manage-items__table thead th{color:#fff!important;border-bottom:2px solid rgba(255,255,255,.15)!important;background:#1a1a2e!important}.profile-modal .pkg-manage-items__table td{border-bottom:1px solid var(--border)!important;color:var(--text)}.profile-modal .pkg-manage-items__table tbody tr{background:var(--surface)!important}.profile-modal .pkg-manage-items__table tbody tr:nth-child(2n){background:#00000005!important}.profile-modal .pkg-manage-items__table tbody tr:hover{background:#1a1a2e0a!important}.profile-modal .pkg-manage-items__table input,.profile-modal .pkg-manage-items__table select{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}.profile-modal .pkg-manage-items__table input::placeholder{color:var(--muted)!important}.profile-modal .pkg-manage-items__table select option{background:#fff;color:var(--text)}.profile-modal .pkg-items-sticky-body{background:var(--surface)!important;color:var(--text)!important;box-shadow:2px 0 3px #0000000a}.profile-modal .pkg-table{background:var(--surface)!important}.profile-modal .pkg-table thead{background:#1a1a2e!important;color:#fff!important}.profile-modal .pkg-table thead th{color:#fff!important;border-bottom:2px solid rgba(255,255,255,.15)!important}.profile-modal .pkg-table tbody tr{background:var(--surface)!important}.profile-modal .pkg-table tbody tr:nth-child(2n){background:#00000005!important}.profile-modal .pkg-table tbody tr:hover{background:#1a1a2e0a!important}.profile-modal .pkg-table td{color:var(--text)!important;border-bottom:1px solid var(--border)!important}.profile-modal .pkg-table-wrap{border-color:var(--border)!important;scrollbar-color:rgba(26,26,46,.15) transparent}.dt-card{margin:0;padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 12px #0000000f;border-radius:12px;display:flex;flex-direction:column;container-type:inline-size;container-name:dt-card}.dt-header{padding:16px 20px;background:transparent;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dt-header h3{margin:0;color:#1a1a2e;font-size:1rem;font-weight:700}.dt-header p{margin:2px 0 0;color:var(--muted);font-size:.75rem}.dt-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dt-content{padding:16px;flex:1}.dt-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:calc(100vh - 260px);scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.2) transparent}.dt-table-wrap::-webkit-scrollbar{width:5px;height:5px}.dt-table-wrap::-webkit-scrollbar-thumb{background:#1a1a2e33;border-radius:4px}.dt-table-wrap::-webkit-scrollbar-thumb:hover{background:#1a1a2e59}.dt-table-wrap::-webkit-scrollbar-track{background:transparent}.dt-table{width:100%;min-width:420px;border-collapse:collapse;font-size:.7812rem}.dt-table thead{position:sticky;top:0;z-index:2;background:#1a1a2e;color:#fff}.dt-table thead th{padding:12px 14px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;text-align:center;white-space:nowrap;border-bottom:2px solid rgba(255,255,255,.15);color:#fffffff2}.dt-table thead th.dt-center{text-align:center}.dt-table thead th.dt-right{text-align:right}.dt-table tbody tr{transition:background .12s ease}.dt-table tbody tr:hover{background:#1a1a2e0a}.dt-table tbody tr:nth-child(2n){background:#00000005}.dt-table tbody tr:nth-child(2n):hover{background:#1a1a2e0f}.dt-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:center;color:#1f1f1f}.dt-table td.dt-center{text-align:center}.dt-table td.dt-right{text-align:right}.dt-table td.dt-name{font-weight:400;color:var(--text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-table td.dt-muted{color:var(--muted);font-size:.75rem;white-space:nowrap}.dt-table td.dt-mono{font-family:Consolas,Monaco,SF Mono,monospace;font-size:.7188rem;color:#374151}.dt-table td.dt-amount{font-variant-numeric:tabular-nums;font-weight:600;color:#0f766e;white-space:nowrap}.dt-table td.dt-actions{white-space:nowrap;text-align:center}.dt-table td.dt-actions .btn{margin-left:4px;padding:5px 10px;font-size:.6875rem}.dt-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.dt-badge--success{background:#dcfce7;color:#166534}.dt-badge--danger{background:#fee2e2;color:#b91c1c}.dt-badge--warning{background:#fef9c3;color:#a16207}.dt-badge--info{background:#dbeafe;color:#1e40af}.dt-empty{padding:36px 20px;text-align:center;color:var(--muted);font-size:.8125rem;background:var(--bg-light);border-radius:8px;margin:0}.dt-pagination{display:flex;justify-content:center;align-items:center;gap:4px;padding:12px 16px 4px;background:transparent;border-top:none;flex-wrap:wrap}.dt-pagination .btn{min-width:26px;padding:3px 9px;font-size:.6875rem;background:none;color:var(--muted);border:none;border-radius:6px;font-weight:400;cursor:pointer;transition:all .15s}.dt-pagination .btn:disabled{opacity:.35;cursor:default}.dt-pagination .btn:hover:not(:disabled){color:var(--text)}.dt-pagination-info{text-align:center;padding:2px 16px 8px;color:var(--border);font-size:.625rem}.dt-margin-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.dt-margin-pill--positive{background:#dcfce7;color:#166534}.dt-margin-pill--negative{background:#fee2e2;color:#b91c1c}@media (max-width: 767px){.payment-tracking-table{font-size:.75rem}.payment-tracking-table thead th{padding:10px 8px;font-size:.6875rem}.payment-tracking-table td{padding:8px}}.car-rent-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.car-rent-badge--available{background:var(--accent-success);color:#fff}.car-rent-badge--reserved{background:#f59e0b;color:#fff}.car-rent-badge--rented{background:var(--accent-danger);color:#fff}.car-rent-badge--maintenance{background:#fef3c7;color:#92400e}.dt-table tbody tr.dt-row-highlight{animation:dt-highlight-pulse 2s ease-in-out infinite}@keyframes dt-highlight-pulse{0%,to{background:#10b9811f}50%{background:#10b98140}}.dt-table tbody tr.dt-row-highlight td{position:relative}.dt-table tbody tr.dt-row-highlight td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#10b981;border-radius:0 4px 4px 0}@media (max-width: 767px){.dt-card{margin:8px;border-radius:12px}.dt-header{padding:12px 16px;flex-direction:column;gap:10px}.dt-header-actions{width:100%;flex-wrap:wrap}.dt-header-actions input[type=text]{flex:1;min-width:120px;width:auto!important}.dt-content{padding:8px}.dt-table{font-size:.7188rem}.dt-table thead th{padding:8px;font-size:.5938rem}.dt-table td{padding:6px 8px}.dt-table td.dt-actions .btn{padding:4px 7px;font-size:.625rem}}@container dt-card (max-width: 600px){.dt-header{flex-direction:column;gap:10px}.dt-header-actions{width:100%;flex-wrap:wrap}.dt-table{font-size:.6875rem}.dt-table thead th{padding:8px 6px;font-size:.5625rem}.dt-table td{padding:6px}.dt-table td.dt-name{max-width:120px}.dt-table td.dt-actions .btn{padding:4px 6px;font-size:.5625rem}}@container dt-card (max-width: 400px){.dt-header{padding:10px 12px}.dt-table thead th{padding:6px 4px;font-size:.5rem}.dt-table td{padding:4px;font-size:.625rem}}.boards-list-view,.board-detail{--border: #e0e0e0;--bg-light: #f5f6f8;--surface: #ffffff;--text: #1f1f1f;--muted: #6c757d}.boards-create-modal,.boards-delete-modal,.card-modal,.card-modal__overlay,.board-modal,.member-picker,.boards-member-picker,.confirm-popup,.label-picker,.date-picker-popup{--border: #e2e8f0;--bg-light: #f8fafc;--surface: #f1f5f9;--text: #1e293b;--muted: #64748b}.boards-content input,.boards-content select,.boards-content textarea{background:#fff;border-color:#e0e0e0;color:#1f1f1f}.boards-content input::placeholder,.boards-content textarea::placeholder{color:#9ca3af}.boards-content select option{background:#fff;color:#1f1f1f}.boards-content .label{color:#6c757d}.card-modal__overlay input,.card-modal__overlay select,.card-modal__overlay textarea{background:#fff;border-color:#e2e8f0;color:#1e293b}.card-modal__overlay input::placeholder,.card-modal__overlay textarea::placeholder{color:#94a3b8}.card-modal__overlay select option{background:#fff;color:#1e293b}.card-modal__overlay .label{color:#64748b}.boards-content{padding:16px;min-height:calc(100vh - 64px);display:flex;flex-direction:column;gap:16px;animation:boards-fade-in .25s ease-out}.boards-list-view{background:linear-gradient(135deg,#fff,#e8ecf0,#e5e7eb);border:1px solid rgba(209,213,219,.8);border-top:2px solid #1a1a2e;border-radius:16px;box-shadow:0 10px 40px #0000001f,inset 0 1px #ffffffb3;padding:24px 28px 28px}.boards-tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid #e0e0e0;margin-bottom:18px;padding-bottom:0}.boards-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:#6c757d;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease;border-radius:8px 8px 0 0;white-space:nowrap}.boards-tab:hover{color:#1f1f1f;background:#0000000a}.boards-tab--active{color:#1f1f1f}.boards-tab--active:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:#1a1a2e;border-radius:2px 2px 0 0}.boards-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#f0f1f3;color:#6c757d;font-size:.6875rem;font-weight:700;line-height:1}.boards-tab--active .boards-tab__count{background:#1a1a2e26;color:#6b7280}.boards-tabs__indicator{display:none}.boards-search{position:relative;margin-bottom:20px;max-width:280px}.boards-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af;pointer-events:none}.boards-search__input{width:100%;padding:10px 14px 10px 36px!important;border:1px solid #e0e0e0!important;border-radius:8px;background:#fff!important;color:#1f1f1f;font-size:.75rem;font-family:var(--font-sans);outline:none;transition:border-color .2s ease,background .2s ease}.boards-search__input::placeholder{color:#9ca3af}.boards-search__input:focus{border-color:#1a1a2e4d!important;background:#fff!important;box-shadow:none!important}.boards-grid{display:flex;flex-direction:column;gap:10px;animation:boards-slide-up .3s ease-out}.board-card{position:relative;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;overflow:visible;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.board-card:hover{transform:translateY(-2px);background:#f0f1f3;border-color:#d1d5db;box-shadow:0 8px 28px #0000001a}.board-card__priority-line{height:3px;width:100%}.board-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:2px}.board-card__settings-btn{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s,background .15s,opacity .15s;opacity:0;pointer-events:none}.board-card:hover .board-card__settings-btn{opacity:1;pointer-events:auto}.board-card__settings-btn:hover{color:#4b5563;background:#ebedef}.board-card--create{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;border:1.5px dashed #d1d5db;background:#fafbfc;transition:border-color .2s,background .2s}.board-card--create:hover{border-color:#1a1a2e59;background:#1a1a2e0a;transform:none;box-shadow:none}.board-card__create-icon{width:38px;height:38px;border-radius:50%;background:#f5f6f8;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .2s,background .2s,border-color .2s}.board-card__create-icon svg{width:20px;height:20px}.board-card--create:hover .board-card__create-icon{color:#6b7280;background:#1a1a2e1a;border-color:#1a1a2e40}.board-card__create-text{font-size:.75rem;font-weight:600;color:#9ca3af;transition:color .2s}.board-card--create:hover .board-card__create-text{color:#4b5563}.board-card__priority-bar{height:3px;width:100%;background:#f0f1f3}.board-card__priority-bar--low{background:#3b82f6}.board-card__priority-bar--medium{background:#f59e0b}.board-card__priority-bar--high{background:#f97316}.board-card__priority-bar--urgent{background:#ef4444}.board-card__body{padding:16px 18px 12px}.board-card__name{font-size:.9375rem;font-weight:700;color:inherit;margin-bottom:6px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card__desc{font-size:.75rem;color:inherit;opacity:.75;line-height:1.5;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-card__stats{display:flex;align-items:center;gap:16px;margin-bottom:14px}.board-card__stat{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;color:inherit;opacity:.8;font-weight:500}.board-card__stat svg{width:14px;height:14px;opacity:.5}.board-card__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid #e0e0e0}.board-card__time{font-size:.6875rem;color:#9ca3af;font-weight:500}.board-card__footer-actions{display:flex;align-items:center;gap:4px}.board-card__footer-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.board-card__footer-btn:hover{background:#f0f1f3;color:#4b5563}.board-card__stat--overdue{color:inherit;opacity:.9}.board-card__stat--overdue svg{opacity:.7}.board-card__activity{font-size:.6875rem;color:inherit;opacity:.65;margin-top:4px}.board-card--archived{opacity:.5;filter:grayscale(.4)}.board-card--archived:hover{opacity:.7}.board-detail{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;animation:boards-fade-in .2s ease-out;background:linear-gradient(135deg,#fff,#e8ecf0,#e5e7eb);border:1px solid rgba(209,213,219,.8);border-top:2px solid #1a1a2e;border-radius:16px;box-shadow:0 10px 40px #0000001f,inset 0 1px #ffffffb3}.board-detail__header{display:flex;align-items:center;gap:14px;padding:16px 24px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap}.board-detail__header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.board-detail__header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.board-detail__title-area{display:flex;flex-direction:column;gap:2px;min-width:0}.board-detail__back-btn,.board-detail__back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.board-detail__back-btn:hover,.board-detail__back:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.board-detail__back-btn svg,.board-detail__back svg{width:18px;height:18px}.board-detail__title{font-size:1.125rem;font-weight:700;color:#fff;cursor:pointer;padding:4px 8px;border-radius:6px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease;line-height:1.3}.board-detail__title:hover{border-color:#fff3;background:#ffffff14}.board-detail__title-input{font-size:1.125rem;font-weight:700;color:#1f1f1f;background:#f5f6f8;border:1px solid rgba(26,26,46,.4);border-radius:6px;padding:4px 8px;font-family:var(--font-sans);outline:none;box-shadow:0 0 0 2px #1a1a2e26;line-height:1.3}.board-detail__desc{font-size:.75rem;color:#ffffff80;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:2px 4px;border-radius:4px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.board-detail__desc:hover{border-color:#e0e0e0;background:#fafbfc}.board-detail__desc-edit{display:flex;flex-direction:column;gap:6px}.board-detail__desc-input{width:100%;min-height:48px;padding:6px 10px;font-size:.75rem;color:#1f1f1f;background:#f5f6f8;border:1px solid rgba(26,26,46,.4);border-radius:6px;font-family:var(--font-sans);line-height:1.5;resize:vertical;outline:none;box-shadow:0 0 0 2px #1a1a2e26}.board-detail__desc-actions{display:flex;gap:6px}.board-detail__desc-save{padding:4px 14px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:6px;font-family:var(--font-sans);font-size:.6875rem;font-weight:700;cursor:pointer;transition:background .15s ease}.board-detail__desc-save:hover{background:#2d2d4e}.board-detail__desc-cancel{padding:4px 12px;border:1px solid #e0e0e0;background:transparent;color:#6c757d;border-radius:6px;font-family:var(--font-sans);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.board-detail__desc-cancel:hover{background:#f5f6f8;color:#374151}.board-detail__members{display:flex;align-items:center;margin-left:auto}.board-detail__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3);margin-left:-6px;position:relative;cursor:pointer;transition:transform .15s ease;text-transform:uppercase}.board-detail__avatar:first-child{margin-left:0}.board-detail__avatar:hover{transform:translateY(-2px);z-index:2}.board-detail__avatar--overflow{background:#ffffff26;color:#ffffffb3;font-size:.5625rem}.board-detail__member-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1a1a2e,#3d3d5c);border:2px solid rgba(255,255,255,.3);margin-left:-6px;position:relative;cursor:pointer;transition:transform .15s ease;text-transform:uppercase;overflow:hidden}.board-detail__member-avatar:first-child{margin-left:0}.board-detail__member-avatar:hover{transform:translateY(-2px);z-index:2}.board-detail__member-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.board-detail__member-initials{font-size:.5625rem;font-weight:700;letter-spacing:.02em}.board-detail__member-avatar--overflow{background:#ebedef;color:#4b5563;font-size:.5625rem}.board-detail__add-member-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.3);background:transparent;color:#9ca3af;margin-left:-4px;cursor:pointer;transition:all .15s ease}.board-detail__add-member-btn:hover{border-color:#ffffff80;color:#fff;background:#ffffff1a}.board-detail__chat-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,130,246,.25);background:#3b82f614;color:#60a5fa;cursor:pointer;transition:all .15s ease}.board-detail__chat-btn:hover{border-color:#3b82f680;background:#3b82f626;color:#93bbfd}.board-detail__actions{display:flex;align-items:center;gap:8px;margin-left:16px}.board-detail__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e0e0e0;background:#f8f9fa;color:#4b5563;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.board-detail__btn:hover{background:#f0f1f3;border-color:#d1d5db;color:#1f1f1f}.board-detail__btn svg{width:15px;height:15px}.board-detail__btn--primary{background:#1a1a2e1f;border-color:#1a1a2e40;color:#6b7280}.board-detail__btn--primary:hover{background:#1a1a2e33;border-color:#1a1a2e66}.board-detail__btn--danger{background:#ef444414;border-color:#ef444433;color:#ef4444}.board-detail__btn--danger:hover{background:#ef444426;border-color:#ef444459}.board-detail__settings{position:relative}.board-detail__settings-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .15s ease}.board-detail__settings-btn:hover{border-color:#ffffff4d;background:#fff3;color:#fff}.board-detail__settings-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:180px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 30px #0000001f;animation:boards-slide-up .12s ease-out}.board-detail__settings-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#4b5563;font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:6px;transition:background .12s ease,color .12s ease}.board-detail__settings-item:hover{background:#f0f1f3;color:#1f1f1f}.board-detail__settings-item svg{width:14px;height:14px;flex-shrink:0}.board-detail__settings-item--danger{color:#ef4444}.board-detail__settings-item--danger:hover{background:#ef44441a;color:#ef4444}.board-detail__filters{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0}.board-detail__filter-search-wrap{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #e0e0e0;background:#f8f9fa;border-radius:6px;color:#9ca3af;flex:1 1 200px;min-width:120px}.board-detail__filter-search-wrap:focus-within{border-color:#1a1a2e59}.board-detail__filter-search-input{border:1px solid #e5e7eb;background:#f8fafc;border-radius:6px;color:#1f1f1f;font-family:var(--font-sans);font-size:.8125rem;outline:none;width:100%;padding:0}.board-detail__filter{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid #e0e0e0;background:#fafbfc;color:#6c757d;border-radius:6px;font-family:var(--font-sans);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.board-detail__filter:hover{border-color:#d1d5db;background:#f5f6f8;color:#4b5563}.board-detail__filter--active{border-color:#1a1a2e4d;background:#1a1a2e14;color:#6b7280}.board-detail__filter svg{width:13px;height:13px}.board-detail__filter-select{padding:4px 22px 4px 8px;border:1px solid #e5e7eb;background:#f8fafc;color:#1f1f1f;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236c757d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:border-color .15s ease,background .15s ease;flex:0 0 auto;max-width:120px}.board-detail__filter-select:hover{border-color:#d1d5db;background-color:#f5f6f8}.board-detail__filter-select:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e1a}.board-detail__filter-select option{background:#fff;color:#1f1f1f}.board-detail__filter-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(239,68,68,.2);background:#ef44440f;color:#6b7280;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease;flex-shrink:0;padding:0}.board-detail__filter-clear:hover{background:#ef444426;border-color:#ef444459}.board-detail__columns{display:flex;gap:16px;padding:20px 24px;overflow-x:auto;overflow-y:hidden;flex:1;align-items:flex-start;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.3) transparent}.board-detail__columns::-webkit-scrollbar{height:6px}.board-detail__columns::-webkit-scrollbar-track{background:transparent}.board-detail__columns::-webkit-scrollbar-thumb{background:#ebedef;border-radius:3px}.board-detail__columns::-webkit-scrollbar-thumb:hover{background:#e5e7eb}.board-columns{display:flex;gap:16px;padding:20px 24px;overflow-x:auto;overflow-y:hidden;flex:1;align-items:flex-start;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.3) transparent}.board-columns::-webkit-scrollbar{height:6px}.board-columns::-webkit-scrollbar-track{background:transparent}.board-columns::-webkit-scrollbar-thumb{background:#ebedef;border-radius:3px}.board-columns::-webkit-scrollbar-thumb:hover{background:#e5e7eb}.board-column{width:300px;min-width:300px;flex-shrink:0;background:#fafbfc;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;max-height:100%;transition:border-color .2s ease,box-shadow .2s ease}.board-column__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;flex-shrink:0;transition:background-color .2s ease}.board-column__header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.board-column__color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.board-column__name{font-size:.8125rem;font-weight:700;color:inherit;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:2px 4px;border-radius:4px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.board-column__name:hover{border-color:#e0e0e0;background:#f8f9fa}.board-column__name-input{font-size:.8125rem;font-weight:700;color:#1f1f1f;background:#f5f6f8;border:1px solid rgba(26,26,46,.4);border-radius:4px;padding:2px 4px;font-family:var(--font-sans);outline:none;box-shadow:0 0 0 2px #1a1a2e26;flex:1}.board-column__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#00000026;color:inherit;opacity:.7;font-size:.625rem;font-weight:700;flex-shrink:0}.board-column__menu-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:inherit;opacity:.6;border-radius:6px;cursor:pointer;transition:background .15s ease,opacity .15s ease;flex-shrink:0}.board-column__menu-btn:hover{background:#00000026;opacity:1}.board-column__menu-wrapper{position:relative;flex-shrink:0}.board-column__menu-dropdown{position:absolute;top:100%;right:0;z-index:9999;min-width:180px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 30px #0000001f;animation:boards-slide-up .12s ease-out}.board-column__menu{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);min-width:160px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 30px #0000001f;animation:boards-slide-up .12s ease-out}.board-column__menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#4b5563;font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:6px;transition:background .12s ease,color .12s ease}.board-column__menu-item:hover{background:#f0f1f3;color:#1f1f1f}.board-column__menu-item--danger{color:#ef4444}.board-column__menu-item--danger:hover{background:#ef44441a;color:#ef4444}.board-column__menu-item svg{width:14px;height:14px;flex-shrink:0}.board-column__color-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px 10px;margin:2px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.board-column__color-swatch{width:24px;height:24px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .12s ease}.board-column__color-swatch:hover{transform:scale(1.2);box-shadow:0 0 8px #0000001a}.board-column__color-swatch--active{border-color:#1f1f1f;box-shadow:0 0 0 2px #1a1a2e33;transform:scale(1.15)}.board-column__cards{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 280px);scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.3) transparent}.board-column__cards::-webkit-scrollbar{width:4px}.board-column__cards::-webkit-scrollbar-track{background:transparent}.board-column__cards::-webkit-scrollbar-thumb{background:#f0f1f3;border-radius:2px}.board-column__cards::-webkit-scrollbar-thumb:hover{background:#ebedef}.board-column__add-btn{display:flex;align-items:center;gap:6px;width:100%;padding:10px 14px;border:none;background:transparent;color:#9ca3af;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;border-radius:0 0 12px 12px;transition:background .15s ease,color .15s ease;flex-shrink:0}.board-column__add-btn:hover{background:#f5f6f8;color:#4b5563}.board-column__add-btn svg{width:15px;height:15px}.board-column--add{border-style:dashed;border-color:#e0e0e0;background:transparent;display:flex;align-items:center;justify-content:center;min-height:120px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.board-column--add:hover{border-color:#1a1a2e4d;background:#1a1a2e08}.board-column--add__content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af;font-size:.75rem;font-weight:600}.board-column--add__content svg{width:20px;height:20px;opacity:.5}.board-column--dragging{opacity:.6;border-color:#1a1a2e4d;box-shadow:0 8px 32px #0006}.board-column__quick-add{padding:8px 10px;margin:0 8px 8px;background:#fafbfc;border:1px solid #e0e0e0;border-radius:9px;animation:boards-fade-in .15s ease-out}.board-column__quick-add-input{width:100%;padding:8px 10px;font-size:.8125rem;color:#1f1f1f;background:#f5f6f8;border:1px solid #e0e0e0;border-radius:6px;font-family:var(--font-sans);outline:none;min-height:36px;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.board-column__quick-add-input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.board-column__quick-add-input::placeholder{color:#9ca3af}.board-column__quick-add-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.board-column__quick-add-btn{padding:6px 16px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.board-column__quick-add-btn:hover{background:#2d2d4e}.board-column__quick-add-btn:active{transform:scale(.97)}.board-column__quick-add-cancel{padding:6px 12px;border:none;background:transparent;color:#6c757d;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.board-column__quick-add-cancel:hover{color:#4b5563;background:#f5f6f8}.board-column__add-card-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;border:none;background:transparent;color:#9ca3af;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;border-radius:0 0 12px 12px;transition:background .15s ease,color .15s ease;flex-shrink:0}.board-column__add-card-btn:hover{background:#f5f6f8;color:#4b5563}.board-column__add-card-btn svg{width:15px;height:15px}.board-column__add-column-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:#9ca3af;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer;padding:24px;transition:color .15s ease}.board-column__add-column-btn:hover{color:#4b5563}.board-column__add-column-btn svg{opacity:.5}.board-column__create-form{padding:14px;width:100%}.board-column__create-input{width:100%;padding:8px 10px;font-size:.8125rem;color:#1f1f1f;background:#f5f6f8;border:1px solid #e0e0e0;border-radius:6px;font-family:var(--font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.board-column__create-input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.board-column__create-input::placeholder{color:#9ca3af}.board-column__create-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.board-column__create-btn{padding:6px 16px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease}.board-column__create-btn:hover{background:#2d2d4e}.board-column__create-cancel{padding:6px 12px;border:none;background:transparent;color:#6c757d;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.board-column__create-cancel:hover{color:#4b5563;background:#f5f6f8}.task-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-left:8px solid var(--card-priority-color, #6b7280);border-radius:10px;padding:12px 14px;cursor:grab;transition:box-shadow .2s ease,opacity .2s ease,transform .15s ease,border-color .15s ease,background .15s ease}.task-card:hover{transform:translateY(-1px);background:#f0f1f3;border-color:#d1d5db;border-left-color:var(--card-priority-color, #6b7280);box-shadow:0 4px 16px #0000004d}.task-card:active{cursor:grabbing}.task-card--dragging{opacity:.45;transform:rotate(2deg);box-shadow:0 12px 40px #00000080;z-index:100}.task-card--done{opacity:.5;border-left-color:#22c55e!important;background:#22c55e0f!important}.task-card--done .task-card__title{text-decoration:line-through;color:#6c757d}.task-card__labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.task-card__label{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.5625rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.04em;line-height:1.6}.task-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.task-card__check{width:18px;height:18px;border-radius:3px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin-top:1px;color:#9ca3af;transition:all .15s ease}.task-card__check:hover{color:#22c55e;background:transparent}.task-card__check--done{background:transparent;color:#22c55e}.task-card__check--done:hover{background:transparent;color:#f59e0b}.task-card__title{font-size:.8125rem;font-weight:700;color:#1f1f1f;line-height:1.4;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card__badge{display:inline-block;font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:10px;color:#1f1f1f;white-space:nowrap;flex-shrink:0}.task-card__badge--low{background:#3b82f633;color:#60a5fa}.task-card__badge--medium{background:#f59e0b33;color:#fbbf24}.task-card__badge--high{background:#f9731626;color:#ea580c}.task-card__badge--urgent{background:#991b1b;color:#fff;border:1px solid #7f1d1d;font-weight:800;letter-spacing:.04em}.task-card__meta{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.task-card__row{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#6c757d}.task-card__row svg{flex-shrink:0;opacity:.5}.task-card__row--overdue{color:#ef4444}.task-card__row--overdue svg{opacity:.8}.task-card__row--soon{color:#f59e0b}.task-card__row--soon svg{opacity:.8}.task-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e0e0e0}.task-card__icons{display:flex;gap:10px;font-size:.6875rem;color:#9ca3af}.task-card__icons span{display:inline-flex;align-items:center;gap:3px}.task-card__icons svg{opacity:.5}.card-modal__overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:24px;animation:boards-fade-in .15s ease-out}.card-modal{position:relative;width:min(960px,96vw);max-height:92vh;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;display:flex;flex-direction:column;animation:card-modal-enter .2s cubic-bezier(.16,1,.3,1)}.card-modal__close{position:absolute;top:16px;right:16px;z-index:10;width:34px;height:34px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.card-modal__close:hover{background:#e2e8f0;color:#1e293b}.card-modal__close svg{width:16px;height:16px}.card-modal__layout{display:grid;grid-template-columns:1fr 280px;flex:1;min-height:0;overflow:hidden}.card-modal__main{padding:28px;overflow-y:auto;border-right:1px solid #e2e8f0;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.card-modal__main::-webkit-scrollbar{width:5px}.card-modal__main::-webkit-scrollbar-track{background:transparent}.card-modal__main::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:4px}.card-modal__sidebar{padding:24px 20px;overflow-y:auto;background:#f8fafc;border-left:1px solid #e5e7eb;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.card-modal__sidebar::-webkit-scrollbar{width:4px}.card-modal__sidebar::-webkit-scrollbar-track{background:transparent}.card-modal__sidebar::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:3px}.card-modal__title{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.35;margin-bottom:4px;cursor:pointer;padding:4px 6px;border-radius:6px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease;word-break:break-word}.card-modal__title:hover{border-color:#e2e8f0;background:#f8fafc}.card-modal__title-input{width:100%;font-size:1.25rem;font-weight:700;color:#1e293b;background:#fff;border:1px solid rgba(26,26,46,.4);border-radius:6px;padding:4px 6px;font-family:var(--font-sans);outline:none;box-shadow:0 0 0 2px #1a1a2e26;line-height:1.35}.card-modal__section{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.card-modal__section+.card-modal__section{border-top:none;padding-top:16px}.card-modal__section-title{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:#94a3b8;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.card-modal__section-title svg{width:16px;height:16px;opacity:.6}.card-modal__desc{font-size:.8125rem;color:#475569;line-height:1.65;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;transition:background .15s ease,border-color .15s ease;min-height:60px;white-space:pre-wrap;word-break:break-word}.card-modal__desc:hover{background:#f1f5f9;border-color:#cbd5e1}.card-modal__desc-input{width:100%;min-height:100px;padding:10px 12px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid rgba(26,26,46,.4);border-radius:8px;font-family:var(--font-sans);line-height:1.65;resize:vertical;outline:none;box-shadow:0 0 0 2px #1a1a2e26}.card-modal__desc-input::placeholder{color:#94a3b8}.card-modal__checklist{margin-top:8px}.card-modal__checklist-progress{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:12px}.card-modal__checklist-bar{height:100%;background:#1a1a2e;border-radius:2px;transition:width .3s ease}.card-modal__checklist-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;transition:background .12s ease}.card-modal__checklist-item:hover{background:#f8fafc}.card-modal__checklist-checkbox{position:relative;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.card-modal__checklist-checkbox:hover{border-color:#10b98180}.card-modal__checklist-checkbox--checked{background:#10b981;border-color:#10b981}.card-modal__checklist-checkbox--checked:after{content:"";width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.card-modal__checklist-text{flex:1;font-size:.8125rem;color:#334155;line-height:1.4}.card-modal__checklist-text--checked{text-decoration:line-through;color:#94a3b8}.card-modal__checklist-delete{width:22px;height:22px;border:none;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .12s ease;flex-shrink:0}.card-modal__checklist-item:hover .card-modal__checklist-delete{opacity:1}.card-modal__checklist-delete:hover{background:#ef44441a;color:#ef4444}.card-modal__checklist-add{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 10px}.card-modal__checklist-add input{flex:1;padding:6px 10px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:var(--font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.card-modal__checklist-add input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.card-modal__checklist-add input::placeholder{color:#94a3b8}.card-modal__checklist-add button{padding:6px 12px;border:none;background:#1a1a2e26;color:#6b7280;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s ease;white-space:nowrap}.card-modal__checklist-add button:hover{background:#1a1a2e40}.card-modal__attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px}.card-modal__attachment{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:background .15s ease,border-color .15s ease}.card-modal__attachment:hover{background:#f1f5f9;border-color:#cbd5e1}.card-modal__attachment-icon{width:36px;height:36px;border-radius:8px;background:#1a1a2e1a;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-modal__attachment-icon svg{width:18px;height:18px}.card-modal__attachment-info{flex:1;min-width:0}.card-modal__attachment-name{font-size:.8125rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-modal__attachment-size{font-size:.6875rem;color:#94a3b8;margin-top:2px}.card-modal__attachment-actions{display:flex;gap:4px;flex-shrink:0}.card-modal__attachment-actions button{width:28px;height:28px;border:none;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.card-modal__attachment-actions button:hover{background:#f1f5f9;color:#475569}.card-modal__upload-zone{margin-top:10px;padding:20px;border:2px dashed #cbd5e1;border-radius:10px;text-align:center;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.card-modal__upload-zone:hover{border-color:#1a1a2e4d;background:#1a1a2e08;color:#475569}.card-modal__upload-zone--active{border-color:#1a1a2e80;background:#1a1a2e0f;color:#6b7280}.card-modal__upload-zone svg{width:24px;height:24px;margin-bottom:6px;opacity:.5}.card-modal__tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid #e2e8f0}.card-modal__tab{padding:8px 16px;border:none;background:transparent;color:#94a3b8;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;position:relative;transition:color .15s ease}.card-modal__tab:hover{color:#475569}.card-modal__tab--active{color:#1e293b}.card-modal__tab--active:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:#1a1a2e;border-radius:2px 2px 0 0}.card-modal__comments{display:flex;flex-direction:column;gap:16px}.card-modal__comment{display:flex;gap:10px}.card-modal__comment-avatar{width:30px;height:30px;border-radius:50%;background:#1a1a2e33;display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;color:#6b7280;flex-shrink:0;text-transform:uppercase;overflow:hidden}.card-modal__comment-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.card-modal__comment-body{flex:1;min-width:0}.card-modal__comment-name{font-size:.8125rem;font-weight:700;color:#1e293b;margin-bottom:1px}.card-modal__comment-time{font-size:.6875rem;color:#94a3b8;margin-left:8px;font-weight:500}.card-modal__comment-text{font-size:.8125rem;color:#475569;line-height:1.55;margin-top:4px;word-break:break-word}.card-modal__comment-actions{display:flex;gap:8px;margin-top:6px}.card-modal__comment-actions button{border:none;background:transparent;color:#94a3b8;font-family:var(--font-sans);font-size:.6875rem;font-weight:600;cursor:pointer;padding:0;transition:color .15s ease}.card-modal__comment-actions button:hover{color:#475569}.card-modal__comment-input{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.card-modal__comment-input textarea{flex:1;min-height:36px;max-height:120px;padding:8px 12px;font-size:.8125rem;color:#1e293b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;font-family:var(--font-sans);line-height:1.5;resize:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.card-modal__comment-input textarea:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.card-modal__comment-input textarea::placeholder{color:#94a3b8}.card-modal__comment-input button{padding:8px 16px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap;flex-shrink:0}.card-modal__comment-input button:hover{background:#2d2d4e}.card-modal__comment-input button:active{transform:scale(.97)}.card-modal__activity{display:flex;flex-direction:column;gap:0}.card-modal__activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #f1f5f9}.card-modal__activity-item:last-child{border-bottom:none}.card-modal__activity-icon{width:28px;height:28px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.card-modal__activity-icon svg{width:13px;height:13px}.card-modal__activity-text{flex:1;font-size:.8125rem;color:#64748b;line-height:1.5}.card-modal__activity-text strong{color:#1e293b;font-weight:600}.card-modal__activity-time{font-size:.6875rem;color:#94a3b8;white-space:nowrap;flex-shrink:0;margin-top:2px}.card-modal__title-section{margin-bottom:16px}.card-modal__column-info{font-size:.75rem;color:#94a3b8;margin-top:4px;padding-left:6px}.card-modal__column-info strong{color:#475569}.card-modal__labels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.card-modal__label{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.6875rem;font-weight:700;color:#fff}.card-modal__section{margin-bottom:24px}.card-modal__desc-text{font-size:.875rem;color:#64748b;line-height:1.6;cursor:pointer;padding:8px 10px;border-radius:8px;border:1px solid transparent;transition:all .15s ease}.card-modal__desc-text:hover{border-color:#e2e8f0;background:#f8fafc}.card-modal__desc-edit{display:flex;flex-direction:column;gap:8px}.card-modal__desc-textarea{width:100%;padding:10px 12px;font-size:.875rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);outline:none;resize:vertical;line-height:1.6;transition:border-color .15s}.card-modal__desc-textarea:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e1a}.card-modal__desc-textarea::placeholder{color:#94a3b8}.card-modal__desc-actions{display:flex;gap:6px}.card-modal__desc-save{padding:6px 16px;border:none;background:#1a1a2e;color:#fff;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer}.card-modal__desc-save:hover{background:#2d2d4e}.card-modal__desc-cancel{padding:6px 12px;border:none;background:transparent;color:#94a3b8;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer}.card-modal__desc-cancel:hover{color:#475569}.card-modal__checklist-items{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.card-modal__checklist-counter{font-size:.75rem;color:#94a3b8;margin-left:8px;font-weight:500}.card-modal__checklist-bar-fill{height:100%;border-radius:3px;background:#1a1a2e;transition:width .3s ease}.card-modal__checklist-text--done{text-decoration:line-through;opacity:.5}.card-modal__checklist-input{flex:1;padding:8px 10px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:var(--font-sans);outline:none}.card-modal__checklist-input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.card-modal__checklist-input::placeholder{color:#94a3b8}.card-modal__checklist-add-btn{padding:6px 14px;border:none;background:transparent;color:#6b7280;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer}.card-modal__checklist-add-btn:hover{background:#1a1a2e1a}.card-modal__upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.card-modal__upload-btn:hover{border-color:#1a1a2e4d;background:#1a1a2e0a;color:#475569}.card-modal__upload-btn svg{width:15px;height:15px;opacity:.5}.card-modal__activity-tabs{display:flex;gap:2px;border-bottom:1px solid #e2e8f0;margin-bottom:14px}.card-modal__activity-tab{position:relative;padding:8px 14px;border:none;background:transparent;color:#94a3b8;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s;border-radius:6px 6px 0 0}.card-modal__activity-tab:hover{color:#475569}.card-modal__activity-tab--active{color:#1e293b}.card-modal__activity-tab--active:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:#1a1a2e;border-radius:2px 2px 0 0}.card-modal__comment-input-area{display:flex;gap:8px;margin-bottom:16px;align-items:flex-start}.card-modal__comment-input-area .card-modal__comment-input{flex:1;padding:8px 12px;font-size:.8125rem;color:#1e293b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;font-family:var(--font-sans);outline:none;min-height:36px}.card-modal__comment-input-area .card-modal__comment-input:focus{border-color:#1a1a2e66}.card-modal__comment-input-area .card-modal__comment-input::placeholder{color:#94a3b8}.card-modal__comment-send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#1a1a2e;color:#fff;border-radius:8px;cursor:pointer;flex-shrink:0;transition:background .15s}.card-modal__comment-send:hover{background:#2d2d4e}.card-modal__comment-send svg{width:14px;height:14px}.card-modal__comments-list{display:flex;flex-direction:column;gap:0}.card-modal__comment-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.card-modal__activity-list{display:flex;flex-direction:column;gap:0}.card-modal__activity-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;flex-shrink:0;margin-top:6px}.card-modal__activity-content{flex:1;font-size:.8125rem;line-height:1.5}.card-modal__activity-user{color:#1e293b;font-weight:600}.card-modal__activity-action{color:#94a3b8;margin:0 4px}.card-modal__empty-text{font-size:.8125rem;color:#94a3b8;text-align:center;padding:20px 0;font-style:italic}.card-modal__sidebar-heading{font-size:.625rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.card-modal__sidebar-btn--danger{color:#ef4444}.card-modal__sidebar-btn--danger:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.card-modal__move-dropdown{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;padding:16px 20px;z-index:10;box-shadow:0 -4px 16px #00000014}.card-modal__move-title{font-size:.8125rem;font-weight:700;color:#475569;margin-bottom:10px}.card-modal__move-option{display:block;width:100%;padding:8px 12px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;cursor:pointer;margin-bottom:4px;text-align:left}.card-modal__move-option:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.card-modal__move-option--current{opacity:.4;cursor:not-allowed}.card-modal__move-cancel{display:block;width:100%;padding:6px;margin-top:6px;border:none;background:transparent;color:#94a3b8;font-family:var(--font-sans);font-size:.6875rem;cursor:pointer;text-align:center}.card-modal__attachment-download,.card-modal__attachment-delete{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;text-decoration:none;transition:all .15s}.card-modal__attachment-download:hover{background:#f1f5f9;color:#475569}.card-modal__attachment-delete:hover{background:#ef44441a;color:#ef4444}.card-modal__sidebar-section{margin-bottom:16px}.card-modal__sidebar-section:last-child{margin-bottom:0}.card-modal__sidebar-section-title{font-size:.625rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.card-modal__sidebar-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:1px solid #e5e7eb;background:#f8fafc;color:#4b5563;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-bottom:6px}.card-modal__sidebar-btn:hover{background:#f0f1f3;border-color:#cbd5e1;color:#1e293b}.card-modal__sidebar-btn svg{width:15px;height:15px;opacity:.6}.card-modal__sidebar-due-date-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;margin-bottom:6px;color:#64748b}.card-modal__sidebar-due-date-row svg{width:15px;height:15px;opacity:.6;flex-shrink:0}.card-modal__sidebar-date-input{flex:1;border:none;background:transparent;color:#475569;font-family:var(--font-sans);font-size:.75rem;font-weight:600;outline:none;cursor:pointer}.card-modal__sidebar-date-input::-webkit-calendar-picker-indicator{filter:none;cursor:pointer}.card-modal__label-picker{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:16px}.card-modal__label-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.card-modal__label-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease}.card-modal__label-option:hover{background:#f1f5f9;border-color:#cbd5e1}.card-modal__label-option--active{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.card-modal__label-option svg{width:14px;height:14px;color:#34d399;margin-left:auto;flex-shrink:0}.card-modal__label-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.card-modal__label-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-modal__label-create{border-top:1px solid #e2e8f0;padding-top:10px;display:flex;flex-direction:column;gap:8px}.card-modal__label-create-input{width:100%;padding:8px 10px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;outline:none;transition:border-color .15s ease;box-sizing:border-box}.card-modal__label-create-input::placeholder{color:#94a3b8}.card-modal__label-create-input:focus{border-color:#1a1a2e66}.card-modal__label-colors{display:flex;flex-wrap:wrap;gap:5px}.card-modal__label-color-btn{width:22px;height:22px;border:2px solid transparent;border-radius:5px;cursor:pointer;transition:all .15s ease}.card-modal__label-color-btn:hover{transform:scale(1.15)}.card-modal__label-color-btn--active{border-color:#1e293b;box-shadow:0 0 0 2px #00000026}.card-modal__label-create-btn{padding:7px 14px;border:none;background:#1a1a2e;color:#fff;border-radius:6px;font-family:var(--font-sans);font-size:.7rem;font-weight:700;cursor:pointer;transition:background .15s ease;align-self:flex-start}.card-modal__label-create-btn:hover{background:#1a1a2e}.card-modal__sidebar-labels{display:flex;flex-wrap:wrap;gap:5px}.card-modal__sidebar-label{display:inline-block;padding:3px 10px;border-radius:5px;font-size:.6875rem;font-weight:700;color:#fff}.card-modal__priority-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.card-modal__due-date-display{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:6px;font-size:.8125rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.card-modal__due-date-display svg{width:14px;height:14px;opacity:.6}.card-modal__due-date-display--overdue{background:#ef44441a;border-color:#ef444433;color:#ef4444}.card-modal__due-date-display--overdue svg{opacity:1}.card-modal__due-date-display--soon{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.card-modal__due-date-display--soon svg{opacity:1}.card-modal__due-date-display--future{background:#22c55e14;border-color:#22c55e26;color:#4ade80}.card-modal__due-date-display--future svg{opacity:1}.card-modal__due-date-badge{padding:2px 7px;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.card-modal__due-date-display--overdue .card-modal__due-date-badge{background:#ef444433;color:#6b7280}.card-modal__due-date-display--soon .card-modal__due-date-badge{background:#f59e0b33;color:#fbbf24}.card-modal__assigned-list{display:flex;flex-direction:column;gap:5px}.card-modal__assigned-member{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;transition:background .12s ease}.card-modal__assigned-member:hover{background:#f1f5f9}.card-modal__assigned-avatar{width:26px;height:26px;border-radius:50%;background:#1a1a2e33;display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;color:#6b7280;flex-shrink:0;text-transform:uppercase;overflow:hidden}.card-modal__assigned-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.card-modal__assigned-name{flex:1;font-size:.75rem;font-weight:600;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-modal__assigned-remove{width:20px;height:20px;border:none;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .12s ease;flex-shrink:0}.card-modal__assigned-member:hover .card-modal__assigned-remove{opacity:1}.card-modal__assigned-remove:hover{background:#ef44441a;color:#ef4444}.card-modal__priority-selector{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.card-modal__priority-btn{padding:5px 12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:6px;font-family:var(--font-sans);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.card-modal__priority-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.card-modal__priority-btn--active{font-weight:700}.card-modal__priority-btn--low{border-color:#3b82f640;color:#3b82f6}.card-modal__priority-btn--low.card-modal__priority-btn--active{background:#3b82f626;border-color:#3b82f666}.card-modal__priority-btn--medium{border-color:#f59e0b40;color:#f59e0b}.card-modal__priority-btn--medium.card-modal__priority-btn--active{background:#f59e0b26;border-color:#f59e0b66}.card-modal__priority-btn--high{border-color:#f9731640;color:#f97316}.card-modal__priority-btn--high.card-modal__priority-btn--active{background:#f9731626;border-color:#f9731666}.card-modal__priority-btn--urgent{border-color:#ef444440;color:#ef4444}.card-modal__priority-btn--urgent.card-modal__priority-btn--active{background:#ef444426;border-color:#ef444466}.card-modal__due-display{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.card-modal__due-display svg{width:14px;height:14px;opacity:.6}.card-modal__due-display--overdue{background:#ef44441a;border-color:#ef444433;color:#ef4444}.card-modal__members-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.card-modal__member{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;transition:background .12s ease}.card-modal__member:hover{background:#f1f5f9}.card-modal__member-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;color:#1f1f1f;flex-shrink:0;text-transform:uppercase}.card-modal__member-name{flex:1;font-size:.75rem;font-weight:600;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-modal__member-remove{width:20px;height:20px;border:none;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .12s ease;flex-shrink:0}.card-modal__member:hover .card-modal__member-remove{opacity:1}.card-modal__member-remove:hover{background:#ef44441a;color:#ef4444}.card-modal__labels-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.card-modal__label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:5px;font-size:.6875rem;font-weight:700;color:#fff}.card-modal__label-remove{width:14px;height:14px;border:none;background:#0003;color:#4b5563;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.5rem;transition:background .12s ease}.card-modal__label-remove:hover{background:#0006}.card-modal__actions{margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px}.card-modal__action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.card-modal__action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.card-modal__action-btn svg{width:15px;height:15px;opacity:.6}.card-modal__action-btn--danger{border-color:#ef444426;color:#ef4444b3}.card-modal__action-btn--danger:hover{background:#ef44441a;border-color:#ef444440;color:#ef4444}.board-modal__overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:24px;animation:boards-fade-in .15s ease-out}.board-modal{width:100%;max-width:480px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 80px #00000026;animation:card-modal-enter .2s ease-out;overflow:hidden}.board-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0;background:#1a1a2e}.board-modal__title{font-size:1rem;font-weight:700;color:#fff}.board-modal__close{width:30px;height:30px;border:1px solid rgba(255,255,255,.2);background:#ffffff26;color:#ffffffb3;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.board-modal__close:hover{background:#ffffff40;color:#fff;border-color:#ffffff4d}.board-modal__close svg{width:15px;height:15px}.board-modal__body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.board-modal__body::-webkit-scrollbar{width:4px}.board-modal__body::-webkit-scrollbar-track{background:transparent}.board-modal__body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.board-modal__field{display:flex;flex-direction:column;gap:6px}.board-modal__label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.board-modal__input{padding:9px 14px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.board-modal__input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.board-modal__input::placeholder{color:#94a3b8}.board-modal__textarea{padding:9px 14px;min-height:80px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);line-height:1.55;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.board-modal__textarea:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.board-modal__textarea::placeholder{color:#94a3b8}.board-modal__select{padding:9px 36px 9px 14px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.board-modal__select:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.board-modal__select option{background:#fff;color:#1e293b}.board-modal__type-toggle{display:flex;gap:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.board-modal__type-btn{flex:1;padding:8px 16px;border:none;background:transparent;color:#94a3b8;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:center}.board-modal__type-btn:not(:last-child){border-right:1px solid #e2e8f0}.board-modal__type-btn:hover{background:#f8fafc;color:#475569}.board-modal__type-btn--active{background:#1a1a2e1f;color:#6b7280}.board-modal__type-btn--active:hover{background:#1a1a2e26;color:#6b7280}.board-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #e2e8f0}.board-modal__cancel{padding:8px 18px;border:1px solid #e2e8f0;background:transparent;color:#64748b;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.board-modal__cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.board-modal__submit{padding:8px 24px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.board-modal__submit:hover{background:#2d2d4e;box-shadow:0 4px 16px #1a1a2e4d}.board-modal__submit:active{transform:scale(.97)}.board-modal__submit:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.member-picker__overlay{position:fixed;inset:0;z-index:510;background:#00000059;display:flex;align-items:center;justify-content:center;animation:boards-fade-in .12s ease-out}.member-picker{width:100%;max-width:340px;max-height:420px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 60px #00000026;overflow:hidden;animation:card-modal-enter .15s ease-out;display:flex;flex-direction:column}.member-picker__search{padding:9px 14px;margin:14px 14px 0;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.member-picker__search:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.member-picker__search::placeholder{color:#94a3b8}.member-picker__list{flex:1;overflow-y:auto;padding:10px 8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.member-picker__list::-webkit-scrollbar{width:4px}.member-picker__list::-webkit-scrollbar-track{background:transparent}.member-picker__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.member-picker__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease}.member-picker__item:hover{background:#f8fafc}.member-picker__item-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;color:#1f1f1f;flex-shrink:0;text-transform:uppercase}.member-picker__item-name{flex:1;font-size:.8125rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-picker__item-role{font-size:.625rem;font-weight:500;color:#94a3b8;text-transform:capitalize}.member-picker__item-checkbox{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.member-picker__item-checkbox--checked{background:#1a1a2e;border-color:#6b7280}.member-picker__item-checkbox--checked:after{content:"";width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.boards-member-picker{width:100%;max-width:380px;max-height:480px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative;animation:card-modal-enter .15s ease-out;display:flex;flex-direction:column;padding:20px}.boards-member-picker__title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:14px;padding-right:32px}.boards-member-picker__search{width:100%;padding:9px 14px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);outline:none;margin-bottom:12px;transition:border-color .15s ease}.boards-member-picker__search:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.boards-member-picker__search::placeholder{color:#94a3b8}.boards-member-picker__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.boards-member-picker__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .12s ease;width:100;font-family:var(--font-sans);text-align:left;color:#475569}.boards-member-picker__item:hover{background:#f8fafc}.boards-member-picker__item--active{background:#1a1a2e0f}.boards-member-picker__item--active svg{color:#16a34a}.boards-member-picker__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;color:#1f1f1f;flex-shrink:0;text-transform:uppercase;background:#1a1a2e33;overflow:hidden}.boards-member-picker__avatar img{width:100%;height:100%;object-fit:cover}.boards-member-picker__info{flex:1;min-width:0;display:flex;flex-direction:column}.boards-member-picker__name{font-size:.8125rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boards-member-picker__role{font-size:.625rem;color:#94a3b8;text-transform:capitalize}.boards-member-picker__empty{font-size:.8125rem;color:#94a3b8;text-align:center;padding:20px;font-style:italic}.confirm-popup__overlay{position:fixed;inset:0;z-index:520;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:boards-fade-in .12s ease-out}.confirm-popup{width:100%;max-width:380px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:28px;text-align:center;animation:card-modal-enter .15s ease-out}.confirm-popup__icon{width:52px;height:52px;border-radius:50%;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-popup__icon svg{width:24px;height:24px}.confirm-popup__title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:8px}.confirm-popup__text{font-size:.8125rem;color:#64748b;line-height:1.55;margin-bottom:24px}.confirm-popup__actions{display:flex;align-items:center;justify-content:center;gap:10px}.confirm-popup__btn{padding:8px 20px;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.confirm-popup__btn--cancel{border:1px solid #e2e8f0;background:transparent;color:#64748b}.confirm-popup__btn--cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.confirm-popup__btn--danger{border:none;background:#ef4444;color:#1f1f1f}.confirm-popup__btn--danger:hover{background:#dc2626;box-shadow:0 4px 16px #ef44444d}.confirm-popup__btn--danger:active{transform:scale(.97)}.quick-add{padding:8px 10px;background:#fafbfc;border:1px solid #e0e0e0;border-radius:9px;animation:boards-fade-in .15s ease-out}.quick-add__input{width:100%;padding:8px 10px;font-size:.8125rem;color:#1f1f1f;background:#f5f6f8;border:1px solid #e0e0e0;border-radius:6px;font-family:var(--font-sans);outline:none;resize:none;min-height:36px;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.quick-add__input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.quick-add__input::placeholder{color:#9ca3af}.quick-add__actions{display:flex;align-items:center;gap:6px;margin-top:8px}.quick-add__submit{padding:6px 16px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.quick-add__submit:hover{background:#2d2d4e}.quick-add__submit:active{transform:scale(.97)}.quick-add__cancel{padding:6px 12px;border:none;background:transparent;color:#6c757d;border-radius:6px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.quick-add__cancel:hover{color:#4b5563;background:#f5f6f8}.boards-admin{padding:4px 0 0;animation:boards-slide-up .3s ease-out;display:flex;flex-direction:column;gap:12px}.boards-admin__section{background:#fafbfc;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.boards-admin__section-header{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;border:none;background:transparent;cursor:pointer;transition:background .15s ease;text-align:left;font-family:var(--font-sans)}.boards-admin__section-header:hover{background:#f8f9fa}.boards-admin__chevron{width:18px;height:18px;color:#9ca3af;flex-shrink:0;transition:transform .25s ease}.boards-admin__chevron--open{transform:rotate(90deg)}.boards-admin__section-title{flex:1;font-size:.875rem;font-weight:700;color:#1f1f1f;margin:0}.boards-admin__add-btn{padding:6px 14px;border:1px solid rgba(26,26,46,.3);background:#1a1a2e1a;color:#6b7280;border-radius:6px;font-family:var(--font-sans);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.boards-admin__add-btn:hover{background:#1a1a2e33;border-color:#1a1a2e80}.boards-admin__section-body{padding:2px 18px 16px;display:flex;flex-direction:column;gap:10px}.boards-admin__empty{font-size:.8125rem;color:#9ca3af;padding:16px 0;text-align:center}.boards-admin__empty-text{font-size:.75rem;color:#9ca3af;font-style:italic}.boards-admin__groups-list{display:flex;flex-direction:column;gap:8px}.boards-admin__group-card{background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;padding:12px 14px;transition:background .12s ease,border-color .12s ease}.boards-admin__group-card:hover{background:#f5f6f8;border-color:#d1d5db}.boards-admin__group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.boards-admin__group-name{font-size:.8125rem;font-weight:700;color:#1f1f1f;margin:0}.boards-admin__group-actions{display:flex;gap:4px}.boards-admin__icon-btn{width:28px;height:28px;border:1px solid #e0e0e0;background:#f8f9fa;color:#6c757d;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.boards-admin__icon-btn:hover{background:#f0f1f3;border-color:#d1d5db;color:#374151}.boards-admin__icon-btn--danger:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.boards-admin__group-members{display:flex;flex-wrap:wrap;gap:6px}.boards-admin__member-chip{display:inline-block;padding:3px 10px;background:#f5f6f8;border:1px solid #e0e0e0;border-radius:12px;font-size:.6875rem;font-weight:600;color:#4b5563}.boards-admin__access-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.boards-admin__select{flex:1;min-width:140px;padding:9px 32px 9px 12px;font-size:.8125rem;color:#1f1f1f;background:#f0f1f3;border:1px solid #d1d5db;border-radius:8px;font-family:var(--font-sans);outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236c757d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.boards-admin__select:focus{border-color:#1a1a2e80;box-shadow:0 0 0 2px #1a1a2e26}.boards-admin__select option{background:#fff;color:#1f1f1f}.boards-admin__access-arrow{color:#9ca3af;display:flex;align-items:center;flex-shrink:0}.boards-admin__submit-btn{padding:9px 18px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:8px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease;white-space:nowrap}.boards-admin__submit-btn:hover{background:#2d2d4e}.boards-admin__submit-btn:disabled{opacity:.35;cursor:not-allowed}.boards-admin__access-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.boards-admin__access-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;font-size:.8125rem;color:#4b5563;font-weight:600;transition:background .12s ease}.boards-admin__access-item:hover{background:#f8f9fa}.boards-admin__access-item svg{color:#9ca3af;flex-shrink:0}.boards-admin__access-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boards-admin__boards-table{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;max-height:55vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.4) transparent}.boards-admin__table-header{display:grid;grid-template-columns:.6fr 2fr .8fr 1.2fr .6fr .6fr 1fr;gap:8px;padding:10px 14px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:.6875rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.04em;text-align:center;position:sticky;top:0;z-index:2;background:#111827}.boards-admin__table-row{display:grid;grid-template-columns:.6fr 2fr .8fr 1.2fr .6fr .6fr 1fr;gap:8px;padding:10px 14px;font-size:.8125rem;color:#4b5563;border-bottom:1px solid #e0e0e0;text-align:center;cursor:pointer;transition:background .12s ease;align-items:center}.boards-admin__table-row:last-child{border-bottom:none}.boards-admin__table-row:hover{background:#f8f9fa}.boards-admin__table-cell--name{font-weight:700;color:#1f1f1f}.boards-admin__type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.boards-admin__type-badge--personal{background:#8b5cf626;color:#a78bfa}.boards-admin__type-badge--team{background:#3b82f626;color:#60a5fa}.label-picker__overlay{position:fixed;inset:0;z-index:510;background:#00000059;display:flex;align-items:center;justify-content:center;animation:boards-fade-in .12s ease-out}.label-picker{width:100%;max-width:300px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 60px #00000026;overflow:hidden;padding:16px;animation:card-modal-enter .15s ease-out}.label-picker__title{font-size:.8125rem;font-weight:700;color:#1e293b;margin-bottom:12px}.label-picker__list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.label-picker__list::-webkit-scrollbar{width:3px}.label-picker__list::-webkit-scrollbar-track{background:transparent}.label-picker__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.label-picker__item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .12s ease}.label-picker__item:hover{background:#f8fafc}.label-picker__color{width:28px;height:18px;border-radius:4px;flex-shrink:0}.label-picker__name{flex:1;font-size:.8125rem;font-weight:600;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-picker__create{padding-top:12px;border-top:1px solid #e2e8f0}.label-picker__create-input{width:100%;padding:7px 12px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:var(--font-sans);outline:none;margin-bottom:10px;transition:border-color .15s ease,box-shadow .15s ease}.label-picker__create-input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.label-picker__create-input::placeholder{color:#94a3b8}.label-picker__color-options{display:flex;flex-wrap:wrap;gap:6px}.label-picker__color-option{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.label-picker__color-option:hover{transform:scale(1.1)}.label-picker__color-option--active{border-color:#1e293b;box-shadow:0 0 0 2px #00000026}.date-picker-popup__overlay{position:fixed;inset:0;z-index:510;background:#00000059;display:flex;align-items:center;justify-content:center;animation:boards-fade-in .12s ease-out}.date-picker-popup{width:100%;max-width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 60px #00000026;padding:18px;animation:card-modal-enter .15s ease-out}.date-picker-popup__title{font-size:.8125rem;font-weight:700;color:#1e293b;margin-bottom:12px}.date-picker-popup__input{width:100%;padding:9px 14px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);outline:none;margin-bottom:14px;transition:border-color .15s ease,box-shadow .15s ease;color-scheme:light}.date-picker-popup__input:focus{border-color:#1a1a2e66;box-shadow:0 0 0 2px #1a1a2e26}.date-picker-popup__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.date-picker-popup__actions button{padding:7px 16px;border-radius:7px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.date-picker-popup__actions .date-picker-popup__cancel{border:1px solid #e2e8f0;background:transparent;color:#64748b}.date-picker-popup__actions .date-picker-popup__cancel:hover{background:#f8fafc;color:#1e293b}.date-picker-popup__actions .date-picker-popup__save{border:none;background:#1a1a2e;color:#1f1f1f}.date-picker-popup__actions .date-picker-popup__save:hover{background:#2d2d4e}.date-picker-popup__actions .date-picker-popup__clear{border:1px solid rgba(239,68,68,.2);background:#ef44440f;color:#ef4444;margin-right:auto}.date-picker-popup__actions .date-picker-popup__clear:hover{background:#ef44441f}@keyframes boards-fade-in{0%{opacity:0}to{opacity:1}}@keyframes boards-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes boards-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes card-modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.boards-create-modal{position:relative;width:100%;max-width:480px;background:#fff;border:1px solid #e2e8f0;border-top:2px solid #1a1a2e;border-radius:16px;box-shadow:0 25px 60px #00000026,0 0 0 1px #0000000d;padding:28px 28px 24px;animation:card-modal-enter .2s ease-out}.boards-create-modal__title{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:24px}.boards-create-modal__form{display:flex;flex-direction:column;gap:18px}.boards-create-modal__field{display:flex;flex-direction:column;gap:6px}.boards-create-modal__label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.boards-create-modal__input,.boards-create-modal__select{padding:10px 14px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.boards-create-modal__input:focus,.boards-create-modal__select:focus{border-color:#1a1a2e80;box-shadow:0 0 0 2px #1a1a2e26}.boards-create-modal__input::placeholder{color:#94a3b8}.boards-create-modal__textarea{padding:10px 14px;min-height:80px;font-size:.8125rem;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans);line-height:1.55;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.boards-create-modal__textarea:focus{border-color:#1a1a2e80;box-shadow:0 0 0 2px #1a1a2e26}.boards-create-modal__textarea::placeholder{color:#94a3b8}.boards-create-modal__select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.boards-create-modal__select option{background:#fff;color:#1e293b}.boards-create-modal__type-selector{display:flex;gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.boards-create-modal__type-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:#94a3b8;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.boards-create-modal__type-btn:not(:last-child){border-right:1px solid #e2e8f0}.boards-create-modal__type-btn:hover{background:#f8fafc;color:#475569}.boards-create-modal__type-btn--active{background:#1a1a2e1f;color:#6b7280}.boards-create-modal__type-btn--active:hover{background:#1a1a2e2e;color:#6b7280}.boards-create-modal__type-btn svg{opacity:.6}.boards-create-modal__type-btn--active svg{opacity:1}.boards-create-modal__member-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.boards-create-modal__member-option{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:.8125rem;color:#475569;transition:background .12s ease}.boards-create-modal__member-option:hover{background:#f1f5f9}.boards-create-modal__member-option input[type=checkbox]{width:16px;height:16px;accent-color:#6b7280;cursor:pointer}.boards-create-modal__member-option span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boards-create-modal__submit{padding:10px 24px;border:none;background:#1a1a2e;color:#1f1f1f;border-radius:10px;font-family:var(--font-sans);font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;margin-top:4px}.boards-create-modal__submit:hover{background:#2d2d4e;box-shadow:0 4px 16px #1a1a2e4d}.boards-create-modal__submit:active{transform:scale(.97)}.boards-create-modal__submit:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.boards-delete-modal{width:100%;max-width:400px;background:#fff;border:1px solid #e2e8f0;border-top:2px solid #1a1a2e;border-radius:16px;box-shadow:0 25px 60px #00000026,0 0 0 1px #0000000d;padding:32px 28px 24px;text-align:center;animation:card-modal-enter .15s ease-out}.boards-delete-modal__icon{width:56px;height:56px;border-radius:50%;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.boards-delete-modal__title{font-size:1.0625rem;font-weight:700;color:#1e293b;margin-bottom:8px}.boards-delete-modal__text{font-size:.8125rem;color:#64748b;line-height:1.6;margin-bottom:24px}.boards-delete-modal__text strong{color:#1e293b}.boards-delete-modal__actions{display:flex;align-items:center;justify-content:center;gap:10px}.boards-delete-modal__cancel{padding:9px 20px;border:1px solid #e2e8f0;background:transparent;color:#64748b;border-radius:8px;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.boards-delete-modal__cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.boards-delete-modal__confirm{padding:9px 24px;border:none;background:#ef4444;color:#1f1f1f;border-radius:8px;font-family:var(--font-sans);font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.boards-delete-modal__confirm:hover{background:#dc2626;box-shadow:0 4px 16px #ef44444d}.boards-delete-modal__confirm:active{transform:scale(.97)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #1a1a2e4d}50%{box-shadow:0 0 0 8px #1a1a2e00}}@media (max-width: 1024px){.boards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.board-column{width:272px;min-width:272px}.board-detail__header{padding:14px 18px}.board-detail__filters{padding:8px 18px}.board-columns{padding:16px 18px}.card-modal__layout{grid-template-columns:1fr 240px}}@media (max-width: 768px){.board-card__settings-btn{opacity:.5;pointer-events:auto}.boards-content{padding:12px}.boards-list-view{padding:18px 16px 20px;border-radius:12px}.boards-grid{grid-template-columns:1fr;gap:12px}.boards-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:0}.boards-tabs::-webkit-scrollbar{display:none}.boards-tab{padding:8px 14px;font-size:.75rem}.board-detail__header{padding:12px 14px;gap:10px}.board-detail__title{font-size:1rem}.board-detail__desc{display:none}.board-detail__members{margin-left:0}.board-detail__avatar:nth-child(n+4){display:none}.board-detail__actions{margin-left:0;width:100%;flex-wrap:wrap}.board-detail__btn span{display:none}.board-detail__filters{padding:8px 14px;overflow-x:auto;flex-wrap:nowrap}.board-columns{padding:12px 14px;gap:12px}.board-column{width:260px;min-width:260px}.board-column__cards{max-height:calc(100vh - 320px)}.card-modal__overlay{padding:0;align-items:stretch}.card-modal{width:100vw;max-width:100%;max-height:100vh;max-height:100dvh;border-radius:0;height:100%}.card-modal__layout{grid-template-columns:1fr;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.card-modal__main{border-right:none;border-bottom:none;padding:16px;overflow-y:visible}.card-modal__sidebar{padding:16px;border-top:1px solid #e2e8f0;overflow-y:visible}.card-modal__title{font-size:1.05rem;padding-right:40px}.card-modal__title-input{font-size:1.05rem}.card-modal__close{top:12px;right:12px;z-index:20}.card-modal__section{margin-top:18px}.card-modal__section+.card-modal__section{padding-top:16px}.card-modal__sidebar-section{margin-bottom:14px}.board-modal{max-width:100%;border-radius:12px;margin:12px}.board-modal__header{padding:16px 18px 12px}.board-modal__body{padding:16px 18px}.board-modal__footer{padding:12px 18px 16px}.member-picker{max-width:calc(100vw - 24px);margin:12px}.confirm-popup{max-width:calc(100vw - 24px);margin:12px;padding:22px}.label-picker,.date-picker-popup{max-width:calc(100vw - 24px);margin:12px}.admin-group-card{flex-wrap:wrap}.admin-group-card__members{order:3;width:100%;margin-top:4px}.admin-access-row{flex-wrap:wrap}.admin-access-row__target{order:3;width:100%;margin-top:4px}}@media (max-width: 480px){.boards-content{padding:8px}.boards-list-view{padding:14px 12px 16px;border-radius:10px}.board-card__body{padding:12px 14px 10px}.board-card__footer{padding:8px 14px}.board-card__stats{gap:12px}.board-column{width:240px;min-width:240px}.task-card{padding:8px 10px}.task-card__title{font-size:.75rem}.confirm-popup__actions{flex-direction:column}.confirm-popup__btn{width:100%;text-align:center}}.board-column--drag-over{border-color:#1a1a2e59;background:#1a1a2e08}.board-column__cards--drag-over{background:#1a1a2e05;border-radius:0 0 12px 12px}.task-card--placeholder{background:#1a1a2e0f;border:2px dashed rgba(26,26,46,.25);border-left:8px solid rgba(26,26,46,.2);border-radius:10px;min-height:40px}.board-column__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;text-align:center;color:#9ca3af;font-size:.75rem;font-weight:500}.board-column__empty svg{width:28px;height:28px;margin-bottom:8px;opacity:.3}.boards-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.boards-empty__icon{width:64px;height:64px;border-radius:50%;background:#f8f9fa;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#9ca3af}.boards-empty__icon svg{width:28px;height:28px}.boards-empty__title{font-size:1rem;font-weight:700;color:#6c757d;margin-bottom:6px}.boards-empty__text{font-size:.8125rem;color:#9ca3af;max-width:300px;line-height:1.5}.task-card--skeleton{pointer-events:none}.task-card--skeleton .task-card__title,.task-card--skeleton .task-card__footer{background:#f5f6f8;border-radius:4px;color:transparent;animation:boards-skeleton-pulse 1.5s ease-in-out infinite}@keyframes boards-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.board-card,.task-card,.board-detail__btn,.board-column,.card-modal,.board-modal,.quick-add,.member-picker,.confirm-popup,.label-picker,.date-picker-popup{animation:none!important;transition-duration:.01ms!important}.boards-admin__boards-table{overflow-x:auto}.boards-admin__table-header,.boards-admin__table-row{min-width:700px;font-size:.6875rem}}.bp-overlay{position:fixed;inset:0;z-index:9999;background:#0f172a;display:flex;flex-direction:column;font-family:var(--font-sans, "Inter", "Montserrat", sans-serif);opacity:0;transition:opacity .35s ease}.bp-overlay *{box-sizing:border-box}.bp--show{opacity:1}.bp-hdr{position:relative;z-index:10;display:flex;align-items:center;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#0f172ab3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-shrink:0}.bp-hdr__logo{height:28px;width:auto;object-fit:contain;margin-right:16px}.bp-hdr__mid{flex:1;text-align:center}.bp-hdr__title{margin:0;font-size:1.25rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.bp-hdr__sub{margin:2px 0 0;font-size:.75rem;color:#64748b;font-weight:500}.bp-hdr__x{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#1e293b99;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-size:0}.bp-hdr__x svg{width:20px;height:20px}.bp-hdr__x:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5;transform:scale(1.05)}.bp-hdr__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.bp-hdr__help{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#1e293b99;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-size:0}.bp-hdr__help svg{width:20px;height:20px}.bp-hdr__help:hover{background:#3b82f626;border-color:#3b82f666;color:#93c5fd;transform:scale(1.05)}.bp-help-backdrop{position:absolute;top:100%;right:0;z-index:20;padding:8px 24px 0 0}.bp-help{width:340px;background:linear-gradient(145deg,#1e293b,#283548);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff0a;animation:helpIn .2s ease}@keyframes helpIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bp-help__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bp-help__title{font-size:.85rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.bp-help__close{width:28px;height:28px;border:none;border-radius:8px;background:#ffffff0f;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:0}.bp-help__close:hover{background:#ef444426;color:#fca5a5}.bp-help__format{text-align:center;padding:10px 0 14px}.bp-help__format code{font-family:Consolas,Monaco,monospace;font-size:1.1rem;font-weight:700;color:#f59e0b;letter-spacing:.06em;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:6px 16px}.bp-help__defs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bp-help__defs li{font-size:.78rem;color:#cbd5e1;line-height:1.45}.bp-help__defs li strong{color:#f59e0b;font-weight:700;font-family:Consolas,Monaco,monospace;font-size:.8rem}.bp-help__divider{height:1px;background:#ffffff14;margin:14px 0}.bp-help__examples-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px}.bp-help__examples{display:flex;flex-direction:column;gap:8px}.bp-help__ex{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:10px}.bp-help__ex code{font-family:Consolas,Monaco,monospace;font-size:.8rem;font-weight:600;color:#3b82f6;white-space:nowrap}.bp-help__ex span{font-size:.72rem;color:#94a3b8;font-weight:500}.bp-flow{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;padding:20px 24px 50px}.bp-flow__inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px;gap:0;transition:transform .2s ease}.bp-tier{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;animation:tierIn .5s ease both}.bp-tier:nth-child(1){animation-delay:.05s}.bp-tier:nth-child(3){animation-delay:.15s}.bp-tier:nth-child(5){animation-delay:.25s}.bp-tier:nth-child(8){animation-delay:.35s}.bp-tier:nth-child(10){animation-delay:.45s}@keyframes tierIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bp-nd{position:relative;background:linear-gradient(145deg,#1e293b,#283548);border:1px solid rgba(71,85,105,.6);border-left:3px solid var(--c, #475569);border-radius:14px;padding:16px 20px;min-width:180px;max-width:280px;display:flex;flex-direction:column;cursor:pointer;user-select:none;box-shadow:0 4px 24px #0000004d;transition:all .25s ease}.bp-nd__row{display:flex;align-items:flex-start;gap:14px}.bp-nd:hover{border-color:var(--c, #475569);box-shadow:0 8px 40px color-mix(in srgb,var(--c, #475569) 25%,transparent);transform:translateY(-3px)}.bp-nd--star{min-width:210px;border:2px solid #F59E0B;background:linear-gradient(145deg,#1e293b,#2a3344);box-shadow:0 0 35px #f59e0b1f,0 4px 24px #0000004d}.bp-nd--star:after{content:"★";position:absolute;top:-10px;right:-8px;width:22px;height:22px;border-radius:50%;background:#f59e0b;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;box-shadow:0 2px 8px #f59e0b66}.bp-nd--star:hover{border-color:#fbbf24;box-shadow:0 0 50px #f59e0b33,0 8px 40px #0000004d}.bp-nd__ico{width:40px;height:40px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bp-nd__ico svg{width:20px;height:20px}.bp-nd__body{min-width:0}.bp-nd__title{display:block;font-size:.9rem;font-weight:600;color:#e2e8f0;line-height:1.35}.bp-nd__sub{display:block;font-size:.7rem;color:#64748b;font-style:italic;margin-top:2px}.bp-nd__chip{display:inline-block;margin-top:6px;padding:3px 10px;background:color-mix(in srgb,var(--cc,#3B82F6) 12%,transparent);color:var(--cc,#3B82F6);border:1px solid color-mix(in srgb,var(--cc,#3B82F6) 25%,transparent);border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.bp-nd__chip--mono{font-family:Consolas,Monaco,monospace;letter-spacing:.04em}.bp-nd__toggle{margin-left:auto;flex-shrink:0;align-self:center;font-size:.6rem;color:#64748b;transition:color .2s}.bp-nd--open .bp-nd__toggle{color:var(--c, #94A3B8)}.bp-nd__tip{margin-top:8px;padding:10px 14px;background:#0f172af2;color:#cbd5e1;border-radius:10px;border:1px solid rgba(255,255,255,.08);font-size:.78rem;font-weight:500;line-height:1.55;max-width:340px;box-shadow:0 4px 16px #0000004d;animation:tipIn .2s ease}@keyframes tipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bp-nd--open{border-color:var(--c, #475569);box-shadow:0 8px 40px color-mix(in srgb,var(--c, #475569) 25%,transparent)}.bp-ha{display:flex;flex-direction:column;align-items:center;padding:0 6px;flex-shrink:0}.bp-ha__track{display:flex;align-items:center;gap:0;height:20px}.bp-ha__dash{width:40px;height:2px;background:repeating-linear-gradient(to right,var(--hc, #475569) 0px,var(--hc, #475569) 5px,transparent 5px,transparent 9px);opacity:.5;animation:hDash 1s linear infinite}@keyframes hDash{to{background-position:9px 0}}.bp-ha__tip{font-size:1.1rem;font-weight:700;line-height:1;color:var(--hc, #475569);opacity:.6}.bp-ha__label{font-size:.6rem;color:#64748b;font-weight:500;margin-top:1px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.bp-vl{display:flex;flex-direction:column;align-items:center;padding:4px 0}.bp-vl__dash{width:2px;height:24px;background:repeating-linear-gradient(to bottom,var(--vc, #475569) 0px,var(--vc, #475569) 5px,transparent 5px,transparent 10px);opacity:.45;animation:vDash .8s linear infinite}@keyframes vDash{to{background-position:0 10px}}.bp-vl__label{margin-top:6px;padding:3px 14px;font-size:.675rem;color:#94a3b8;font-weight:600;background:#0f172acc;border:1px solid rgba(255,255,255,.06);border-radius:20px;letter-spacing:.02em}.bp-vs-inline{display:flex;flex-direction:column;align-items:center;padding:0 8px;flex-shrink:0}.bp-vs-badge{width:36px;height:36px;border-radius:50%;background:#ef44441f;border:2px solid #EF4444;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#ef4444;letter-spacing:.06em;flex-shrink:0}.bp-zoom{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;align-items:center;gap:2px;background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;backdrop-filter:blur(10px)}.bp-zoom__btn{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bp-zoom__btn:hover{background:#ffffff1a;color:#fff}.bp-zoom__pct{min-width:48px;height:36px;border:none;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;font-size:.7rem;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .15s}.bp-zoom__pct:hover{background:#ffffff14;color:#cbd5e1}.bp-leg{position:fixed;bottom:20px;left:20px;z-index:10000;background:#0f172ae6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 18px;backdrop-filter:blur(10px);min-width:150px}.bp-leg h4{margin:0 0 8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.bp-leg__r{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:.7rem;color:#94a3b8}.bp-leg__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (max-width: 900px){.bp-tier{gap:0}.bp-nd{min-width:140px;max-width:200px;padding:12px 14px}.bp-nd__ico{width:34px;height:34px;min-width:34px}.bp-nd__ico svg{width:17px;height:17px}.bp-nd__title{font-size:.8rem}.bp-ha__dash{width:24px}}@media (max-width: 640px){.bp-hdr__logo{display:none}.bp-hdr__title{font-size:1rem}.bp-flow{padding:20px 12px 40px}.bp-leg{display:none}.bp-tier{flex-direction:column;gap:8px}.bp-ha{transform:rotate(90deg);padding:2px 0}.bp-nd{min-width:0;max-width:100%;width:100%}.bp-nd--star{min-width:0}.bp-zoom{display:none}}:root{--font-sans: "Montserrat", sans-serif;--primary: #ffffff;--secondary: #c41117;--accent-success: #28a745;--accent-danger: #dc3545;--muted: #6c757d;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--radius: 10px;--input-radius: 5px;--bg-light: #f5f6f8;--text: #1f1f1f;--border: #e0e0e0;--surface: #ffffff;--surface-secondary: #f8f9fa;--focus-ring: 0 0 0 3px rgba(26, 26, 46, .35);--z-sticky: 10;--z-sidebar: 100;--z-float: 120;--z-dropdown: 200;--z-sidebar-overlay: 300;--z-sidebar-mobile: 350;--z-toast: 400;--z-modal: 500;--z-alert: 600;--z-pwa: 700;--z-pwa-update: 710;--z-pwa-offline: 720}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg-light);color:var(--text);position:relative;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.35) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a1a2e59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a1a2e8c}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}a{color:inherit;text-decoration:none}a:hover{color:#1a1a2e}img.logo{width:140px;height:auto;max-height:40px;object-fit:contain}.app-shell{display:flex;flex-direction:column;min-height:100vh}@media (min-width: 1024px){html,body{height:100%;overflow:hidden}.app-shell{height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-left:64px}}.page{min-height:100vh;display:flex;flex-direction:column;position:relative}@media (max-width: 1023px){.page{padding-bottom:44px}html.pwa-standalone .page{padding-bottom:0}}@media (min-width: 1024px){.page{flex:1;min-height:0;overflow:hidden}.page-body,.page>.content,.page>main{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.page>.app-footer{flex-shrink:0}}.header{display:flex;align-items:center;gap:12px;padding:6px 0}.navbar,.navbar-left,.navbar-back-btn,.navbar-page-title,.navbar-right,.navbar-logo,.sidebar-toggle{display:none}.floating-fab{border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.floating-fab:hover{transform:translateY(-3px)}.floating-fab--chat{background:linear-gradient(145deg,#1e293b,#0f172a);color:#ffffffd9;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0f,0 0 0 1px #3b82f626}.floating-fab--chat:hover{color:#fff;box-shadow:0 8px 28px #0006,inset 0 1px #ffffff14,0 0 16px #3b82f633,0 0 0 1px #3b82f64d}.floating-fab--notif{background:linear-gradient(145deg,#1e293b,#0f172a);color:#ffffffd9;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0f,0 0 0 1px #fbbf2426}.floating-fab--notif:hover{color:#fff;box-shadow:0 8px 28px #0006,inset 0 1px #ffffff14,0 0 16px #fbbf2433,0 0 0 1px #fbbf244d}.floating-fab--chat .floating-fab__badge{background:#3b82f6;color:#fff;border:2px solid #0f172a;box-shadow:0 2px 8px #3b82f680}.floating-fab--notif .floating-fab__badge{background:#f59e0b;color:#0f172a;border:2px solid #0f172a;box-shadow:0 2px 8px #f59e0b80}.floating-fab__badge{position:absolute;top:-5px;right:-5px;font-size:.5rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.floating-fab__dot{position:absolute;bottom:5px;right:5px;width:8px;height:8px;border-radius:50%;border:2px solid #0f172a}.floating-fab--chat .floating-fab__dot{background:#3b82f6;box-shadow:0 0 6px #3b82f699}.floating-fab--notif .floating-fab__dot{background:#fbbf24;box-shadow:0 0 6px #fbbf2499}.floating-fab--notif-shake{animation:notif-shake .5s ease-in-out 3;animation-delay:1.5s}.floating-fab--notif-shake:after{content:"";position:absolute;inset:-5px;border-radius:18px;border:1.5px solid rgba(251,191,36,.35);animation:notif-pulse-ring 2s ease-out infinite;pointer-events:none}@keyframes notif-pulse-ring{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.3);opacity:0}to{transform:scale(1.3);opacity:0}}.floating-fab--chat-unread{animation:chat-glow 2.5s ease-in-out infinite}@keyframes chat-glow{0%,to{box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0f,0 0 0 1px #3b82f626}50%{box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0f,0 0 20px #3b82f640,0 0 0 2px #3b82f64d}}@keyframes notif-shake{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.floating-panel{background:#fff;border:1px solid rgba(209,213,219,.8);border-radius:16px;box-shadow:0 16px 48px #00000026,0 0 0 1px #0000000a;display:flex;flex-direction:column;overflow:hidden;animation:floating-panel-in .25s cubic-bezier(.16,1,.3,1);--border: #e0e0e0;--bg-light: #f5f6f8;--surface: #ffffff;--text: #1f1f1f;--muted: #6c757d}.dark-scope{--border: rgba(255, 255, 255, .1);--bg-light: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .02);--text: #fff;--muted: rgba(255, 255, 255, .4)}.floating-panel.dark-scope{background:linear-gradient(135deg,#111827,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #00000080,0 0 0 1px #0003}@keyframes floating-panel-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar-title{font-size:.875rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}.navbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.navbar-nav{display:none}.nav-link{padding:8px 16px;text-decoration:none;color:var(--text);font-size:.875rem;font-weight:500;border-radius:var(--input-radius);transition:all .2s;white-space:nowrap;border:1px solid transparent}.user-info-bar{display:none}.user-chip{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#1a1a2e,#2d2d4e);border-radius:20px;color:#fff;box-shadow:0 2px 8px #1a1a2e4d}.user-chip .name{font-weight:600;font-size:.8125rem;color:#fff}.user-chip .role{font-size:.6875rem;color:#ffffffe6;text-transform:uppercase;padding:2px 8px;background:#fff3;border-radius:10px}.logout-icon{font-size:1.125rem;cursor:pointer;padding:8px 10px;border-radius:50%;transition:all .2s;background:var(--bg-light);color:#1a1a2e;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--border)}.logout-icon:hover{background:#1a1a2e;color:#fff;transform:rotate(90deg);border-color:#1a1a2e}.btn{padding:7px 14px;border:1px solid var(--border);border-radius:8px;font-size:.6875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;line-height:1;height:32px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.btn-save{background:#1a1a2e;border-color:#1a1a2e;color:#fff}.btn-save:hover{background:#2d2d4e;border-color:#2d2d4e;color:#fff;box-shadow:0 4px 12px #1a1a2e4d}.btn-update{background:transparent;border-color:#1a1a2e4d;color:#1a1a2e}.btn-update:hover{background:#1a1a2e;color:#fff;border-color:#1a1a2e;box-shadow:0 4px 12px #1a1a2e33}.btn-delete{background:transparent;border-color:#ef44444d;color:#ef4444}.btn-delete:hover{background:#ef44441a;color:#ef4444;border-color:#ef444480}.btn-back{background:#1a1a2e;color:#fff;border:1px solid #1a1a2e;padding:6px 14px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;font-size:.75rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #1a1a2e40}.btn-back:hover{background:#2d2d4e;color:#fff;border-color:#2d2d4e;box-shadow:0 4px 14px #1a1a2e59}.btn-neutral{background:transparent;border-color:var(--border);color:var(--muted)}.btn-neutral:hover{background:var(--bg-light);color:var(--text);border-color:var(--muted)}.btn-sm{height:26px;padding:4px 10px;font-size:.625rem;border-radius:6px}.btn-copy{background:var(--bg-light);border-color:var(--border);color:var(--muted)}.btn-copy:hover{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.btn-home-icon{font-size:1.25rem;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;background:transparent;color:#1a1a2e;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;text-decoration:none}.btn-home-icon:hover{transform:translateY(-2px);opacity:.8}.label{display:block;margin-bottom:6px;font-weight:600;font-size:.875rem;color:var(--text)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=month],select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--input-radius);font-size:.875rem;font-family:var(--font-sans);color:var(--text);background:var(--bg-light);transition:border-color .15s ease,box-shadow .15s ease}select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;background-color:var(--bg-light)}input:hover,select:hover{border-color:#94a3b8}input:focus,select:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a}select option{background:var(--surface);color:var(--text);padding:8px}.themed-select{position:relative;width:100%}.themed-select.is-disabled{opacity:.55;pointer-events:none}.themed-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--input-radius);background:var(--bg-light);color:var(--text);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left;line-height:1.4}.themed-select__trigger:hover{border-color:#94a3b8}.themed-select.is-open .themed-select__trigger,.themed-select__trigger:focus-visible{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a;outline:none}.themed-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themed-select__value.is-placeholder{color:#9ca3af}.themed-select__arrow{flex-shrink:0;color:#64748b;transition:transform .2s}.themed-select.is-open .themed-select__arrow{transform:rotate(180deg)}.themed-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--input-radius);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000a;z-index:var(--z-dropdown);overflow:hidden;animation:themed-select-in .15s ease}@keyframes themed-select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.themed-select__search{width:100%;padding:9px 12px;border:none;border-bottom:1px solid var(--border);font-size:.8125rem;font-family:var(--font-sans);background:var(--surface);color:var(--text);outline:none;box-sizing:border-box}.themed-select__search::placeholder{color:#9ca3af}.themed-select__options{max-height:220px;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.08) transparent}.themed-select__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:7px 10px;border:none;background:none;color:var(--text);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;border-radius:5px;transition:background .1s;line-height:1.4}.themed-select__option:hover{background:var(--bg-light)}.themed-select__option.is-selected{background:#1a1a2e0f;color:#1a1a2e;font-weight:600}.themed-select__check{flex-shrink:0;color:#1a1a2e}.themed-select__empty{padding:16px 12px;text-align:center;color:#9ca3af;font-size:.8125rem}@media (max-width: 768px){.btn{min-height:44px;padding:8px 14px}.dt-pagination .btn{min-width:44px;min-height:44px;padding:6px 10px}.mobile-sidebar-toggle{width:44px;height:44px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{min-height:44px}}.form-container{background:var(--surface);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);margin:0;border:1px solid var(--border)}.actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.grid{display:grid;gap:12px}.dash-home{padding:24px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.dash-home__controls{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:20px;flex-wrap:wrap}.dash-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s;text-decoration:none}.dash-btn:hover{background:var(--bg-light);border-color:#1a1a2e;color:#1a1a2e}.dash-btn--active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.dash-btn--active:hover{background:#2d2d4e;color:#fff}.dash-section{margin-bottom:28px}.dash-section__header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bg-light)}.dash-section__title{margin:0;font-size:1.25rem;font-weight:700;color:#1a1a2e}.dash-section__subtitle{margin:4px 0 0;font-size:.875rem;color:var(--muted)}.dash-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.dash-module-card__wrapper{text-decoration:none;color:inherit;display:block}.dash-module-card__wrapper--link{cursor:pointer}.dash-module-card{position:relative;display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:90px}.dash-module-card__wrapper--link .dash-module-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:transparent}.dash-module-card__icon{width:56px;height:56px;min-width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s}.dash-module-card__wrapper--link:hover .dash-module-card__icon{transform:scale(1.08)}.dash-module-card__icon svg{width:24px;height:24px}.dash-module-card__info{flex:1;min-width:0}.dash-module-card__title{margin:0;font-size:.9375rem;font-weight:700;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-module-card__desc{margin:3px 0 0;font-size:.8125rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-module-card__badge{font-size:.625rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0}.dash-module-card__badge.module-card__status--allowed{background:#1eba621f;color:#1eba62}.dash-module-card__badge.module-card__status--blocked{background:#dc35451f;color:#dc3545}.dash-module-card--reorder{padding-left:52px}.dash-module-card__reorder{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.dash-module-card__reorder-btn{width:32px;height:28px;border:none;border-radius:6px;background:var(--bg-light);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.dash-module-card__reorder-btn:hover:not(:disabled){background:#1a1a2e;color:#fff}.dash-module-card__reorder-btn:disabled{opacity:.3;cursor:not-allowed}.dash-empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:.9375rem}@media (max-width: 640px){.dash-home{padding:16px}.dash-module-grid{grid-template-columns:1fr;gap:12px}.dash-module-card{padding:16px;gap:12px}.dash-module-card__icon{width:48px;height:48px;min-width:48px}.dash-module-card__icon svg{width:20px;height:20px}.dash-section__title{font-size:1.0625rem}}@media (min-width: 641px) and (max-width: 960px){.dash-module-grid{grid-template-columns:repeat(2,1fr)}}.dash-greeting{background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0f3460);border-radius:20px;padding:0;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a}.dash-greeting:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1a1a2e,#3d3d5c,#2d2d4e,#1a1a2e);background-size:300% 100%;animation:greeting-border-shift 6s ease infinite}@keyframes greeting-border-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dash-greeting:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.dash-greeting__shapes{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dash-greeting__shape{position:absolute;border-radius:50%}.dash-greeting__shape--1{width:280px;height:280px;top:-100px;right:-60px;background:radial-gradient(circle,rgba(26,26,46,.2) 0%,transparent 70%)}.dash-greeting__shape--2{width:160px;height:160px;bottom:-50px;left:10%;background:radial-gradient(circle,rgba(26,26,46,.1) 0%,transparent 70%)}.dash-greeting__shape--3{width:120px;height:120px;top:10%;right:25%;background:radial-gradient(circle,rgba(255,255,255,.02) 0%,transparent 70%)}.dash-greeting__content{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1;padding:36px 40px}.dash-greeting__text{flex:1;min-width:0}.dash-greeting__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#ffffff80;letter-spacing:.02em;margin:0 0 14px;padding:5px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:fit-content}.dash-greeting__title{font-size:1.125rem;font-weight:500;margin:0 0 2px;color:#ffffffb3;line-height:1.3;letter-spacing:.01em}.dash-greeting__name{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin:0 0 10px;color:#fff;line-height:1.2;letter-spacing:-.02em}.dash-greeting__subtitle{font-size:.8125rem;margin:0;color:#fff6;font-weight:400;letter-spacing:.01em}.dash-greeting__right{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s,opacity .2s}.dash-greeting__right:hover{transform:translateY(-2px);opacity:.9}.dash-greeting__right:hover .dash-greeting__avatar-ring{box-shadow:0 0 0 4px #c4111733,0 8px 28px #c4111759}.dash-greeting__avatar{display:flex;flex-direction:column;align-items:center;gap:8px}.dash-greeting__avatar-ring{padding:4px;border-radius:50%;background:linear-gradient(135deg,#c41117,#ff4b4b,#c41117);box-shadow:0 0 0 4px #c411171f,0 6px 24px #c411174d}.dash-greeting__avatar-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#1e2a45,#0f1b32);display:flex;align-items:center;justify-content:center;font-size:1.625rem;font-weight:800;color:#fff;letter-spacing:-.02em}.dash-greeting__avatar-info{text-align:center}.dash-greeting__role-badge{font-size:.625rem;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase;padding:4px 12px;border-radius:6px;background:#1a1a2e;box-shadow:0 2px 8px #1a1a2e4d}.dash-greeting__stat-row{display:flex;gap:8px}.dash-greeting__stat{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:#ffffff73;font-weight:500}.dash-greeting__stat svg{color:#22c55e}@media (max-width: 640px){.dash-greeting__content{padding:24px 20px;flex-direction:column;text-align:center;gap:20px}.dash-greeting__eyebrow{margin-left:auto;margin-right:auto}.dash-greeting__title{font-size:1rem}.dash-greeting__name{font-size:1.5rem}.dash-greeting__avatar-circle{width:56px;height:56px;font-size:1.25rem}.dash-greeting__shape--1{width:180px;height:180px;top:-60px;right:-40px}}@media (min-width: 641px) and (max-width: 960px){.dash-greeting__content{padding:28px}.dash-greeting__name{font-size:1.625rem}}.profile-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:profile-modal-fade-in .2s ease-out}@keyframes profile-modal-fade-in{0%{opacity:0}to{opacity:1}}.profile-modal{--border: #e0e0e0;--bg-light: #f5f6f8;--surface: #ffffff;--text: #1f1f1f;--muted: #6c757d;background:#f8f9fb;border:1px solid var(--border);border-radius:20px;width:min(1100px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #0000004d,0 0 0 1px #0000000f;animation:profile-modal-slide-in .25s cubic-bezier(.16,1,.3,1);color:var(--text)}@keyframes profile-modal-slide-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.profile-modal__header h3{margin:0;font-size:1rem;font-weight:700;color:#fff}.profile-modal__close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff26;color:#ffffffb3;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.profile-modal__close:hover{background:#ffffff40;color:#fff}.profile-modal__header .btn{background:#ffffffe6;border:none;color:#1a1a2e;font-size:.75rem;padding:6px 14px}.profile-modal__header .btn:hover{background:#fff;color:#1a1a2e;box-shadow:none}.profile-modal__header .btn.btn-save{background:#fff;color:#1a1a2e}.profile-modal__header .btn.btn-save:hover{background:#ffffffd9;color:#1a1a2e}.profile-modal__header .btn.btn-delete{background:#ef444433;border-color:#ef444466;color:#fca5a5}.profile-modal__header .btn.btn-delete:hover{background:#ef444459;border-color:#ef444499;color:#fff}.profile-modal__header input[type=text]{background:#ffffffe6;border:none;color:#1a1a2e}.profile-modal__header input[type=text]::placeholder{color:#9ca3af}.profile-modal__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.4) transparent;min-height:0}.profile-modal__body::-webkit-scrollbar{width:5px}.profile-modal__body::-webkit-scrollbar-thumb{background:#1a1a2e66;border-radius:4px}@media (max-width: 767px){.profile-modal-overlay{padding:0}.profile-modal{width:100%;max-height:100dvh;border-radius:0}.profile-modal__body{padding:16px}}.profile-modal select option,.profile-modal-overlay select option{background:#fff;color:var(--text)}.profile-modal .label,.profile-modal-overlay .label{color:var(--muted)}.profile-modal input,.profile-modal select,.profile-modal textarea,.profile-modal-overlay input,.profile-modal-overlay select,.profile-modal-overlay textarea{background:var(--surface);border-color:var(--border);color:var(--text)}.profile-modal input::placeholder,.profile-modal-overlay input::placeholder{color:var(--muted)}.profile-modal .create-budget-section,.profile-modal .module-form-section,.profile-modal .create-project-section{border-bottom-color:var(--border);border-color:var(--border);background:transparent}.profile-modal .create-budget-section--glass,.profile-modal .module-form-section--glass,.profile-modal .create-project-section--glass{background:var(--bg-light)}.profile-modal .module-form-actions,.profile-modal .create-project-actions,.profile-modal .create-project-actions--glass{background:var(--bg-light);border-top-color:var(--border)}.profile-modal p{color:#4b5563}.profile-modal input[readonly],.profile-modal input:disabled,.profile-modal select:disabled{background:var(--bg-light)!important;border-color:var(--border)!important;color:var(--muted)!important;cursor:default}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px;height:15px;min-width:15px;border:1.5px solid #c4c4c4;border-radius:3px;background:#fff;cursor:pointer;position:relative;transition:all .15s;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}input[type=checkbox]:hover{border-color:#1a1a2e}input[type=checkbox]:checked{background:#1a1a2e;border-color:#1a1a2e}input[type=checkbox]:checked:after{content:"";display:block;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-1px}.profile-modal input[type=checkbox]{border-color:#c4c4c4;background:#fff}.profile-modal input[type=checkbox]:hover{border-color:#1a1a2e;background:#fff}.message-dialog input[type=checkbox],.quot-modal input[type=checkbox]{border-color:#fff3;background:#ffffff0f}.message-dialog input[type=checkbox]:hover,.quot-modal input[type=checkbox]:hover{border-color:#ffffff59;background:#ffffff1a}.profile-modal .create-budget-section__title,.profile-modal .module-form-section__title,.profile-modal .create-project-section__title{color:#1a1a2e}.profile-modal .themed-select__trigger{background:var(--surface);border-color:var(--border);color:var(--text)}.profile-modal .themed-select__dropdown{background:#fff;border-color:var(--border);box-shadow:0 8px 24px #0000001f}.profile-modal .themed-select__option{color:var(--text)}.profile-modal .themed-select__option:hover{background:var(--bg-light)}.profile-modal .themed-select__option.is-selected{background:#1a1a2e14;color:#1a1a2e}.profile-modal .themed-select__search{background:var(--bg-light);border-bottom-color:var(--border);color:var(--text)}.profile-modal .themed-select__value.is-placeholder,.profile-modal .themed-select__empty,.profile-modal .themed-select__arrow{color:var(--muted)}.profile-modal .details-grid__item{background:transparent;border-color:var(--border)}.profile-modal .details-grid__item h5{color:#9ca3af}.profile-modal .details-grid__item p{color:var(--text)}.profile-modal .dt-table-wrap{border-color:var(--border);background:var(--surface)}.profile-modal .dt-table thead{background:#1a1a2e;color:#fff;box-shadow:0 2px 8px #00000014}.profile-modal .dt-table thead th{color:#fff;border-bottom:2px solid rgba(255,255,255,.1);font-size:.75rem;padding:12px 14px;text-align:center}.profile-modal .dt-table td{color:var(--text);border-bottom-color:var(--border);font-size:.8125rem;padding:10px 14px;text-align:center}.profile-modal .dt-table tbody tr:hover{background:#1a1a2e0a}.profile-modal .dt-table tbody tr:nth-child(2n){background:#00000005}.profile-modal .dt-table tbody tr:nth-child(2n):hover{background:#1a1a2e0a}.profile-modal .dt-table .dt-name{color:var(--text);font-weight:600}.profile-modal .dt-table .dt-muted,.profile-modal .dt-table .dt-empty{color:var(--muted)}.profile-modal .dt-table td.dt-actions .btn{color:var(--text);border-color:var(--border)}.profile-modal .dt-table td.dt-actions .btn:hover{background:var(--bg-light);border-color:#1a1a2e}.profile-modal .payment-tracking-table td{color:var(--text);border-bottom-color:var(--border)}.profile-modal .payment-tracking-table tbody tr:hover{background:#1a1a2e0a}.profile-modal .payment-tracking-table tbody tr:nth-child(2n){background:#00000005}.profile-modal .payment-tracking-table .pt-empty{color:var(--muted)}.profile-modal .payment-tracking-table-wrapper{border-color:var(--border);background:var(--surface)}.profile-modal .payment-tracking-empty{color:var(--muted)}.rv-shine{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.15) 0%,transparent 70%);opacity:0;animation:rv-glow-breathe 6s cubic-bezier(.4,0,.6,1) infinite}@keyframes rv-glow-breathe{0%{opacity:0;transform:translate(-20%) scale(.9)}30%{opacity:1}50%{opacity:1;transform:translate(20%) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-20%) scale(.9)}}a:hover .dash-popup-actions,div:hover>.dash-popup-actions{opacity:1!important}.dash-news-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow:hidden;box-shadow:0 4px 16px #0003}.dash-news-section__header{padding:24px 28px 20px}.dash-news-section__title-row{display:flex;align-items:center;gap:14px}.dash-news-section__icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.dash-news-section__title{margin:0;font-size:1.125rem;font-weight:700;color:#fff;line-height:1.3}.dash-news-section__desc{margin:2px 0 0;font-size:.8125rem;color:#fff6}@media (max-width: 640px){.dash-news-section__header{padding:18px 16px 14px}.dash-news-section__title{font-size:1rem}.dash-news-section__icon{width:38px;height:38px;min-width:38px;border-radius:10px}}.home-bp-card{position:relative;margin:0 0 24px;width:100%;border-radius:16px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(245,158,11,.15);transition:all .3s ease;user-select:none}.home-bp-card:hover{border-color:#f59e0b59;box-shadow:0 8px 40px #f59e0b1a,0 4px 20px #0003;transform:translateY(-2px)}.home-bp-card:active{transform:translateY(0)}.home-bp-card__shimmer{position:absolute;bottom:0;left:0;width:100%;height:2px;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 0%,rgba(245,158,11,0) 20%,rgba(245,158,11,.6) 50%,rgba(245,158,11,0) 80%,transparent 100%);background-size:200% 100%;animation:bp-shimmer 3s ease-in-out infinite}.home-bp-card__glow{position:absolute;top:0;left:0;width:3px;height:100%;pointer-events:none;z-index:1;border-radius:16px 0 0 16px;background:linear-gradient(180deg,#f59e0b0d,#f59e0b73,#f59e0b0d);animation:bp-glow-pulse 2.5s ease-in-out infinite}@keyframes bp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bp-glow-pulse{0%,to{opacity:.4}50%{opacity:1}}.home-bp-card__content{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:18px 22px}.home-bp-card__icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:#f59e0b1f;color:#f59e0b;display:flex;align-items:center;justify-content:center}.home-bp-card__title{margin:0;font-size:.9375rem;font-weight:700;color:#f1f5f9;line-height:1.3}.home-bp-card__desc{margin:2px 0 0;font-size:.75rem;color:#64748b;font-weight:500}.home-bp-card__arrow{margin-left:auto;color:#475569;transition:transform .2s,color .2s;display:flex;flex-shrink:0}.home-bp-card:hover .home-bp-card__arrow{color:#f59e0b;transform:translate(3px)}@media (max-width: 767px){.home-bp-card__content{padding:14px 16px;gap:12px}.home-bp-card__icon{width:38px;height:38px;min-width:38px}.home-bp-card__title{font-size:.8125rem}.home-bp-card__desc{font-size:.6875rem}}.home-section{content-visibility:auto;contain-intrinsic-size:auto 320px}.module-card__status{padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:#000000b3;color:#fff}.module-card__status--allowed{background:#1a1a2e;color:#fff}.module-card__status--blocked{background:#dc3545e6;color:#fff}.message-modal{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity .15s}.message-modal.is-visible{opacity:1;pointer-events:all}.message-modal.is-visible[role=alertdialog]{z-index:var(--z-alert)}.message-dialog{background:linear-gradient(135deg,#111827,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:0;max-width:500px;width:min(90vw,500px);max-height:min(88vh,calc(100dvh - 32px));overflow:hidden;box-shadow:0 25px 60px #0006,0 4px 16px #0003;animation:msg-dialog-in .2s cubic-bezier(.16,1,.3,1);--border: rgba(255, 255, 255, .1);--bg-light: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .02);--text: #fff;--muted: rgba(255, 255, 255, .4)}@keyframes msg-dialog-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.message-dialog.is-wide{max-width:90vw;width:min(95vw,1200px)}.message-dialog.is-wide>form,.message-dialog.is-wide>div:not(.message-dialog__header){padding:16px 18px}.message-dialog.is-wide>.message-dialog__header{padding:14px 18px}.message-dialog.is-wide{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.message-dialog.is-wide::-webkit-scrollbar{width:4px}.message-dialog.is-wide::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:4px}.message-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.06);color:#fff}.message-title{font-size:1rem;font-weight:700;color:#fff}.message-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffff80;font-size:1.25rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.message-close:hover{background:#ffffff1f;color:#fff}.message-body{color:#fffc;line-height:1.6;padding:20px 24px;font-size:.875rem}.message-dialog>.actions,.message-dialog>form{padding:0 24px 20px}.message-dialog input,.message-dialog select,.message-dialog textarea{background:#ffffff0f;border-color:#ffffff1a;color:#fff}.message-dialog input::placeholder,.message-dialog textarea::placeholder{color:#ffffff40}.message-dialog select option{background:#1a1a2e;color:#fff}.message-dialog input:disabled,.message-dialog select:disabled{background:#ffffff08;border-color:#ffffff0f;color:#ffffff59}.message-dialog label,.message-dialog .label{color:#fff6}.message-dialog p{color:#ffffff80}.message-dialog>.actions{border-top:1px solid rgba(255,255,255,.06);background:#00000026;padding:14px 24px;display:flex;gap:10px;justify-content:flex-end}.message-dialog .alert{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;border-radius:8px}.message-dialog.is-error .message-dialog__header{background:#ef44441a;border-bottom-color:#ef444426}.message-dialog.is-error .message-title{color:#ef4444}.message-dialog.is-success .message-dialog__header{background:#10b9811a;border-bottom-color:#10b98126}.message-dialog.is-success .message-title{color:#10b981}.message-dialog__header--glass{display:flex;justify-content:space-between;align-items:center}.message-dialog__header--glass .message-title{color:#fff}.message-dialog__header--glass .message-close{background:#ffffff26;color:#fff}.message-dialog__header--glass .message-close:hover{background:#ffffff40;color:#fff}.message-dialog--create-project{max-width:560px;max-height:88vh;padding:0;overflow-y:auto;overflow-x:hidden}.message-dialog--create-project .message-dialog__header--glass{background:#0003;border-bottom:1px solid rgba(255,255,255,.06);padding:18px 24px;margin-bottom:0}.create-project-form{display:flex;flex-direction:column;gap:0}.create-project-section{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.5)}.create-project-section--glass{background:var(--bg-light);border-left:none;border-right:none}.create-project-section:last-of-type{border-bottom:none}.create-project-section__title{margin:0 0 10px;font-size:.6875rem;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.06em}.create-project-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.create-project-field-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.create-project-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px}.create-project-actions--glass{background:var(--bg-light);border-top:1px solid var(--border)}.dt-tabs{display:flex;gap:0;border-bottom:none;padding:12px 24px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;margin:16px 16px 0;gap:6px}.dt-tab{padding:8px 18px;font-size:.8125rem;font-weight:500;border:none;border-bottom:none;border-radius:8px;background:none;color:var(--muted);cursor:pointer;margin-bottom:-2px;display:flex;align-items:center;gap:6px;transition:all .15s;color:#ffffff80;background:transparent}.dt-tab:hover{color:#fffc;background:#ffffff0f}.dt-tab.is-active{font-weight:700;color:#fff;background:#1a1a2e33;border:1px solid rgba(26,26,46,.3)}.dt-tab__badge{font-size:.625rem;font-weight:700;padding:2px 7px;border-radius:10px;min-width:18px;text-align:center;background:#ffffff1a;color:#ffffff80}.dt-tab.is-active .dt-tab__badge{background:#1a1a2e33;color:#fff}.dt-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:18px 24px;border-bottom:1px solid var(--border);background:var(--bg-light)}.dt-stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.dt-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dt-stat-icon svg{width:20px;height:20px}.dt-stat-info{display:flex;flex-direction:column;gap:2px}.dt-stat-value{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.1}.dt-stat-label{font-size:.6875rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.message-dialog--module{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.08);max-width:600px;width:min(92vw,600px);max-height:min(88vh,calc(100dvh - 32px));padding:0;overflow-y:auto;overflow-x:hidden}.message-dialog--module .message-dialog__header--glass{background:#0003;border-bottom:1px solid rgba(255,255,255,.06);padding:16px 20px;margin-bottom:0}.module-form-section{padding:18px 20px;border-bottom:1px solid var(--border)}.module-form-section:last-of-type{border-bottom:none}.module-form-section--glass{background:var(--bg-light)}.module-form-section__title{margin:0 0 12px;font-size:.6875rem;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.06em}.module-form-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.module-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;max-height:260px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.module-icon-grid::-webkit-scrollbar{width:4px}.module-icon-grid::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:4px}.module-icon-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s}.module-icon-btn:hover{border-color:#1a1a2e59;background:#1a1a2e08}.module-icon-btn.is-selected{border-color:#1a1a2e;background:#1a1a2e0f}.module-icon-btn__circle{width:32px;height:32px;border-radius:50%;background:#1a1a2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-icon-btn__label{font-size:.5625rem;line-height:1.2;text-align:center;text-transform:capitalize;color:var(--muted);font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-icon-btn.is-selected .module-icon-btn__label{color:#1a1a2e;font-weight:700}.module-icon-search{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.8125rem;margin-bottom:10px;background:var(--surface);outline:none;transition:border-color .15s}.module-icon-search:focus{border-color:#1a1a2e}.module-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;background:var(--bg-light);border-top:1px solid var(--border)}@media (max-width: 768px){.message-dialog{border-radius:10px}.message-dialog.is-wide{width:min(96vw,1200px)}.module-form-section{padding:14px}.module-form-section__grid{grid-template-columns:1fr}.module-form-actions,.message-dialog__header,.message-dialog--module .message-dialog__header--glass{padding:12px 14px}}.edit-profile-form{padding:24px;display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 60px);background:var(--bg-light)}.edit-profile-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.profile-modal .edit-profile-form{min-height:auto;background:transparent;overflow-y:auto;flex:1}.profile-modal .edit-profile-section{background:var(--surface);border-color:var(--border)}.message-dialog--sany-product{background:var(--surface);border:1px solid var(--border);max-height:88vh;padding:0;overflow-y:auto;overflow-x:hidden}.message-dialog--sany-product .message-dialog__header--glass{background:#1a1a2e;border-bottom:none;padding:14px 18px;margin-bottom:0}.sany-product-form-section{padding:18px 20px;border-bottom:1px solid var(--border)}.sany-product-form-section--glass{background:var(--bg-light);border-left:none;border-right:none}.sany-product-form-section:last-of-type{border-bottom:none}.sany-product-form-section__title{margin:0 0 10px;font-size:.6875rem;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.06em}.sany-product-actions--glass{background:var(--bg-light);border-top:1px solid var(--border);padding:14px 18px;display:flex;justify-content:flex-end;gap:8px}.sany-pdf-input-hidden{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.sany-pdf-upload-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.sany-pdf-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:linear-gradient(135deg,#1a1a2e,#2d2d4e);color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--input-radius);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #1a1a2e4d;transition:background .2s,box-shadow .2s,transform .1s}.sany-pdf-upload-btn:hover{background:linear-gradient(135deg,#2d2d4e,#1a1a2e);box-shadow:0 3px 10px #1a1a2e66}.sany-pdf-upload-btn:active{transform:scale(.98)}.sany-pdf-preview{flex:1;min-width:180px;min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff9;border:1px solid var(--border);border-radius:var(--input-radius)}.sany-pdf-preview-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;background:#1a1a2e;color:#fff;font-size:.625rem;font-weight:700;border-radius:4px;flex-shrink:0}.sany-pdf-preview-name{font-size:.8125rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sany-pdf-preview-empty{font-size:.8125rem;color:var(--muted)}.sany-cbm-readonly{background:#fff9!important;cursor:default}.sany-pdf-view-link{color:#1a1a2e;font-weight:600;text-decoration:none}.sany-pdf-view-link:hover{text-decoration:underline}.message-dialog--create-budget{background:var(--surface);border:1px solid var(--border);max-height:88vh;padding:0;overflow-y:auto;overflow-x:hidden}.message-dialog--create-budget .message-dialog__header--glass{background:#1a1a2e;border-bottom:none;padding:14px 18px;margin-bottom:0}.create-budget-form{display:flex;flex-direction:column;gap:0}.create-budget-section{padding:18px 20px;border-bottom:1px solid var(--border)}.create-budget-section--glass{background:var(--bg-light);border-left:none;border-right:none;border-bottom:1px solid var(--border)}.create-budget-section:last-of-type{border-bottom:none}.create-budget-section__title{margin:0 0 10px;font-size:.6875rem;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.06em}.create-budget-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.create-budget-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px}.create-budget-actions--glass{background:var(--bg-light);border-top:1px solid var(--border)}.budget-modal .form-group{display:flex;flex-direction:column;gap:6px}.budget-modal .form-label{font-size:.6875rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.budget-modal .form-control{width:100%;min-height:36px;padding:8px 10px;font-size:.8125rem;line-height:1.4;color:var(--text);background:var(--bg-light);border:1px solid var(--border);border-radius:8px;font-family:var(--font-sans);transition:border-color .15s ease,box-shadow .15s ease}.budget-modal .form-control::placeholder{color:#9ca3af}.budget-modal .form-control:hover{border-color:#9ca3af}.budget-modal .form-control:focus{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1f;outline:none}.budget-modal textarea.form-control{min-height:72px;resize:vertical}.budget-modal select.form-control{padding-right:36px}.login-page{min-height:100vh;background:#0f172a;position:relative;padding:40px 20px 50px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.login-page{padding-bottom:80px}}.login-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0000004d;width:85%;max-width:400px;min-width:280px;position:relative;z-index:1;margin:0 auto}@media (min-width: 768px){.login-card{width:40%;max-width:400px}}@media (min-width: 1024px){.login-card{width:30%;max-width:400px}}@media (min-width: 1440px){.login-card{width:25%;max-width:400px}}.login-card .form-container{background:transparent;padding:0;box-shadow:none;margin:0}.login-card .label{color:#fffffff2;font-weight:600;font-size:.75rem;margin-bottom:4px}.login-card input[type=email],.login-card input[type=password]{background:#fffffff2;border:1px solid rgba(255,255,255,.4);color:var(--text);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:8px;border-radius:8px;font-size:.8125rem;width:100%;transition:all .2s ease}.login-card input[type=email]:focus,.login-card input[type=password]:focus{background:#fff;border-color:#fff9;outline:none;box-shadow:0 0 0 3px #ffffff4d}.login-card input[type=email]::placeholder,.login-card input[type=password]::placeholder{color:#00000080}.scrolling-banner{position:fixed;top:0;left:0;right:0;background:#2a2a2a;color:#fff;padding:18px 0;overflow:hidden;white-space:nowrap;z-index:var(--z-dropdown);box-shadow:0 2px 8px #0000004d}.scrolling-banner__content{display:inline-flex;gap:60px;animation:scroll-infinite 10s linear infinite}.scrolling-banner__content span{font-size:1.125rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@keyframes scroll-infinite{0%{transform:translate(-16.666%)}to{transform:translate(0)}}.secured-footnote{position:fixed;bottom:10px;left:50%;transform:translate(-50%);color:#fff;font-size:.875rem;text-align:center;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.secured-footnote{white-space:nowrap;font-size:.75rem;padding:0 10px}}.form-container.form-container--budgets{padding:20px 26px 24px}@media (min-width: 1200px){.content--budgets{padding-top:14px}.content--budgets .form-container--budgets{margin-top:10px;padding:20px 28px 24px;gap:4px}.content--budgets .budgets-page-header{margin-bottom:0;padding:4px 0}}@media (min-width: 1400px){.content--budgets{padding-top:12px}.content--budgets .form-container--budgets{margin-top:8px;padding:18px 28px 24px;gap:4px}}.content--budget-role-permissions{padding-top:14px;max-width:none}.form-container.form-container--budget-role-permissions{max-width:none;margin:24px 32px;padding:0;overflow:hidden;background:linear-gradient(135deg,#fff,#e8ecf0,#e5e7eb);border:1px solid rgba(209,213,219,.8);box-shadow:0 10px 40px #0000001f,inset 0 1px #ffffffb3;border-radius:16px;display:flex;flex-direction:column;gap:0}.budget-role-permissions__header{padding:20px 24px;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.6);box-shadow:0 1px #fffc}.budget-role-permissions__section{padding:18px 24px;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.4)}.budget-role-permissions__section:last-of-type{border-bottom:none}.budget-role-permissions__section--hvac{background:#f0fdf480;border-left:4px solid #22c55e}.budget-role-permissions__section--sany{background:#f0f9ff80;border-left:4px solid #0ea5e9}.budget-role-permissions__section-title{margin:0 0 12px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.budget-role-permissions__section--hvac .budget-role-permissions__section-title{color:#15803d}.budget-role-permissions__section--sany .budget-role-permissions__section-title{color:#0369a1}.budget-role-permissions__actions{padding:16px 24px;background:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.5)}.budget-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start}.budget-card{display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(135deg,#0b8dc0,#0f4b8c);color:#fff;border-radius:10px;padding:14px;box-shadow:0 10px 25px #0003;min-height:0;position:relative}.budget-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #00000038}.budget-card h4,.budget-card p,.budget-card small{color:#fff;margin:0;overflow-wrap:anywhere;word-break:break-word}.budget-card__footer{display:flex;gap:6px;margin-top:8px}.budget-card__footer .btn{flex:1;text-align:center}.budget-card__select{position:absolute;top:10px;right:10px}.budget-status{position:absolute;top:0;left:0;padding:8px 12px;border-radius:0 0 8px;background:#ffffff24;color:#fff;font-weight:700;letter-spacing:.3px;text-transform:uppercase;font-size:.75rem}.item-table{width:100%;border-collapse:collapse;border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden;font-size:.75rem}.item-table th,.item-table td{padding:5px 6px!important;border-bottom:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);text-align:left;font-size:.6875rem!important}.item-table th:last-child,.item-table td:last-child{border-right:none}.item-table thead th{background:#1a2236!important;color:#fff9!important;font-weight:700;font-size:.5625rem!important;text-transform:uppercase;letter-spacing:.05em;padding:6px!important;white-space:nowrap;text-align:center!important}.item-table tr:last-child td{border-bottom:none}.item-table input,.item-table select{width:100%;padding:4px 5px!important;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:.6875rem!important;font-family:var(--font-sans);background:#ffffff0f;color:#fff;transition:border-color .15s}.item-table input::placeholder{color:#ffffff40}.item-table select option{background:#1a1a2e;color:#fff}.item-table input:focus,.item-table select:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 2px #1a1a2e14}.table-wrapper{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border:1px solid var(--border);padding:10px;text-align:left;font-size:.875rem}.data-table th{background:var(--bg-light);font-weight:600}.quotation-items-table thead th{text-align:center!important}.module-thumb{width:90px;height:60px;border:1px solid var(--border);border-radius:var(--input-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-light)}.module-thumb img{width:100%;height:100%;object-fit:cover}.content{padding:16px;display:grid;gap:16px;flex:1;overflow-anchor:auto;overflow-x:hidden;min-width:0;align-content:start;container-type:inline-size;container-name:content}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.muted{color:var(--muted);font-size:.875rem}.stacked{display:grid;gap:16px}.form-row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.project-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.project-card{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#0b8dc0,#0f4b8c);color:#fff;border-radius:10px;padding:14px;box-shadow:0 10px 25px #0003;min-height:160px;position:relative;text-decoration:none}.project-card:hover,.project-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px #00000038;outline:none}.project-card h4,.project-card p,.project-card small{color:#fff;margin:0;overflow-wrap:anywhere;word-break:break-word}.project-card__footer{display:flex;gap:8px;margin-top:12px}.project-card__footer .btn,.project-card__footer a.btn{flex:1;text-align:center}.project-status{position:absolute;height:35px;top:10px;left:10px;right:auto;border-radius:6px;background:#1a1a2e;padding:6px 10px;min-width:80px;text-align:center}.project-status.module-card__status--blocked{background:#1a1a2e}.project-card__select{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:10px}.project-card__select input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid #fff;border-radius:6px;background:transparent;cursor:pointer;display:grid;place-items:center;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.project-card__select input[type=checkbox]:checked{background:#1a1a2e;border-color:#1a1a2e;box-shadow:inset 0 0 0 2px #fff}.project-card__select input[type=checkbox]:focus-visible{outline:2px solid #fff;outline-offset:2px}.project-card--glass{padding:0;min-height:0;overflow:hidden;box-shadow:0 10px 25px #0003,inset 0 1px #ffffff26}.project-card--glass:hover{box-shadow:0 14px 30px #00000038,inset 0 1px #ffffff26}.project-card__header-glass{padding:10px 14px;position:relative;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.project-card__title{margin:0;font-size:.9375rem;font-weight:700;color:#fff;letter-spacing:-.01em;padding-right:32px}.project-card--glass .project-card__select{cursor:pointer}.project-card__body-glass{padding:10px 14px;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.project-card__field--full{grid-column:1 / -1}.project-card__field-inner{background:#ffffff1f;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);height:100%}.project-card__label{font-size:.625rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.project-card__value{font-size:.8125rem;font-weight:600;color:#fff}.project-card__footer-glass{padding:8px 14px 10px;border-top:1px solid rgba(255,255,255,.2);background:#ffffff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.project-card__footer-glass .project-card__footer{margin-top:0;gap:6px}.project-card__footer-glass .btn{font-size:.8125rem;font-weight:600;padding:7px 14px}.project-card__footer-glass .btn-update{background:#fffffff2;color:#0f4b8c;border-color:#fff9}.project-card__footer-glass .btn-update:hover{background:#ffffff0a;color:#0b8dc0}.project-card__footer-glass .btn-neutral{background:#fff3;color:#fff;border-color:#fff6}.project-card__footer-glass .btn-neutral:hover{background:#ffffff59;color:#fff}.project-card--budget-style h4,.project-card--budget-style p,.project-card--budget-style strong{color:#1f2937}.project-card--budget-style:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0000001f,inset 0 1px #ffffff80}.user-profile-grid{display:grid;gap:20px;margin:0;padding:0}.user-profile-card{width:100%;max-width:280px;height:fit-content;min-height:200px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000f;position:relative;display:flex;flex-direction:column;padding:0 14px 16px;transition:transform .2s,box-shadow .2s;margin:0}.user-profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.user-profile-card__border-top{width:calc(100% + 28px);height:4px;min-height:4px;background:#1a1a2e;margin:0 0 0 -14px;border-radius:14px 14px 0 0}.user-profile-card__avatar{width:50px;height:60px;background:#1a1a2e;border-radius:12px;margin:15px auto 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;text-transform:uppercase;overflow:hidden}.user-profile-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.user-profile-card__name{font-weight:600;color:var(--text);text-align:center;display:block;padding-top:8px;font-size:.875rem;margin:0;word-break:break-word}.user-profile-card__role{font-weight:400;color:var(--muted);display:block;text-align:center;padding-top:2px;font-size:.6875rem;margin:0}.user-profile-card__body{padding:8px 0 0;display:flex;flex-direction:column;gap:10px;flex:1}.user-profile-card__info-item{display:flex;flex-direction:column;gap:2px}.user-profile-card__info-label{font-size:.625rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.user-profile-card__info-value{font-size:.75rem;color:var(--text);font-weight:500;word-break:break-word;line-height:1.35}.user-profile-card__status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:.625rem;font-weight:600;width:fit-content}.user-profile-card__status--active{background:#16a34a1a;color:#16a34a}.user-profile-card__status--inactive{background:#dc26261a;color:#dc2626}.user-profile-card__status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.user-profile-card__footer{padding:0;margin-top:14px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:center;align-items:center}.user-profile-card__footer .btn{padding:8px 16px;margin:0;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.75rem;width:auto;min-width:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s;display:inline-block}.user-profile-card__footer .btn.btn-update{background:#0056b3;border-color:#0056b3;color:#fff}.user-profile-card__footer .btn.btn-update:hover{background:#ffffff0a;color:#0056b3;border-color:#0056b3}.user-profile-card__footer .btn:not(.btn-update):not(.btn-save){background:#1a1a2e;color:#fff;border-color:#1a1a2e}.user-profile-card__footer .btn:not(.btn-update):not(.btn-save):hover{background:#2d2d4e;border-color:#2d2d4e}.user-profile-card__select{position:absolute;top:10px;right:10px;z-index:10;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;background:#ffffffe6;border:1px solid #e5e7eb;backdrop-filter:blur(4px)}.user-profile-card__select input[type=checkbox]{appearance:none;width:16px;height:16px;border:2px solid #1a1a2e;border-radius:4px;background:transparent;cursor:pointer;display:grid;place-items:center;transition:background-color .12s ease,border-color .12s ease}.user-profile-card__select input[type=checkbox]:checked{background:#1a1a2e;border-color:#1a1a2e}.user-profile-card__select input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.user-profile-card__select input[type=checkbox]:focus-visible{outline:2px solid #1a1a2e;outline-offset:2px}@media (max-width: 480px){.user-profile-grid{grid-template-columns:1fr}.user-profile-card{width:100%;max-width:100%;margin:0}}@media (min-width: 481px) and (max-width: 768px){.user-profile-grid{grid-template-columns:repeat(2,1fr)}.user-profile-card{width:100%;max-width:100%;margin:0}}@media (min-width: 769px) and (max-width: 1024px){.user-profile-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px) and (max-width: 1400px){.user-profile-grid{grid-template-columns:repeat(4,1fr)}.user-profile-card{width:100%;max-width:100%;margin:0}}@media (min-width: 1401px) and (max-width: 1919px){.user-profile-grid{grid-template-columns:repeat(5,1fr)}.user-profile-card{width:100%;max-width:100%;margin:0}}@media (min-width: 1920px){.user-profile-grid{grid-template-columns:repeat(6,1fr)}.user-profile-card{width:100%;max-width:100%;margin:0}}.opportunity-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.opportunity-card{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#0b8dc0,#0f4b8c);color:#fff;border-radius:10px;padding:14px;box-shadow:0 10px 25px #0003;min-height:180px;position:relative}.opportunity-card:hover,.opportunity-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px #00000038;outline:none}.opportunity-card h4,.opportunity-card p,.opportunity-card small{color:#fff;margin:0;overflow-wrap:anywhere;word-break:break-word}.opportunity-card__footer{display:flex;gap:8px;margin-top:12px}.opportunity-card__footer .btn,.opportunity-card__footer a.btn{flex:1;text-align:center}.opportunity-card__status{font-weight:700;color:#1a1a2e}.opportunity-card__select{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:10px}.opportunity-card__select input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid #fff;border-radius:6px;background:transparent;cursor:pointer;display:grid;place-items:center;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.opportunity-card__select input[type=checkbox]:checked{background:#1a1a2e;border-color:#1a1a2e;box-shadow:inset 0 0 0 2px #fff}.opportunity-card__select input[type=checkbox]:focus-visible{outline:2px solid #fff;outline-offset:2px}.opportunity-flag{position:absolute;top:0;left:0;border-radius:0 0 8px;padding:6px 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.opportunity-flag.is-missing{background:#1a1a2e}.opportunity-flag.is-submitted{background:#05a82be6}.budget-card__select{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:10px}.budget-card__select input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid #fff;border-radius:6px;background:transparent;cursor:pointer;display:grid;place-items:center;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.budget-card__select input[type=checkbox]:checked{background:#1a1a2e;border-color:#1a1a2e;box-shadow:inset 0 0 0 2px #fff}.budget-card__select input[type=checkbox]:focus-visible{outline:2px solid #fff;outline-offset:2px}.budget-card:hover,.budget-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px #00000038;outline:none}.budget-card__footer .btn,.budget-card__footer a.btn{flex:1;text-align:center}.budget-form-grid,.project-form-grid,.opportunity-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.opportunity-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-form-grid .span-full{grid-column:1 / -1}@media (max-width: 900px){.opportunity-form-grid{grid-template-columns:1fr}}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.details-grid__item{background:transparent;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;padding:10px 4px 12px;box-shadow:none}.details-grid__item h5{margin:0 0 4px;font-size:.625rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.details-grid__item p{margin:0;font-size:.9375rem;font-weight:600;color:var(--text)}.message-table__wrapper{margin-top:8px;overflow-x:auto}.message-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.message-table th,.message-table td{padding:6px 10px;border-bottom:1px solid var(--border)}.message-table th{width:40%;text-align:left;background:#00000008;font-weight:600;color:#1a1a2e}.message-table tr:last-child th,.message-table tr:last-child td{border-bottom:none}.checkbox-dropdown{position:relative}.checkbox-dropdown.is-open{z-index:var(--z-dropdown)}.checkbox-dropdown__toggle{width:100%;text-align:left;padding:10px 36px 10px 12px;border:1px solid var(--border);border-radius:var(--input-radius);background:var(--bg-light);color:var(--text);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.checkbox-dropdown__toggle:hover{border-color:#94a3b8}.checkbox-dropdown__toggle:focus,.checkbox-dropdown__toggle:focus-visible{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a}.checkbox-dropdown.is-open .checkbox-dropdown__toggle{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a}.checkbox-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;border:1px solid var(--border);border-radius:var(--input-radius);background:var(--surface);box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000a;padding:6px;display:none;max-height:220px;overflow-y:auto;z-index:var(--z-dropdown)}.checkbox-dropdown.is-open .checkbox-dropdown__menu{display:grid;gap:2px}.checkbox-dropdown__option{display:flex;align-items:center;gap:8px;font-size:.8125rem;padding:7px 8px;border-radius:6px;color:var(--text);cursor:pointer;transition:background .12s}.checkbox-dropdown__option:hover{background:var(--bg-light)}.checkbox-dropdown__option input[type=checkbox]{accent-color:#1a1a2e}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.module-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 4px #0000000f;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.module-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a;border-color:#1a1a2e}.module-card__image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-light)}.module-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.module-card:hover .module-card__image img{transform:scale(1.05)}.module-card__image .module-card__status{position:absolute;top:10px;right:10px;background:#1a1a2e;color:#fff;font-size:.6875rem;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.3px;box-shadow:0 2px 6px #0003}.module-card__body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:4px;border-top:2px solid #1a1a2e}.module-card__body h4{margin:0;font-size:.875rem;font-weight:700;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card__body p{margin:0;font-size:.75rem;color:var(--muted);line-height:1.4}.module-card__body .module-card__meta{margin-top:auto;padding-top:8px;border-top:1px solid var(--border);font-size:.6875rem;color:var(--muted);display:flex;align-items:center;gap:6px}@media (max-width: 640px){.module-grid{grid-template-columns:1fr;gap:14px}}@media (min-width: 641px) and (max-width: 960px){.module-grid{grid-template-columns:repeat(2,1fr)}}.module-card--no-image{cursor:default;min-height:auto!important;height:auto!important}.module-card--no-image:hover{transform:none;box-shadow:0 4px 12px #0003}.module-grid--drag-mode .module-card--draggable{cursor:move;position:relative}.module-grid--drag-mode .module-card--draggable:hover{border-color:#1a1a2e;box-shadow:0 6px 20px #00000026}.module-grid--drag-mode .module-card--draggable:active{opacity:.6}.module-grid--drag-mode .module-card--draggable.dragging{opacity:.5;transform:scale(.95)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:20px}.dash-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 4px #0000000f;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.dash-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#1a1a2e}.dash-card__image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-light)}.dash-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.dash-card:hover .dash-card__image img{transform:scale(1.05)}.dash-card__body{padding:14px 16px}.dash-card__body h4{margin:0;font-size:.875rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-card__body p{margin:4px 0 0;font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-card__badge{position:absolute;top:10px;right:10px;background:#1a1a2e;color:#fff;font-size:.6875rem;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.3px;box-shadow:0 2px 6px #0003;z-index:1}.dash-card__meta{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:.6875rem;color:var(--muted)}.dash-card__checkbox{position:absolute;top:10px;left:10px;z-index:2;width:18px;height:18px;cursor:pointer;accent-color:#1a1a2e}.dash-card__actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .2s;z-index:2}.dash-card:hover .dash-card__actions{opacity:1}.dash-card__action-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#ffffffeb;backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#374151;transition:all .2s}.dash-card__action-btn:hover{background:#ffffff0a;box-shadow:0 2px 8px #00000026;transform:scale(1.08)}.dash-card__action-btn--delete{background:#fee2e2f2;border-color:#fca5a5;color:#b91c1c}.dash-card__action-btn--delete:hover{background:#fee2e2}@media (max-width: 640px){.dash-grid{grid-template-columns:1fr}}.budget-meta{font-size:.8125rem;line-height:1.5}.empty-state{text-align:center;padding:40px 20px;color:var(--muted);font-size:1rem}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.alert{padding:12px 16px;border-radius:var(--input-radius);background:var(--bg-light);border:1px solid var(--border)}.filter-form{display:grid;gap:10px}input[type=file]{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--input-radius);font-size:.875rem;font-family:inherit;background:var(--surface)}input[type=file]:focus{outline:none;border-color:#1a1a2e}textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--input-radius);font-size:.875rem;font-family:inherit;color:var(--text);background:var(--bg-light);resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}textarea:hover{border-color:#94a3b8}textarea:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a}.announcement-bar{position:sticky;top:0;width:100%;background:linear-gradient(135deg,#8b0d10,#c41117 40%,#e02020,#8b0d10);color:#fff;padding:6px 0;overflow:hidden;white-space:nowrap;z-index:var(--z-sticky);flex-shrink:0}.announcement-bar__track{display:flex;align-items:center;width:max-content;animation:announcement-scroll 24s linear infinite;will-change:transform}.announcement-bar__segment{display:inline-flex;align-items:center;gap:32px;flex-shrink:0}.announcement-bar__segment span{font-size:.75rem;font-weight:500;letter-spacing:.02em;color:#ffffffe6}.announcement-bar__sep{margin:0 .5em;flex-shrink:0;font-size:.375rem;opacity:.4}@keyframes announcement-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}.app-footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-top:1px solid rgba(255,255,255,.06);padding:8px 16px;z-index:10;flex-shrink:0}@media (min-width: 1024px){.app-footer{position:static;width:auto;padding:6px 20px}}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-text{margin:0;font-size:.6875rem;color:#fff6}.footer-text strong{color:#fffc;font-weight:600}.footer-social{display:flex;align-items:center;gap:2px}.social-icon{display:flex;align-items:center;justify-content:center;color:#ffffff59;transition:all .15s;width:28px;height:28px;padding:6px;border-radius:6px}.social-icon:hover{color:#fff;background:#ffffff14}.social-icon svg{width:100%;height:100%}.loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a}.profile-modal__body .loader,.profile-modal .profile-modal__body .loader{position:relative;width:100%;height:320px;z-index:auto;border-radius:0 0 12px 12px;overflow:hidden}.profile-modal__body .loader .loader__footer{display:none!important}.loader__dot{width:8px;height:8px;border-radius:50%;background:#dc2626;animation:loader-dot .8s ease-in-out infinite}@keyframes loader-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.sany-products-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),340px));justify-content:center}@media (max-width: 767px){.sany-products-grid{grid-template-columns:1fr;gap:16px}}@media (min-width: 768px) and (max-width: 1023px){.sany-products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,300px));gap:18px}}@container content (max-width: 600px){.project-grid,.budget-grid,.opportunity-grid,.module-grid,.dash-module-grid,.dash-grid,.form-row,.budget-form-grid,.project-form-grid,.opportunity-form-grid,.details-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:8px}}@container content (min-width: 601px) and (max-width: 900px){.project-grid,.budget-grid,.opportunity-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 480px){.navbar{padding:6px 8px;min-height:48px;gap:6px}.navbar-logo{width:80px;max-height:28px}.content{padding:8px 6px;gap:10px}.form-container{margin:6px;padding:10px;border-radius:8px}.sidebar{width:min(280px,85vw)}.btn{padding:8px 12px;font-size:.75rem}.announcement-bar__segment span{font-size:.6875rem}.footer-text{font-size:.625rem}.create-project-section__grid,.create-budget-section__grid{grid-template-columns:1fr}.quot-fields-grid{grid-template-columns:1fr!important}.quot-editor-form{padding:8px}.quot-step-card{padding:10px!important}.quot-title-row{grid-template-columns:1fr!important}.quot-editor-title{font-size:.875rem}.quot-action-btn{padding:5px 8px;font-size:.625rem}.quot-hint-text{font-size:.6875rem}}@media (max-width: 767px){.navbar{padding:8px 12px;min-height:50px;gap:8px}.navbar-logo{width:100px;max-height:32px}.content{padding:12px 8px;gap:12px}.form-container{margin:8px;padding:12px;border-radius:8px}.sidebar{width:min(300px,85vw)}.btn{padding:8px 14px;font-size:.75rem}.project-grid,.details-grid,.form-row,.budget-form-grid,.project-form-grid,.opportunity-form-grid,.user-profile-grid{grid-template-columns:1fr}.message-modal{padding:16px 12px 12px;align-items:flex-start}.message-dialog{border-radius:12px;max-height:92vh;width:calc(100% - 16px);max-width:100%}.message-dialog.is-wide{width:100%;max-width:100%;border-radius:12px}.table-wrapper,.message-table__wrapper{overflow-x:auto}.data-table,.item-table,.message-table{min-width:360px}.section-header{flex-direction:column;gap:8px}.app-footer{padding:4px 10px!important}.footer-content{flex-direction:row;gap:8px}.footer-text{font-size:.5625rem}.footer-social{gap:4px}.social-icon{width:28px;height:28px;padding:5px}.message-dialog[style*="position: fixed"],.message-dialog[style*="position:fixed"]{position:relative!important;top:auto!important;left:auto!important;transform:none!important}.quot-editor-wrapper{flex-direction:column;height:auto}.quot-editor-form{padding:12px;width:100%}.quot-preview-panel{display:none}.quot-editor-topbar{flex-direction:column;align-items:stretch;gap:8px}.quot-editor-title{font-size:1rem}.quot-editor-actions{justify-content:flex-end;gap:6px}.quot-action-btn{padding:6px 10px;font-size:.6875rem;white-space:nowrap}.quot-btn-full{display:none}.quot-btn-short{display:inline}.quot-hint-text{font-size:.75rem;margin-bottom:12px}.quot-step-card{padding:14px!important;border-radius:10px;margin-bottom:14px}.quot-title-row{grid-template-columns:1fr auto!important}.quot-fields-scroll{overflow-x:visible}.quot-fields-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.quot-custom-fields-grid,.quot-list-grid{grid-template-columns:1fr!important}}@media (min-width: 768px) and (max-width: 1024px){.content{padding:16px 12px}.form-container{margin:12px;padding:16px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-profile-grid{grid-template-columns:repeat(3,1fr)}.quot-fields-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}.quot-preview-panel{width:45%;min-width:0}}.btn,.btn-save,.btn-update,.btn-delete,.btn-back,.sidebar-toggle,.sidebar-close,.sidebar-logout,.logout-icon{min-height:44px;min-width:44px}h1,.page-title{font-size:clamp(1.25rem,3vw,2rem)}h2{font-size:clamp(1.1rem,2.5vw,1.5rem)}h3{font-size:clamp(1rem,2vw,1.25rem)}body{font-size:clamp(.875rem,1.5vw,1rem)}@media (max-width: 480px){.navbar{padding:0 12px;height:52px;gap:8px}.navbar-logo{height:26px;width:auto}.navbar-title{font-size:.8125rem}.btn{padding:10px 14px;font-size:.8125rem}.btn-back span{display:none}.btn-back{padding:8px;min-width:44px;justify-content:center}.form-container{padding:16px;margin:8px;border-radius:12px}.grid{grid-template-columns:1fr!important;gap:12px}.actions{flex-direction:column;gap:8px}.actions .btn{width:100%;justify-content:center}.message-dialog{width:94vw!important;max-width:94vw!important;margin:0 3vw;border-radius:12px}.page{padding-bottom:60px}html.pwa-standalone .page{padding-bottom:0}input,select,textarea{font-size:1rem}.table-wrapper{margin:0 -8px;border-radius:0}table th,table td{padding:8px 6px;font-size:.75rem}.sidebar{width:min(300px,90vw)}}@media (max-width: 360px){.navbar{padding:6px 8px}.navbar-logo{width:60px}.form-container{padding:12px;margin:4px}.btn{padding:8px 10px;font-size:.75rem}}@media (min-width: 481px) and (max-width: 768px){.navbar{padding:10px 16px}.form-container{padding:20px;margin:12px}.grid{grid-template-columns:repeat(2,1fr)}}.table-wrapper{-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-wrapper{overflow-x:auto}.table-wrapper table{min-width:420px}.table-wrapper th:first-child,.table-wrapper td:first-child{position:sticky;left:0;z-index:2;background:inherit}}@media (max-width: 480px){.message-modal{align-items:flex-end}.message-dialog{max-height:85vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (max-width: 480px){.module-cards-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.dt-table td.dt-name,.payment-tracking-table .pt-cell--project,.backlog-name{max-width:120px}.dt-table thead th,.payment-tracking-table thead th{padding:6px 5px;font-size:.5312rem;letter-spacing:.03em}.dt-table td,.payment-tracking-table td{padding:5px;font-size:.6875rem}.hide-xs{display:none!important}}img{height:auto;max-width:100%}input[type=email],input[type=tel],input[type=url],input[type=number]{-webkit-appearance:none}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top,0px)}}@media (max-width: 1023px){html:not(.pwa-standalone) body{padding-top:env(safe-area-inset-top,0px)}@supports (padding: env(safe-area-inset-bottom)){html:not(.pwa-standalone) .app-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}html:not(.pwa-standalone) .sidebar{padding-bottom:env(safe-area-inset-bottom)}html:not(.pwa-standalone) .page{padding-bottom:calc(50px + env(safe-area-inset-bottom))}}}.budget-card__header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #e0e0e0;background:#00000005}.budget-card__actions{display:flex;gap:4px;flex-shrink:0}.budget-card__financials{display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:transparent}.budget-card__actions .btn.btn-neutral{background:transparent;border-color:#d1d5db;color:#4b5563}.budget-card__actions .btn.btn-neutral:hover{background:#f3f4f6;color:#1a1a2e;border-color:#9ca3af}.budget-header__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.budget-card__header{flex-wrap:wrap;padding:12px 14px;gap:8px}.budget-card__actions{width:100%;gap:6px}.budget-card__actions .btn{flex:1;text-align:center;justify-content:center}.budget-card__financials{grid-template-columns:repeat(3,1fr)}.budget-header__controls{gap:6px;width:100%}.budget-header__controls input[type=text]{width:100%!important;flex:1}}@media (max-width: 480px){.budget-card__financials{grid-template-columns:repeat(2,1fr)}.budget-card__actions{flex-wrap:wrap}.budget-card__actions .btn{font-size:.625rem!important;padding:5px 8px!important}}.sidebar-overlay{-webkit-tap-highlight-color:transparent;touch-action:auto}@media (min-width: 1024px){.dt-card{margin:16px}.dt-content,.content{padding:16px}}@media (min-width: 1440px){.dt-card{margin:20px 24px}.dt-content,.content{padding:20px}}@media (min-width: 1920px){.dt-card{margin:24px 32px}}@media (min-width: 768px) and (max-width: 1023px){.dt-card{margin:16px}.dt-header{flex-direction:column;gap:10px}.dt-header-actions{width:100%;justify-content:flex-start}.dt-content{padding:16px}.content{padding:16px 12px}}@media (max-width: 768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#1a1a2e4d;border-radius:4px}.sidebar-nav::-webkit-scrollbar{width:3px}}