@import"https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap";.navbar{position:sticky;top:0;z-index:100;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow);animation:slideDown .4s ease-out}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.6}.navbar-inner{max-width:1400px;margin:0 auto;padding:12px 24px}.navbar-row{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.navbar-slot--logo{display:flex;align-items:center}.brand-link{display:flex;align-items:center;text-decoration:none;transition:transform var(--transition)}.brand-link:hover{transform:scale(1.05)}.brand-logo{height:40px;width:auto;filter:drop-shadow(0 2px 8px rgba(236,72,153,.2))}.navbar-slot--center{display:none}.theme-toggle-center{display:flex;justify-content:center}.navbar-slot--profile{display:flex;align-items:center;gap:16px}.theme-toggle-desktop{display:flex}.navbar-timer-btn{position:relative;background:var(--surface-elevated);border:2px solid var(--border);border-radius:var(--radius-full);padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.navbar-timer-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#ec4899}.timer-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface-elevated);cursor:pointer;transition:all var(--transition)}.profile-trigger:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#ec4899}.profile-trigger .hello{font-weight:600;font-size:14px;color:var(--text)}.profile-trigger i{font-size:12px;color:var(--text-muted);transition:transform var(--transition)}.profile-trigger[aria-expanded=true] i{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xl);padding:8px;z-index:1000;animation:fadeIn .2s ease-out}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:500;text-align:right;border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.dropdown-item:hover{background:var(--row-hover);transform:translate(-4px)}.dropdown-item i{font-size:16px;width:20px;text-align:center}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-bg)}html.side-nav-collapsed{--nav-width: 72px}html.side-nav-expanded{--nav-width: 260px}html.side-nav-collapsed body,html.side-nav-expanded body{margin-right:var(--nav-width);transition:margin var(--transition)}.side-nav-wrapper{position:fixed;top:64px;right:0;bottom:0;z-index:90;pointer-events:none}.side-nav{position:absolute;top:0;right:0;bottom:0;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);pointer-events:auto;display:flex;flex-direction:column;transition:width var(--transition);overflow:hidden}.side-nav--collapsed{width:72px}.side-nav--expanded{width:260px}.side-nav-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:none;background:transparent;color:var(--text);font-weight:600;cursor:pointer;transition:all var(--transition);border-bottom:1px solid var(--border)}.side-nav-toggle:hover{background:var(--gradient-primary);color:#fff}.side-nav-toggle i{font-size:18px}.side-nav-sections{flex:1;overflow-y:auto;padding:16px 8px}.nav-menu-section{margin-bottom:24px}.nav-menu-section__title{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.nav-menu-section__title i{font-size:16px;width:20px;text-align:center}.nav-menu-link{display:flex;align-items:center;padding:12px 16px;margin-bottom:4px;border-radius:var(--radius);color:var(--text);font-weight:500;text-decoration:none;transition:all var(--transition);position:relative;overflow:hidden}.nav-menu-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);transform:scaleY(0);transition:transform var(--transition)}.nav-menu-link:hover{background:var(--row-hover);transform:translate(-4px)}.nav-menu-link:hover:before{transform:scaleY(1)}.nav-menu-link--active{background:linear-gradient(90deg,rgba(236,72,153,.1) 0%,transparent 100%);color:#ec4899;font-weight:700}.nav-menu-link--active:before{transform:scaleY(1)}.side-nav-icons{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 8px}.side-nav-icon-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;background:transparent;color:var(--text);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);position:relative}.side-nav-icon-btn:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;border-radius:var(--radius);transition:opacity var(--transition)}.side-nav-icon-btn i{position:relative;z-index:1;font-size:22px}.side-nav-icon-btn:hover:before,.side-nav-icon-btn--hover:before{opacity:.12}.side-nav-icon-btn:hover,.side-nav-icon-btn--hover{color:#ec4899;transform:scale(1.1)}.side-nav-flyout{position:absolute;top:0;right:72px;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:12px;animation:slideInRight .2s ease-out;pointer-events:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #0000001a;padding:8px;grid-template-columns:repeat(5,1fr);gap:4px}.mobile-bottom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--radius);transition:all var(--transition)}.mobile-bottom-btn i{font-size:20px}.mobile-bottom-btn:hover{background:var(--row-hover);color:#ec4899}.mobile-menu-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}.mobile-menu-panel{display:none;position:fixed;top:0;right:0;bottom:0;width:85%;max-width:360px;background:var(--surface);box-shadow:var(--shadow-xl);z-index:1000;animation:slideInRight .3s ease-out;overflow-y:auto}html.drawer-nav-open .mobile-menu-backdrop,html.drawer-nav-open .mobile-menu-panel{display:block}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);background:var(--gradient-primary);color:#fff}.mobile-menu-title{font-size:20px;font-weight:700}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#fff3;color:#fff;font-size:24px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.mobile-menu-close:hover{background:#ffffff4d;transform:rotate(90deg)}.mobile-menu-content{padding:20px}@media (max-width: 1024px){.side-nav-wrapper{display:none}html.side-nav-collapsed body,html.side-nav-expanded body{margin-right:0}.mobile-bottom-nav{display:grid}body{padding-bottom:70px}}@media (max-width: 768px){.navbar-row{grid-template-columns:auto 1fr auto;gap:12px}.theme-toggle-desktop{display:none}.navbar-slot--center{display:flex}.navbar-timer-btn{min-width:auto;padding:8px 12px;font-size:13px}.profile-trigger{padding:6px 12px 6px 6px}.profile-trigger .hello{display:none}}@media (max-width: 480px){.navbar-inner{padding:8px 12px}.brand-logo{height:32px}.navbar-timer-btn{font-size:12px;padding:6px 10px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{font-family:Assistant,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;direction:rtl;text-align:right;border-radius:14px;padding-inline:14px;padding-block:10px;box-shadow:0 4px 14px #00000014}.Toastify__toast-body{color:#222}.Toastify__close-button{color:#222;opacity:.7}.Toastify__close-button:hover{opacity:1}.Toastify__toast--error{background:#fbe0e0}.Toastify__toast--info{background:#fffdf6;border:1px solid #e0d6f5}.Toastify__toast--warning{background:#faf6e9}.Toastify__progress-bar{background:#8d77ab}.re{border:1px solid var(--border, #e5e7eb);border-radius:10px;background:var(--surface, #fff);display:flex;flex-direction:column;overflow:hidden;position:relative}.re.is-disabled{opacity:.7;pointer-events:none}.re-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border, #e5e7eb);background:linear-gradient(180deg,#ffffffeb,#f7f8faeb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:4}html[data-theme=dark] .re-toolbar{background:linear-gradient(180deg,#1e293beb,#0f172aeb)}.re-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--text, #1f2937);border-radius:6px;cursor:pointer;font-size:13px;line-height:1;transition:background .12s,color .12s}.re-btn:hover:not(:disabled){background:#6366f114;color:#4338ca}.re-btn.is-active{background:#6366f12e;color:#4338ca}.re-btn:disabled{opacity:.35;cursor:not-allowed}html[data-theme=dark] .re-btn{color:#e2e8f0}html[data-theme=dark] .re-btn:hover:not(:disabled){background:#818cf82e;color:#c7d2fe}html[data-theme=dark] .re-btn.is-active{background:#818cf847;color:#ddd6fe}.re-select{height:28px;padding:0 8px;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:var(--surface, #fff);color:var(--text, #1f2937);font-size:12.5px;cursor:pointer}.re-select:focus{outline:2px solid rgba(99,102,241,.35);outline-offset:0}.re-sep{display:inline-block;width:1px;height:18px;margin:0 4px;background:var(--border, #e5e7eb)}.re-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;color:var(--text, #1f2937)}.re-color:hover{background:#6366f114}.re-color input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}.re-color>span{position:absolute;left:6px;right:6px;bottom:4px;height:3px;border-radius:2px}.re-content{padding:12px 14px;font-size:14.5px;line-height:1.6;color:var(--text, #1f2937);outline:none;overflow-y:auto;max-height:60vh}.re-content .ProseMirror{outline:none;min-height:inherit}.re-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:right;color:var(--text-muted, #94a3b8);pointer-events:none;height:0}.re-content h1{font-size:1.55em;font-weight:800;margin:.6em 0 .3em;line-height:1.25}.re-content h2{font-size:1.3em;font-weight:800;margin:.55em 0 .25em;line-height:1.3}.re-content h3{font-size:1.1em;font-weight:700;margin:.5em 0 .2em;line-height:1.35}.re-content p{margin:.35em 0}.re-content ul,.re-content ol{padding-inline-start:24px;margin:.4em 0}.re-content blockquote{border-inline-start:3px solid #6366f1;margin:.6em 0;padding:.2em .9em;color:var(--text-muted, #475569);font-style:italic}.re-content code{background:#6366f11a;color:#4f46e5;padding:1px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.re-content pre{background:#0f172a;color:#e2e8f0;padding:12px 14px;border-radius:8px;margin:.6em 0;overflow-x:auto;direction:ltr}.re-content pre code{background:transparent;color:inherit;padding:0;font-size:.9em}.re-content img{max-width:100%;border-radius:8px;margin:.4em 0}.re-content hr{border:0;border-top:1px solid var(--border, #e5e7eb);margin:1em 0}.re-content a{color:#4338ca;text-decoration:underline}.re-content mark{border-radius:3px;padding:0 3px}.re-content ul[data-type=taskList]{list-style:none;padding-inline-start:4px}.re-content ul[data-type=taskList] li{display:flex;gap:8px;align-items:flex-start;margin:.25em 0}.re-content ul[data-type=taskList] li>label{margin-top:4px}.re-content ul[data-type=taskList] input[type=checkbox]{accent-color:#6366f1;width:16px;height:16px}.re-content ul[data-type=taskList] li>div{flex:1}.re-content .re-table,.re-content table{border-collapse:collapse;width:100%;margin:.6em 0;overflow:hidden;border-radius:6px}.re-content table td,.re-content table th{border:1px solid var(--border, #e5e7eb);padding:6px 10px;vertical-align:top;text-align:start;position:relative}.re-content table th{background:#6366f112;font-weight:700}.re-content .selectedCell{background:#6366f126}.re-content .column-resize-handle{position:absolute;inset-block:0;inset-inline-end:-2px;width:4px;background:#6366f1;pointer-events:none}.re-popup{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:6px;padding:8px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:8px;box-shadow:0 10px 24px #0000001f;z-index:5}.re-popup input[type=url]{flex:1;height:32px;padding:0 10px;border-radius:6px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);color:var(--text, #1f2937);font-size:13.5px;direction:ltr}.re-popup input[type=url]:focus{outline:2px solid rgba(99,102,241,.35)}.re-popup .btn{height:32px}.re-mention-popup{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;box-shadow:0 10px 30px #0f172a2e;min-width:180px;max-width:280px;max-height:240px;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:1px;font-size:13.5px}.re-mention-item{display:block;width:100%;text-align:start;padding:8px 10px;border:0;background:transparent;color:var(--text, #1f2937);border-radius:6px;cursor:pointer;font-size:13.5px;font-family:inherit}.re-mention-item:hover,.re-mention-item.is-active{background:#6366f11f;color:#4338ca}.re-mention-empty{padding:10px 12px;color:var(--text-muted, #94a3b8);font-size:13px;text-align:center}html[data-theme=dark] .re-mention-popup{background:#0f172a;border-color:#6366f13d;box-shadow:0 12px 30px #00000080}html[data-theme=dark] .re-mention-item{color:#e2e8f0}html[data-theme=dark] .re-mention-item:hover,html[data-theme=dark] .re-mention-item.is-active{background:#818cf838;color:#c7d2fe}.re-content .re-mention,.re-content span[data-type=mention]{display:inline-block;padding:0 6px;border-radius:6px;background:#6366f11f;color:#4338ca;font-weight:600;font-size:.95em;text-decoration:none}html[data-theme=dark] .re-content .re-mention,html[data-theme=dark] .re-content span[data-type=mention]{background:#818cf838;color:#c7d2fe}:root{--bg: #ffffff;--fg: #111111;--muted: #667085;--panel: #ffffff;--panel-border: #e5e7eb;--body-bg: #fffdf6;--btn-create: #8d77ab;--primary: #2563eb;--primary-border: #1d4ed8;--warning-bg: #fef3c7;--warning-fg: #92400e;--error-bg: #fee2e2;--error-fg: #991b1b;--pill-bg: #eef2ff;--pill-fg: #1e3a8a;--pill-mild-bg: #e5e7eb;--pill-mild-fg: #111111;--card-img-display: block}@media (prefers-color-scheme: dark){:root{--bg: #0b0f14;--fg: #e5e7eb;--muted: #94a3b8;--panel: #111827;--panel-border: #334155;--body-bg: #0b0f14;--primary: #3b82f6;--primary-border: #2563eb;--warning-bg: #4a3b13;--warning-fg: #facc15;--error-bg: #3b0d0d;--error-fg: #fecaca;--pill-bg: #1f2937;--pill-fg: #e5e7eb;--pill-mild-bg: #1f2937;--pill-mild-fg: #e5e7eb}}body.dark,.dark{--bg: #0b0f14;--fg: #e5e7eb;--muted: #94a3b8;--panel: #111827;--panel-border: #334155;--body-bg: #0b0f14;--primary: #3b82f6;--primary-border: #2563eb;--warning-bg: #4a3b13;--warning-fg: #facc15;--error-bg: #3b0d0d;--error-fg: #fecaca;--pill-bg: #1f2937;--pill-fg: #e5e7eb;--pill-mild-bg: #1f2937;--pill-mild-fg: #e5e7eb}.drawer-backdrop{position:fixed;inset:0;background:#00000059;z-index:1000}.drawer{position:fixed;inset:0 auto 0 0;width:60vw;height:100vh;background:var(--bg);color:var(--fg);box-shadow:10px 0 30px #0003;border-inline-end:1px solid var(--panel-border);display:flex;flex-direction:column;overflow:hidden;direction:rtl;text-align:right;font-family:Assistant,sans-serif}.drawer-in{animation:slideInLeft .22s ease-out both}.drawer-out{animation:slideOutLeft .18s ease-in both}@keyframes slideInLeft{0%{transform:translate(-105%);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-105%);opacity:.6}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--panel-border);z-index:1;background:var(--bg)}.tabs-bar{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--panel-border);background:var(--body-bg)}.tab-btn{border:1px solid var(--panel-border);background:var(--panel);color:var(--fg);font-weight:600;cursor:pointer;padding:8px 12px;border-radius:999px}.tab-btn.active{background:var(--btn-create);color:#fff;border-color:var(--btn-create)}.drawer-body{padding:14px 16px;overflow:auto;flex:1}.drawer-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8;padding:12px 16px;border-top:1px solid var(--panel-border);background:var(--bg)}.form-input,.btn,.msg,textarea,input,select,label,.drawer-head h3,.drawer-body,.drawer-footer{font-family:Assistant,sans-serif}.form-input,textarea,input,select,.btn{font-size:16px}.form-input{padding:10px 12px;border:1px solid var(--panel-border);border-radius:10px;outline:none;background:var(--panel);color:var(--fg);text-align:right;width:100%}.form-input::placeholder{color:var(--muted)}.btn{padding:8px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--panel-border);background:var(--panel);color:var(--fg);font-weight:600}.btn.btn-outline{background:transparent;color:var(--fg);border-color:var(--panel-border)}.btn.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary-border)}.btn[disabled]{opacity:.6;cursor:not-allowed}.msg{font-size:13px;color:var(--fg);background:#f1f5f9;padding:6px 8px;border:1px solid var(--panel-border);border-radius:8px}@media (prefers-color-scheme: dark){.msg{background:#0f172a;color:var(--fg)}}body.dark .msg{background:#0f172a;color:var(--fg)}.msg-error{background:var(--error-bg);color:var(--error-fg);border-color:transparent}.msg-warning{background:var(--warning-bg);color:var(--warning-fg);border-color:transparent}.form-row{position:relative;margin-bottom:12px}.form-label{transform:none!important;display:block;margin-bottom:6px;font-size:14px;color:var(--fg);text-align:right;line-height:1.25}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px}.send-row{display:flex;align-items:center;gap:8;margin-top:8;flex-wrap:wrap}.editor-wrap{position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 8px 40px}.quill-host.ql-container{height:auto!important;border:none!important}.ql-container{font-family:Assistant,sans-serif;background:var(--panel);color:var(--fg)}.ql-editor{direction:rtl;text-align:right;font-family:Assistant,sans-serif;font-size:16px;min-height:64px;color:var(--fg)}.ql-editor.ql-blank:before{color:var(--muted)}.ql-editor img{max-width:100%;height:auto;display:inline-block}.ql-toolbar{background:var(--panel);border-color:var(--panel-border)!important}.ql-toolbar .ql-stroke{stroke:var(--fg)!important}.ql-toolbar .ql-fill{fill:var(--fg)!important}.ql-picker,.ql-picker-label,.ql-picker-item{color:var(--fg)!important}.ql-snow .ql-tooltip{background:var(--panel);color:var(--fg);border-color:var(--panel-border)}.send-fab{position:absolute;bottom:8px;left:8px;border-radius:999px;padding:12px;border:1px solid var(--panel-border);background:var(--btn-create);color:#fff;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.send-fab[disabled]{opacity:.6;cursor:not-allowed}.settings-grid{display:grid;gap:12px;grid-template-columns:minmax(240px,1fr);max-width:640px}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--pill-bg);color:var(--pill-fg);border:1px solid var(--panel-border)}.pill.mild{background:var(--pill-mild-bg);color:var(--pill-mild-fg);border-color:var(--panel-border)}.audit-diffs{display:flex;flex-wrap:wrap;gap:6px}.card img,.editor-wrap img{max-width:100%;height:auto;display:var(--card-img-display)}.ql-editor.ql-blank:before,.ql-snow .ql-editor.ql-blank:before{color:var(--muted)!important;opacity:1!important}textarea::placeholder,input::placeholder{color:var(--muted)!important;opacity:1!important}.msg{background:var(--panel);color:var(--fg);border:1px dashed var(--panel-border);border-radius:8px}.msg[style*=opacity]{opacity:.85!important}.drawer .btn{background:var(--btn-bg)!important;color:var(--btn-fg)!important;border:1px solid var(--btn-border)!important}.drawer .btn.btn-outline{background:var(--btn-bg)!important;color:var(--btn-fg)!important;border-color:var(--btn-border)!important}.drawer .btn.btn-primary{background:var(--btn-primary)!important;color:var(--btn-primary-fg)!important;border-color:var(--btn-primary)!important}.drawer :is(.form-input,textarea,input,select){background:var(--panel)!important;color:var(--fg)!important;border:1px solid var(--panel-border)!important}.drawer :is(textarea,input)::placeholder{color:var(--muted)!important;opacity:1!important}.drawer :is(.msg,.card,.editor-wrap){background:var(--panel)!important;color:var(--fg)!important;border-color:var(--panel-border)!important}.drawer .btn.btn-muted{background:#667085!important;color:#fff!important;border-color:#667085!important}:root{--bg: #fffdf6;--body-bg: #fffdf6;--fg: #222;--muted: #667085;--panel: #ffffff;--panel-border: #e5e7eb;--btn-bg: #ffffff;--btn-fg: #111;--btn-border: #e5e7eb;--btn-primary: #2563eb;--btn-primary-fg: #ffffff;--btn-create: #8d77ab}html[data-theme=dark]{--bg: #0b0f14;--body-bg: #0b0f14;--fg: #e7e7ea;--muted: #9aa6b2;--panel: #10151d;--panel-border: #293445;--btn-bg: #10151d;--btn-fg: #e7e7ea;--btn-border: #293445;--btn-primary: #8d77ab;--btn-primary-fg: #0b0f14}.drawer,.drawer *{--_bg: var(--bg);--_panel: var(--panel);--_fg: var(--fg);--_muted: var(--muted);--_panel-border: var(--panel-border);--_btn-bg: var(--btn-bg);--_btn-fg: var(--btn-fg);--_btn-border: var(--btn-border);--_btn-primary: var(--btn-primary);--_btn-primary-fg: var(--btn-primary-fg);--_btn-create: var(--btn-create)}.drawer,.drawer-head,.drawer-footer{background:var(--_bg)!important;color:var(--_fg)!important}.drawer .tabs-bar{background:var(--body-bg)!important;border-bottom:1px solid var(--_panel-border)!important}.drawer .card,.drawer .editor-wrap{background:var(--_panel)!important;color:var(--_fg)!important;border:1px solid var(--_panel-border)!important}.drawer .btn.btn-primary{background:var(--_btn-primary)!important;color:var(--_btn-primary-fg)!important;border-color:var(--_btn-primary)!important}.drawer .btn.btn-outline{background:var(--_btn-bg)!important;color:var(--_btn-fg)!important;border-color:var(--_btn-border)!important}.drawer .send-fab{background:var(--_btn-create)!important;color:#fff!important;border-color:var(--_btn-create)!important}.drawer .tab-btn{background:var(--_panel)!important;color:var(--_fg)!important;border:1px solid var(--_panel-border)!important}.drawer .tab-btn.active{background:var(--_btn-create)!important;color:#fff!important;border-color:var(--_btn-create)!important}.drawer :is(.form-input,textarea,input,select){background:var(--_panel)!important;color:var(--_fg)!important;border:1px solid var(--_panel-border)!important}.drawer :is(textarea,input)::placeholder{color:var(--_muted)!important;opacity:1!important}.drawer .msg{background:var(--_panel)!important;color:var(--_fg)!important;border:1px dashed var(--_panel-border)!important;border-radius:8px!important}.drawer .msg-error{background:#b91c1c2e!important;color:#ffecec!important}.drawer .msg-warning{background:#b453092e!important;color:#fff1d6!important}.drawer .ql-container{background:var(--_panel)!important;color:var(--_fg)!important;border:none!important}.drawer .ql-editor{color:var(--_fg)!important}.drawer .ql-editor.ql-blank:before,.drawer .ql-snow .ql-editor.ql-blank:before{color:var(--_muted)!important;opacity:1!important}.drawer .ql-toolbar.ql-snow{background:var(--_panel)!important;border-color:var(--_panel-border)!important}.drawer .ql-snow .ql-picker,.drawer .ql-snow .ql-stroke,.drawer .ql-snow .ql-fill{color:var(--_fg)!important;stroke:var(--_fg)!important;fill:var(--_fg)!important}.drawer .ql-snow .ql-picker-options{background:var(--_panel)!important;border-color:var(--_panel-border)!important}.drawer .ql-snow .ql-picker .ql-picker-label:hover,.drawer .ql-snow .ql-picker .ql-picker-item:hover,.drawer .ql-snow .ql-toolbar button:hover,.drawer .ql-snow .ql-toolbar button.ql-active{background:#ffffff0f}.drawer .msg-deleted{background:#7d7d7d26!important;color:var(--_fg)!important;border-style:dashed!important}.drawer-backdrop{background:#0f0a1a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer{background:var(--surface);color:var(--text);border-inline-end:1px solid var(--border);box-shadow:var(--shadow-xl)}.drawer-head{background:var(--surface);border-bottom:1px solid var(--border);position:relative}.drawer-head h3{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 16px;gap:8px}.tab-btn{background:transparent;border:2px solid var(--border);color:var(--text);padding:8px 18px;border-radius:var(--radius-full);font-weight:600;transition:all var(--transition)}.tab-btn:hover{border-color:#ec4899;transform:translateY(-1px)}.tab-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow)}.drawer-footer{background:var(--surface);border-top:1px solid var(--border);gap:12px}.drawer .btn.btn-primary,.drawer .btn.btn-create{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow)}.drawer .btn.btn-outline,.drawer .btn.btn-secondary{background:transparent;border:2px solid var(--border);color:var(--text)}.drawer .btn.btn-outline:hover,.drawer .btn.btn-secondary:hover{border-color:#ec4899;background:#ec48990d}.chat-thread{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:4px 2px}.chat-empty{color:var(--text-muted);text-align:center;padding:18px 0;font-size:14px}.chat-row{display:flex;width:100%}.chat-row--mine{justify-content:flex-end}.chat-row--theirs{justify-content:flex-start}.chat-bubble{position:relative;max-width:78%;min-width:0;padding:10px 14px 24px;border-radius:14px;box-shadow:0 1px 2px #0f172a0f;font-size:14.5px;line-height:1.55;color:var(--text);word-wrap:break-word;overflow-wrap:anywhere;overflow:hidden}.chat-bubble--mine{background:#fdf2f8;border:1px solid rgba(236,72,153,.28);border-end-end-radius:4px}.chat-bubble--mine:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;height:3px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-start-start-radius:14px;border-start-end-radius:14px}.chat-bubble--theirs{background:#fff;border:1px solid var(--border, #e5e7eb);border-end-start-radius:4px}html[data-theme=dark] .chat-bubble{color:#f1f5f9}html[data-theme=dark] .chat-bubble--mine{background:#ec48992e;border-color:#ec489973}html[data-theme=dark] .chat-bubble--theirs{background:#1e293be6;border-color:#6366f138}.chat-bubble.is-deleted{opacity:.55;font-style:italic}.chat-bubble__author{font-size:12px;font-weight:700;color:#be185d;margin-bottom:4px;letter-spacing:.2px}.chat-bubble--theirs .chat-bubble__author{color:#4338ca}html[data-theme=dark] .chat-bubble--mine .chat-bubble__author{color:#f9a8d4}html[data-theme=dark] .chat-bubble--theirs .chat-bubble__author{color:#c7d2fe}.chat-bubble__author-self{color:var(--text-muted);font-weight:500}.chat-bubble__body{display:block}.chat-bubble__body :is(p,h1,h2,h3,ul,ol,blockquote,pre){margin:.2em 0}.chat-bubble__body img{max-width:100%;height:auto;border-radius:8px;display:block;margin:6px 0;background:#fff}.chat-bubble__body table{display:block;overflow-x:auto;max-width:100%;width:max-content;border-collapse:collapse;margin:6px 0;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:6px}.chat-bubble__body table th,.chat-bubble__body table td{border:1px solid var(--border, #e5e7eb);padding:6px 10px;vertical-align:top;text-align:start;background:#fff;color:var(--text)}.chat-bubble__body table th{background:#6366f114;font-weight:700}.chat-bubble__body pre{background:#0f172a;color:#e2e8f0;padding:10px 12px;border-radius:8px;overflow-x:auto;direction:ltr}.chat-bubble__body a{color:#4338ca;text-decoration:underline}html[data-theme=dark] .chat-bubble__body a{color:#c7d2fe}.chat-bubble__body .re-mention,.chat-bubble__body span[data-type=mention]{display:inline-block;padding:0 6px;border-radius:6px;background:#6366f11f;color:#4338ca;font-weight:600;font-size:.95em;text-decoration:none}html[data-theme=dark] .chat-bubble__body .re-mention,html[data-theme=dark] .chat-bubble__body span[data-type=mention]{background:#818cf838;color:#c7d2fe}.chat-bubble__time{position:absolute;inset-block-end:6px;inset-inline-end:10px;font-size:11px;opacity:.7;white-space:nowrap;pointer-events:none;color:var(--text-muted)}.chat-bubble__edited{opacity:.85}.chat-bubble__actions{position:absolute;inset-block-start:4px;inset-inline-end:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s;pointer-events:none}.chat-bubble:hover .chat-bubble__actions,.chat-bubble:focus-within .chat-bubble__actions{opacity:1;pointer-events:auto}.chat-bubble--theirs .chat-bubble__actions{inset-inline-end:auto;inset-inline-start:4px}.chat-icon-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:0;cursor:pointer;font-size:11px;transition:background .12s}.chat-bubble--mine .chat-icon-btn{background:#ec48991f;color:#be185d}.chat-bubble--mine .chat-icon-btn:hover{background:#ec489938}.chat-bubble--theirs .chat-icon-btn{background:#6366f11a;color:#4338ca}.chat-bubble--theirs .chat-icon-btn:hover{background:#6366f133}.chat-edit-inline{margin:4px 0 2px}.chat-edit-inline__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.chat-composer{position:relative;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.chat-composer__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}:root{--body-bg: #fffdf6;--text: #222;--panel: #ffffff;--panel-border: #e7e1d0;--row-odd: #ffffff;--row-even: #faf6e9;--btn-edit: #a0c878;--btn-secondary: #ddeb9d;--btn-create: #8d77ab;--danger: #dc2626;--warning: #b45309;--ring: rgba(141, 119, 171, .35);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .18);--shadow-md: 0 14px 34px rgba(0, 0, 0, .14);--shadow-sm: 0 8px 18px rgba(0, 0, 0, .1);--radius-lg: 12px;--radius-md: 10px;--radius-sm: 8px;--trans-fast: .15s ease;--trans-snap: .06s ease}html[data-theme=dark]{--body-bg: #0e1111;--text: #e8e8e8;--panel: #13161a;--panel-border: #2a2f2f;--row-odd: #14181c;--row-even: #101418;--ring: rgba(141, 119, 171, .5);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .6);--shadow-md: 0 14px 34px rgba(0, 0, 0, .45);--shadow-sm: 0 8px 18px rgba(0, 0, 0, .35)}.drawer-backdrop{position:fixed;inset:0;background:#00000059;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.drawer{position:fixed;inset:0 auto 0 0;width:60vw;max-width:860px;height:100vh;background:var(--panel);color:var(--text);box-shadow:10px 0 30px #0003;border-inline-end:1px solid var(--panel-border);display:flex;flex-direction:column;overflow:hidden;direction:rtl;text-align:right;font-family:Assistant,system-ui,-apple-system,Segoe UI,Heebo,sans-serif}@media (max-width: 768px){.drawer{width:100vw}}.drawer-in-left{animation:nslideInLeft .22s ease-out both}.drawer-out-left{animation:nslideOutLeft .18s ease-in both}@keyframes nslideInLeft{0%{transform:translate(-105%);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes nslideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-105%);opacity:.6}}@media (prefers-reduced-motion: reduce){.drawer-in-left,.drawer-out-left{animation:none}}.drawer-inner{display:flex;flex-direction:column;height:100%}.drawer-head{background:var(--body-bg);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--panel-border)}.drawer-title{margin:0;font-weight:800;letter-spacing:.2px}.drawer-body{padding:14px 16px;overflow:auto;flex:1;background:var(--body-bg);color:var(--text)}.drawer-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--panel-border);background:var(--panel)}.new-task-form{max-width:760px;display:grid;gap:14px}.form-row{position:relative}.form-row.inline{display:grid;grid-template-columns:max-content 1fr;align-items:center;column-gap:12px;row-gap:6px}.form-label{margin:0;font-size:14px;color:var(--muted, #6b6b6b);font-weight:700}.form-input{width:100%;border:1px solid var(--panel-border);background:var(--input-bg, var(--panel));color:var(--input-fg, var(--text));border-radius:var(--radius-md);padding:10px 12px;outline:none;text-align:right;transition:border-color var(--trans-fast),box-shadow var(--trans-fast),background var(--trans-fast)}.form-input:focus,.form-input:focus-visible{border-color:var(--btn-create);box-shadow:0 0 0 3px var(--ring)}.form-input::placeholder{opacity:.7}.trio-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:10px;align-items:center}@media (max-width: 900px){.trio-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.trio-row{grid-template-columns:1fr}}.compact-field{max-width:200px;display:grid;grid-template-columns:max-content 1fr;align-items:center;column-gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--btn-border, rgba(0, 0, 0, .08));border-radius:var(--radius-lg);padding:8px 12px;font-weight:800;cursor:pointer;background:transparent;color:var(--text);transition:transform var(--trans-snap),filter var(--trans-fast),background var(--trans-fast),border-color var(--trans-fast),box-shadow var(--trans-fast);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;border-color:var(--panel-border)}.btn-outline:hover{background:var(--row-even)}.btn-outline:active{transform:translateY(1px)}.btn-outline:focus-visible{box-shadow:0 0 0 3px var(--ring)}.btn-secondary{background:var(--btn-secondary);color:#222;border-color:var(--btn-border, rgba(0, 0, 0, .08))}.btn-secondary:hover{filter:brightness(.98)}.btn-secondary:active{transform:translateY(1px)}.btn-secondary:focus-visible{box-shadow:0 0 0 3px var(--ring)}.btn-create{background:var(--btn-create);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.btn-create:hover{filter:brightness(1.02)}.btn-create:active{transform:translateY(1px)}.btn-create:focus-visible{box-shadow:0 0 0 3px var(--ring)}.icon-btn{inline-size:24px;block-size:24px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--btn-border, rgba(0, 0, 0, .08));background:var(--btn-edit);color:#222;font-size:18px;line-height:1;cursor:pointer;transition:filter var(--trans-fast),transform var(--trans-snap),box-shadow var(--trans-fast);box-shadow:0 1px #0000000f}.icon-btn:hover{filter:brightness(.98)}.icon-btn:active{transform:translateY(1px)}.icon-btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.assignees-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.assignee-avatar{display:inline-block}.date-input{max-width:220px}.priority-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;height:28px;padding:4px 8px;border-radius:999px;border:1px solid var(--panel-border);font-size:12px;font-weight:600;cursor:pointer;position:relative;box-shadow:inset 0 -1px #0000000a;transition:transform var(--trans-snap),box-shadow var(--trans-fast),filter var(--trans-fast);background:var(--panel);color:var(--text)}.priority-pill:hover{filter:brightness(1.02)}.priority-pill:active{transform:translateY(1px)}.priority-pill:focus-visible{box-shadow:0 0 0 3px var(--ring)}.priority-pill .prio-flag{inline-size:10px;block-size:10px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px #0000000a}html[data-theme=dark] .priority-pill .prio-flag{box-shadow:0 0 0 2px #ffffff0f}.priority-pill .prio-label{white-space:nowrap;font-weight:600}.priority-pill .prio-check{margin-inline-start:0;font-size:12px}.priority-pill[data-state=HIGHEST]{color:#7a1020!important;background:#ffe5ea!important;border-color:#ffc9d3!important}.priority-pill[data-state=HIGH]{color:#5c1a00!important;background:#ffe9d6!important;border-color:#ffd2ad!important}.priority-pill[data-state=MEDIUM]{color:#3f2e00!important;background:#fff2c2!important;border-color:#ffe39a!important}.priority-pill[data-state=LOW]{color:#1d422b!important;background:#e5f6ea!important;border-color:#c7ead2!important}.priority-pill[data-state=NONE],.priority-pill:not([data-state]){color:#6a6a6a!important;background:#0000000f!important;border-color:#0000001f!important}html[data-theme=dark] .priority-pill[data-state=NONE],html[data-theme=dark] .priority-pill:not([data-state]){color:#a3a3a3!important;background:#ffffff14!important;border-color:#ffffff1f!important}.priority-tag{display:inline-flex;align-items:center;gap:6px;margin-inline-start:8px;padding:4px 8px;border-radius:999px;border:1px solid var(--panel-border);font-size:12px}.priority-menu{background:#fff;position:fixed;z-index:2147483647!important;width:240px;padding:10px;color:var(--text);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow-xl);direction:rtl;text-align:right;overflow:auto;-webkit-overflow-scrolling:touch}.priority-menu-title{font-size:12px;color:var(--muted, #6b6b6b);margin-bottom:6px;font-weight:800;padding:0 4px;letter-spacing:.1px}.priority-list{display:grid;gap:6px}.priority-item{display:grid;grid-template-columns:18px 1fr max-content;align-items:center;gap:5px;width:100%;background:transparent;border:1px solid var(--panel-border);border-radius:50px;padding:5px;cursor:pointer;color:var(--text);font-size:13px;transition:background var(--trans-fast),box-shadow var(--trans-fast)}.priority-item:hover{background:var(--row-even)}.priority-item.is-active{box-shadow:0 0 0 3px var(--ring)}.priority-item .prio-flag{inline-size:18px;block-size:18px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f}.priority-item .prio-check{font-weight:900}.priority-item .prio-flag[data-state=HIGHEST]{background:#b91c1c}.priority-item .prio-flag[data-state=HIGH]{background:#ef4444}.priority-item .prio-flag[data-state=MEDIUM]{background:#fff2c2}.priority-item .prio-flag[data-state=LOW]{background:#f59e0b}.priority-item .prio-flag[data-state=NONE]{background:#0000000f}html[data-theme=dark] .priority-item[data-state=NONE]{background:#374151}.priority-item span{text-align:right}.form-row.editor-block .form-label{margin-bottom:10px}.editor-wrap{position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:8px;box-shadow:0 1px #0000000a}.ql-toolbar.ql-snow{background:var(--panel)!important;color:var(--text);border:1px solid var(--panel-border)!important;border-radius:var(--radius-md);margin-bottom:8px;padding:6px 8px}.ql-toolbar .ql-picker,.ql-toolbar button{color:var(--text)}html[data-theme=dark] .ql-toolbar.ql-snow{background:var(--panel)!important;border-color:var(--panel-border)!important}.quill-host.ql-container{border:none!important}.ql-container{font-family:Assistant,system-ui,sans-serif}.ql-editor{direction:rtl;text-align:right;font-family:Assistant,system-ui,sans-serif;font-size:16px;min-height:64px;padding:8px 10px;color:var(--text)}.ql-editor img,.prose img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;border:0}.send-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.msg{font-size:14px;margin-top:6px;color:var(--text)}.msg-error{color:var(--danger)}.msg-warning{color:var(--warning)}.purple-check input[type=checkbox]{inline-size:18px;block-size:18px;accent-color:var(--btn-create)}.assignee-menu{position:fixed;z-index:2147483647!important;width:320px;background:#fff;color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:8px;direction:rtl;text-align:right;overflow:auto;-webkit-overflow-scrolling:touch}.assignee-menu__row{display:flex;gap:8px;margin-bottom:8px}.assignee-menu__search{flex:1;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--panel-border);outline:none;background:var(--input-bg, var(--panel));color:var(--input-fg, var(--text));font-size:16px;transition:border-color var(--trans-fast),box-shadow var(--trans-fast),background var(--trans-fast)}.assignee-menu__search:focus,.assignee-menu__search:focus-visible{border-color:var(--btn-create);box-shadow:0 0 0 3px var(--ring)}.assignee-menu__list{display:grid;gap:6px}.assignee-menu__empty{padding:8px;color:var(--muted, #6b6b6b)}.assignee-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--row-odd);transition:background var(--trans-fast),border-color var(--trans-fast),box-shadow var(--trans-fast)}.assignee-menu__item:hover{background:var(--row-even)}.assignee-menu__meta{display:grid;line-height:1.15}.assignee-menu__name{font-size:16px;font-weight:700}.assignee-menu__email{font-size:12px;color:var(--muted, #6b6b6b);direction:ltr}.assignee-menu__cta{margin-inline-start:auto}.dropzone{border:1px dashed var(--panel-border);border-radius:12px;background:var(--row-even);padding:12px;text-align:center;color:var(--muted, #6b6b6b)}.files-list{margin-top:10px;display:grid;gap:8px}.file-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 10px;background:var(--row-odd);border:1px solid var(--panel-border);border-radius:10px}.file-actions{display:inline-flex;gap:6px}.drawer-body,.priority-menu,.assignee-menu{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) transparent}.drawer-body::-webkit-scrollbar,.priority-menu::-webkit-scrollbar,.assignee-menu::-webkit-scrollbar{height:10px;width:10px}.drawer-body::-webkit-scrollbar-thumb,.priority-menu::-webkit-scrollbar-thumb,.assignee-menu::-webkit-scrollbar-thumb{background:#00000047;border-radius:10px}.drawer-body::-webkit-scrollbar-track,.priority-menu::-webkit-scrollbar-track,.assignee-menu::-webkit-scrollbar-track{background:transparent}.form-row.handlers-visibility{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-row.handlers-visibility .assignees-row,.form-row.handlers-visibility .assignee-picker,.form-row.handlers-visibility .assignee-avatar{order:1}.form-row.handlers-visibility .purple-check{order:2;display:inline-flex;align-items:center;gap:8px;margin:0}.form-row.handlers-visibility .purple-check label{font-size:14px;font-weight:700;color:var(--text);cursor:pointer}.form-row.handlers-visibility .purple-check input[type=checkbox]{inline-size:18px;block-size:18px;accent-color:var(--btn-create)}@media (max-width: 560px){.form-row.handlers-visibility{gap:10px}.form-row.handlers-visibility .purple-check{margin-inline-start:0}}.task-table-wrap{background:#fffdf6;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a;color:#222}.task-table-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.task-table-title .project-name{font-size:18px;font-weight:700}.task-table-title .client-name{font-size:13px;color:var(--muted, #666)}.task-table-actions .new-task-btn{display:inline-flex;align-items:center;gap:6px}.table-wrapper{width:100%;overflow-x:visible}.task-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:auto}.task-table thead th{background:#f5f1e3;padding:8px 10px;text-align:right;font-size:13px;font-weight:600;border-bottom:1px solid rgba(0,0,0,.08)}.task-table tbody tr:nth-child(odd){background:#fff}.task-table tbody tr:nth-child(2n){background:#faf6e9}.task-table td{padding:8px 10px;font-size:13px;vertical-align:top;box-sizing:border-box}.cell-title .title{font-size:14px;font-weight:600}.cell-title .sub{font-size:11px;margin-top:2px}.task-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.task-table thead th.sortable .th-label{display:inline-flex;align-items:center;gap:4px}.task-table thead th.is-active{font-weight:700}.th-arrow{margin-inline-start:6px;font-size:.85em;opacity:.7}.task-table .empty-row{text-align:center;color:var(--muted, #666);height:72px}.priority-tag.priority-tag-btn{min-width:96px;height:28px;font-weight:600;justify-content:center;border-radius:999px;border:none;cursor:pointer}.priority-tag.is-locked{opacity:.7;cursor:not-allowed}.prio-highest{background:#ffebe9;color:#b42318}.prio-high{background:#ffe8cc;color:#b54708}.prio-medium{background:#e6f4ff;color:#175cd3}.prio-low{background:#ecfdf3;color:#027a48}.prio-none{background:#f4f4f5;color:#3f3f46}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px}.status-dot{width:8px;height:8px;border-radius:999px}.st-open{background:#e0f2fe;color:#075985}.st-open .status-dot{background:#0369a1}.st-inprogress{background:#fff7ed;color:#9a3412}.st-inprogress .status-dot{background:#ea580c}.st-waiting{background:#fef3c7;color:#92400e}.st-waiting .status-dot{background:#d97706}.st-qa{background:#f5f3ff;color:#5b21b6}.st-qa .status-dot{background:#7c3aed}.st-sent{background:#e0f2fe;color:#075985}.st-sent .status-dot{background:#0369a1}.st-approved{background:#ecfdf3;color:#166534}.st-approved .status-dot{background:#16a34a}.st-done{background:#e5e7eb;color:#374151}.st-done .status-dot{background:#4b5563}.cell-time,.cell-estimate,.cell-due,.cell-expected,.cell-status{white-space:nowrap}.price-display{display:flex;flex-direction:column;align-items:flex-start;font-size:13px}.price-display span{font-size:12px;color:var(--muted, #666)}.time-edit-wrap{display:flex;align-items:center;gap:4px}.time-edit-input{width:80px;padding:2px 4px;font-size:12px;text-align:center;border-radius:8px;border:1px solid var(--panel-border, #e5e7eb);background:var(--input-bg, #fff);color:var(--input-fg, #111827)}.time-edit-input:focus{outline:none;border-color:#8d77ab;box-shadow:0 0 0 2px #8d77ab33}.time-display-btn{all:unset;display:inline-flex;flex-direction:column;align-items:flex-start;cursor:default}.time-display-btn.is-clickable{cursor:pointer}.time-display-main{font-variant-numeric:tabular-nums}.time-running-extra{color:var(--muted, #666);font-size:12px;line-height:1.2}.cell-assignees-inner{display:flex;align-items:center;gap:6px}.avatar-stack+.avatar-stack{margin-left:-6px}.assignee-preview{margin-top:4px;font-size:11px;color:var(--muted, #666)}.due-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-weight:600;font-size:12px}.invoice-sent-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;background:#ddeb9d;color:#222;border:1px solid #c9db7e;margin-inline-start:6px;white-space:nowrap}.invoice-send-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:none;font-size:13px;background:#8d77ab;color:#fff;box-shadow:0 1px 2px #0000000f;margin-inline-start:6px;white-space:nowrap;cursor:pointer}.invoice-send-btn:disabled{opacity:.7;cursor:wait}.cell-actions .actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.icon-btn--info{background:var(--btn-secondary, #dde3fd)}.icon-btn--danger{background:var(--btn-edit, #a0c878)}@media (max-width: 1024px){.task-table-wrap{padding:12px;box-shadow:none;background:transparent}.cell-time,.cell-estimate,.cell-due,.cell-expected,.cell-status{white-space:normal}}.cell-title-chevron{display:none}@media (max-width: 1024px){.table-wrapper{overflow-x:visible}.task-table{border-collapse:separate;border-spacing:0 8px;width:100%;max-width:100%}.task-table thead{display:none}.task-table tbody tr.task-row{display:block;background:#fff;border-radius:16px;box-shadow:0 2px 6px #0000000f;border:1px solid rgba(0,0,0,.05);margin-bottom:8px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.task-table tbody tr.task-row:last-child{margin-bottom:0}.task-table tbody td{display:none;border:none;padding:6px 12px;font-size:13px;box-sizing:border-box}.task-table tbody td.cell-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px;cursor:pointer;background:#fffdf6}.cell-title-inner{flex:1}.cell-title-chevron{display:block;font-size:12px;color:var(--muted, #666);transform:rotate(0);transition:transform .2s ease;margin-top:4px}.task-row.is-expanded .cell-title-chevron{transform:rotate(180deg)}.task-row.is-expanded td{display:flex;align-items:center;width:100%}.task-row.is-expanded td.cell-title{border-bottom:1px solid rgba(0,0,0,.06)}.task-table tbody td[data-label]:before{content:attr(data-label);min-width:90px;margin-left:8px;font-size:11px;color:var(--muted, #666);flex-shrink:0}.task-table tbody td.cell-title[data-label]:before{content:""}.cell-status>div,.cell-priority>*,.cell-time>*,.cell-estimate>*,.cell-due>*,.cell-expected>*,.cell-assignees>div:first-child{flex:1}.cell-due .due-badge{font-size:11px;padding-inline:10px}.cell-actions{padding-top:6px;padding-bottom:8px}.cell-actions .actions{flex-wrap:wrap;gap:6px}.cell-actions .icon-btn{width:32px;height:32px}.invoice-sent-badge,.invoice-send-btn{margin-inline-start:0;margin-top:4px}}@media (max-width: 600px){.task-table-wrap{padding:8px 4px}.task-table tbody td{padding-inline:10px}}.task-delete-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.task-delete-modal{max-width:420px;width:90%;padding:1.5rem 1.75rem;border-radius:1rem;background:#fffdf6;box-shadow:0 10px 30px #00000040}.task-delete-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.task-delete-message{margin:0 0 1.25rem;line-height:1.5}.task-delete-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn.btn-danger{background:#d9534f;color:#fff}.home-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:32px;min-height:100vh}.home-sidebar{order:-1}.home-main{min-width:0;display:flex;flex-direction:column;gap:20px}.home-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:16px 20px}.toolbar-right,.toolbar-left{display:flex;align-items:center;gap:12px}.filter-chips{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface-elevated);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition);white-space:nowrap}.filter-chip i{font-size:14px;opacity:.7}.filter-chip:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.filter-chip.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow)}.filter-chip.active i{opacity:1}.calendar-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface-elevated);color:var(--text);cursor:pointer;transition:all var(--transition);font-weight:600;font-size:14px}.calendar-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.date-popover{position:fixed;width:480px;max-width:min(480px,calc(100vw - 32px));background:var(--surface);color:var(--text);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:2px solid var(--border);z-index:1000}.date-popover-inner{padding:20px;display:flex;flex-direction:column;gap:16px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset{border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:600;background:var(--surface-elevated);border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;transition:all var(--transition);text-align:center}.preset:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow)}.preset:active{transform:translateY(0)}.preset.clear{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#fca5a5}.preset.clear:hover{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-color:transparent}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.range-grid .field:last-child{grid-column:1 / -1}.range-grid .field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.range-grid .field input[type=date],.range-grid .field select{width:100%;border-radius:var(--radius);padding:10px 12px;font-size:14px;border:2px solid var(--border);background:var(--input-bg);color:var(--text);box-sizing:border-box;font-weight:500;transition:all var(--transition)}.range-grid .field input[type=date]:focus,.range-grid .field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-alpha)}.actions-row{margin-top:4px;display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:2px solid var(--border)}.task-table-wrap{background:var(--surface);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow);border:2px solid var(--border)}.task-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.task-table-title{display:grid;gap:4px}.project-name{font-weight:700;font-size:22px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.client-name{font-size:14px;color:var(--text-muted);font-weight:500}.task-table-actions{display:inline-flex;align-items:center;gap:12px}.new-task-btn{display:inline-flex;align-items:center;gap:8px;border-color:transparent}.new-task-btn i{font-size:14px}.task-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.task-table thead th{background:var(--surface-elevated);padding:12px 16px;text-align:right;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:1}.task-table thead th:first-child{border-top-right-radius:var(--radius)}.task-table thead th:last-child{border-top-left-radius:var(--radius)}.task-table tbody tr{transition:all var(--transition);border-bottom:1px solid var(--border)}.task-table tbody tr:hover{background:var(--surface-elevated);transform:scale(1.01);box-shadow:var(--shadow)}.task-table td{padding:16px;vertical-align:middle}.cell-title{max-width:350px}.inline-edit-input{width:100%;font:inherit;background:var(--surface, #fff);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:6px 10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.inline-edit-input:focus{border-color:var(--input-focus, #ec4899);box-shadow:0 0 0 3px #ec489929}.cell-title .title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.cell-title .sub{font-size:13px;color:var(--text-muted);line-height:1.4}.cell-title .sub.muted{opacity:.8}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;border:2px solid transparent}.status-dot{width:8px;height:8px;border-radius:50%}.status-badge.st-open{background:var(--surface-elevated);color:var(--text-muted);border-color:var(--border)}.status-badge.st-open .status-dot{background:#94a3b8}.status-badge.st-inprogress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.st-inprogress .status-dot{background:#3b82f6}.status-badge.st-waiting{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#92400e}.status-badge.st-waiting .status-dot{background:#f59e0b}.status-badge.st-qa{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.status-badge.st-qa .status-dot{background:#a855f7}.status-badge.st-sent{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a}.status-badge.st-sent .status-dot{background:#2563eb}.status-badge.st-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.st-approved .status-dot{background:#10b981}.status-badge.st-done{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#14532d}.status-badge.st-done .status-dot{background:#22c55e}.priority-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;border:2px solid transparent;min-width:90px}.priority-tag.prio-highest{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.priority-tag.prio-high{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#92400e}.priority-tag.prio-medium{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.priority-tag.prio-low{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.priority-tag.prio-none{background:var(--surface-elevated);color:var(--text-muted);border-color:var(--border)}.cell-actions .actions{display:inline-flex;align-items:center;gap:8px}@media (hover: hover) and (pointer: fine){.task-table tbody tr .cell-actions .actions>*{opacity:0;transition:opacity .15s ease}.task-table tbody tr:hover .cell-actions .actions>*,.task-table tbody tr:focus-within .cell-actions .actions>*,.task-table tbody tr .cell-actions .actions .icon-btn--timer.is-running,.task-table tbody tr .cell-actions .actions .invoice-sent-badge{opacity:1}}.icon-btn--timer.is-running{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;animation:timer-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes timer-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--surface-elevated);color:var(--text);cursor:pointer;transition:all var(--transition)}.icon-btn:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow)}.icon-btn i{font-size:14px}.invoice-sent-badge{background:var(--success-bg);color:var(--success);border:2px solid var(--success)}.invoice-send-btn{background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow)}.invoice-send-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (min-width: 769px){.filters-toolbar{justify-content:space-between}.filters-toolbar .toolbar-right{flex:1 1 auto}.filters-toolbar .toolbar-left{flex:0 0 auto}}@media (max-width: 1024px){.home-layout{grid-template-columns:1fr;padding:20px;gap:16px}.home-sidebar{order:2}.home-main{order:1}.task-table-wrap{padding:20px}}@media (max-width: 768px){.home-layout{padding:16px 12px}.home-toolbar{flex-direction:column;align-items:stretch;padding:16px}.toolbar-right,.toolbar-left{width:100%}.filter-chips{gap:8px}.filter-chip{font-size:13px;padding:9px 14px}.calendar-btn{width:100%;justify-content:center}.task-table-wrap{padding:16px}.task-table-header{flex-direction:column;align-items:flex-start}.project-name{font-size:20px}.task-table thead{display:none}.task-table tbody{display:grid;gap:12px}.task-table tbody tr{display:block;background:var(--surface-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);padding:16px}.task-table tbody tr:hover{transform:none}.task-table td{display:block;padding:8px 0;border:none}.cell-title{max-width:none;margin-bottom:12px}.cell-actions{margin-top:12px;padding-top:12px;border-top:2px solid var(--border)}.date-popover{position:fixed;inset:auto 0 0;width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);border:none;border-top:3px solid var(--border)}.date-popover-inner{padding:20px 16px 24px;max-height:75vh;overflow-y:auto}.presets{grid-template-columns:repeat(2,1fr);gap:10px}.preset{padding:12px 14px;font-size:14px}.range-grid{grid-template-columns:1fr;margin-top:16px;gap:14px}.range-grid .field:last-child{grid-column:1}.range-grid .field input[type=date],.range-grid .field select{font-size:14px;padding:12px 14px}.actions-row{margin-top:16px;padding-top:20px}}:root{--bg: #fffdf6;--panel: #fff;--ink: #222;--muted: #666;--line: #ece7d8;--btn: #8d77ab;--btn-2: #ddeb9d;--btn-3: #a0c878;--focus: #8d77ab55;--hover: #f6f2ea;--chip: #f5f1e3}.filters-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line)}.filters-toolbar .toolbar-right{justify-self:start}.filters-toolbar .toolbar-middle{justify-self:center}.filters-toolbar .toolbar-left{justify-self:end;position:relative}.select.like-analytics{appearance:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 28px 8px 14px;font-size:14px;color:var(--ink);min-width:180px;line-height:1.2;box-shadow:0 1px 2px #00000008;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%),linear-gradient(to right,#fff,#fff);background-position:14px calc(50% + 2px),7px calc(50% + 2px),0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat}.select.like-analytics:focus{outline:none;border-color:var(--btn);box-shadow:0 0 0 3px var(--focus)}.calendar-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:14px;color:var(--ink);box-shadow:0 1px 2px #00000008}.calendar-btn:hover{background:var(--hover)}.calendar-btn i{font-size:16px}.cal-btn-text{white-space:nowrap}.date-popover{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:1000;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #00000014;min-width:420px;background-color:#fffdf6}.date-popover-inner{padding:12px;display:flex;flex-direction:column;gap:12px}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset{background:var(--chip);border:1px solid var(--line);color:var(--ink);padding:6px 10px;border-radius:999px;font-size:13px;line-height:1;cursor:pointer}.preset:hover{background:var(--hover)}.preset.clear{color:#a33;border-color:#e8caca;background:#fff6f6}.range-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.range-grid .field{display:flex;flex-direction:column;gap:6px}.range-grid label{font-size:12px;color:var(--muted)}.range-grid input[type=date],.range-grid select{appearance:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px;color:var(--ink);background:#fff}.range-grid input[type=date]:focus,.range-grid select:focus{outline:none;border-color:var(--btn);box-shadow:0 0 0 3px var(--focus)}.actions-row{display:flex;justify-content:flex-start;gap:8px}@media (max-width: 860px){.filters-toolbar{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.filters-toolbar .toolbar-middle{grid-column:span 2;justify-self:stretch;display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.date-popover{inset-inline:8px;min-width:auto}.range-grid{grid-template-columns:1fr}}.msg{margin-inline-start:10px;font-size:13px;color:var(--muted)}.msg-error{color:#a33}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fdf2f8,#faf5ff,#f3e8ff);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:.08;animation:float 20s ease-in-out infinite}.login-page:before{width:500px;height:500px;top:-250px;right:-250px;animation-delay:0s}.login-page:after{width:400px;height:400px;bottom:-200px;left:-200px;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-card{position:relative;z-index:1;width:100%;max-width:440px;animation:fadeIn .6s ease-out}.login-brand{text-align:center;margin-bottom:32px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-brand__logo{height:64px;width:auto;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(236,72,153,.2));transition:transform var(--transition)}.login-brand__logo:hover{transform:scale(1.05)}.login-brand__title{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.login-brand__sub{font-size:16px;color:var(--text-muted);margin:0}.login-panel{background:var(--surface);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-xl);border:1px solid var(--border);position:relative;overflow:hidden;animation:fadeIn .6s ease-out .2s backwards}.login-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.login-panel__title{font-size:24px;font-weight:700;margin:0 0 24px;color:var(--text)}.login-form{display:grid;gap:20px}.login-form .form-row{display:grid;gap:8px}.login-form .form-label{font-size:14px;font-weight:600;color:var(--text)}.login-form .form-input{width:100%;padding:14px 16px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-fg);font-size:15px;outline:none;transition:all var(--transition)}.login-form .form-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f;transform:translateY(-1px)}.login-msg{padding:12px 16px;border-radius:var(--radius);font-size:14px;display:flex;align-items:center;gap:8px;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-msg--error{background:var(--danger-bg);color:var(--danger);border-left:4px solid var(--danger)}.login-msg--success{background:var(--success-bg);color:var(--success);border-left:4px solid var(--success)}.login-actions{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:8px}.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);font-weight:600;font-size:15px;cursor:pointer;transition:all var(--transition);border:none;outline:none;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition)}.login-btn:hover:before{opacity:1}.login-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.login-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-btn--primary:active{transform:translateY(0)}.login-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn--outline{background:transparent;color:#ec4899;border:2px solid var(--input-border)}.login-btn--outline:hover{background:#ec489914;border-color:#ec4899}.login-inline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.login-helper{font-size:13px;color:var(--text-muted)}.login-link{font-size:14px;font-weight:600;color:#ec4899;text-decoration:none;position:relative;transition:color var(--transition-fast)}.login-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition)}.login-link:hover{color:#8b5cf6}.login-link:hover:after{transform:scaleX(1)}html[data-theme=dark] .login-page{background:linear-gradient(135deg,#0f0a1a,#1a1425,#221b2e)}html[data-theme=dark] .login-panel{box-shadow:0 20px 48px #0009}.otp-wrap{display:flex;gap:10px;justify-content:center;align-items:center;direction:ltr;padding:8px 0 4px;flex-wrap:wrap}.otp-slot{width:54px;height:64px;text-align:center;font-size:28px;font-weight:700;font-family:Assistant,sans-serif;border:2px solid var(--input-border);border-radius:var(--radius-lg);background:var(--input-bg);color:var(--input-fg);outline:none;transition:all var(--transition);caret-color:#ec4899;box-shadow:var(--shadow-sm)}.otp-slot:hover{border-color:var(--border-strong)}.otp-slot:focus,.otp-slot--active{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48992e,var(--shadow);transform:translateY(-2px)}@media (max-width: 480px){.otp-slot{width:44px;height:54px;font-size:22px}.otp-wrap{gap:6px}}@media (max-width: 640px){.login-panel{padding:28px 24px}.login-brand__title{font-size:28px}.login-panel__title{font-size:20px}.login-actions{grid-template-columns:1fr}.login-btn{width:100%}}.clients-page{max-width:1400px;margin:0 auto;padding:32px;animation:fadeIn .6s ease-out}.clients-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:3px solid transparent;border-image:var(--gradient-primary) 1}.clients-title{font-size:36px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.clients-toolbar{margin-bottom:24px}.clients-search{width:100%;max-width:500px;padding:14px 20px;border:2px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);color:var(--input-fg);font-size:15px;outline:none;transition:all var(--transition);box-shadow:var(--shadow-sm)}.clients-search:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f,var(--shadow);transform:translateY(-2px)}.clients-search::placeholder{color:var(--text-muted)}.alert{padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:20px;display:flex;align-items:center;gap:12px;font-weight:600;animation:shake .4s ease-out}.alert-error{background:var(--danger-bg);color:var(--danger);border-left:4px solid var(--danger)}.clients-card{background:var(--surface);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;overflow:hidden}.clients-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.clients-table{width:100%;border-collapse:separate;border-spacing:0}.clients-table thead{background:var(--table-head);position:relative}.clients-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.clients-table th{padding:16px;text-align:right;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text);border-bottom:none}.clients-table tbody tr{transition:all var(--transition);border-bottom:1px solid var(--border)}.clients-table tbody tr:nth-child(odd){background:var(--row-odd)}.clients-table tbody tr:nth-child(2n){background:var(--row-even)}.clients-table tbody tr:hover{background:var(--row-hover);transform:translate(-4px);box-shadow:var(--shadow)}.clients-table td{padding:16px;font-size:14px;vertical-align:middle}.cell-notes{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:13px}.no-results{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:16px;font-weight:500}.actions{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.icon-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%);opacity:0;transition:opacity var(--transition)}.icon-btn:hover:before{opacity:1}.icon-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--shadow-lg)}.btn-edit{background:var(--gradient-secondary);color:#fff}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.icon-btn i{font-size:16px;position:relative;z-index:1}@media (max-width: 1200px){.clients-page{padding:24px}.clients-title{font-size:28px}}@media (max-width: 768px){.clients-page{padding:16px}.clients-header{flex-direction:column;align-items:flex-start;gap:16px}.clients-title{font-size:24px}.clients-search{max-width:100%}.clients-card{padding:16px}.table-wrapper{overflow-x:auto}.clients-table{display:block}.clients-table thead{display:none}.clients-table tbody{display:grid;gap:16px}.clients-table tr{display:grid;grid-template-columns:1fr;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.clients-table td{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start;padding:8px 0;border:none}.clients-table td:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.cell-notes{max-width:100%;white-space:normal}.actions{grid-column:1 / -1;justify-content:flex-start}}.projects-page{max-width:1400px;margin:0 auto;padding:32px;animation:fadeIn .6s ease-out}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:3px solid transparent;border-image:var(--gradient-primary) 1}.projects-title{font-size:36px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.projects-card{background:var(--surface);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;overflow:hidden}.projects-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.projects-table{width:100%;border-collapse:separate;border-spacing:0}.projects-table thead{background:var(--table-head);position:relative}.projects-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.projects-table th{padding:16px;text-align:right;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text);border-bottom:none}.projects-table tbody tr{transition:all var(--transition);border-bottom:1px solid var(--border)}.projects-table tbody tr:nth-child(odd){background:var(--row-odd)}.projects-table tbody tr:nth-child(2n){background:var(--row-even)}.projects-table tbody tr:hover{background:var(--row-hover);transform:translate(-4px);box-shadow:var(--shadow)}.projects-table td{padding:16px;font-size:14px;vertical-align:middle}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;border:2px solid;transition:all var(--transition)}.status-tag:before{content:"";width:6px;height:6px;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-active:before{background:var(--success)}.status-inactive:before{background:var(--danger)}.assignees-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.assignees-empty{color:var(--text-muted);font-size:13px}.cell-actions{white-space:nowrap}.cell-actions .actions{display:flex;align-items:center;gap:8px}.project-delete-popup{animation:slideUp .3s ease-out}.project-delete-popup h4{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-loading{text-align:center;padding:60px 20px;font-size:18px;color:var(--text-muted);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 1200px){.projects-page{padding:24px}.projects-title{font-size:28px}}@media (max-width: 768px){.projects-page{padding:16px}.projects-header{flex-direction:column;align-items:flex-start;gap:16px}.projects-title{font-size:24px}.projects-card{padding:16px}.table-wrapper{overflow-x:auto}.projects-table{display:block}.projects-table thead{display:none}.projects-table tbody{display:grid;gap:16px}.projects-table tr{display:grid;grid-template-columns:1fr;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.projects-table td{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:8px 0;border:none}.projects-table td:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.cell-actions{grid-column:1 / -1}.cell-actions .actions{justify-content:flex-start}}.users-page{max-width:1400px;margin:0 auto;padding:32px;animation:fadeIn .6s ease-out}.users-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:3px solid transparent;border-image:var(--gradient-primary) 1;flex-wrap:wrap}.users-title{font-size:36px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.users-toolbar{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.users-search{width:100%;max-width:320px;padding:12px 18px;border:2px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);color:var(--input-fg);font-size:14px;outline:none;transition:all var(--transition);box-shadow:var(--shadow-sm)}.users-search:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f,var(--shadow);transform:translateY(-2px)}.users-search::placeholder{color:var(--text-muted)}.users-toolbar .select{padding:12px 16px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-fg);font-size:14px;outline:none;transition:all var(--transition);cursor:pointer}.users-toolbar .select:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f}.users-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.users-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.card-loading{padding:36px;text-align:center;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:16px}.table-wrapper{position:relative;overflow:auto;border-radius:var(--radius-xl)}.users-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;font-size:14px;background:transparent;color:var(--text)}.users-table thead th{position:sticky;top:0;background:var(--table-head, rgba(236, 72, 153, .04));color:var(--text);text-align:right;padding:14px 16px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;z-index:2}.users-table thead{position:relative}.users-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.users-table tbody tr{transition:all var(--transition)}.users-table tbody tr:nth-child(odd){background:var(--row-odd, var(--surface))}.users-table tbody tr:nth-child(2n){background:var(--row-even, rgba(236, 72, 153, .02))}.users-table tbody tr:hover{background:var(--row-hover, rgba(236, 72, 153, .06));transform:translate(-4px);box-shadow:var(--shadow)}.users-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.user-cell{display:flex;align-items:center;gap:10px}.cell-actions .actions{display:flex;gap:8px}.users-page .btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text);border:2px solid var(--input-border);border-radius:var(--radius-full);padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.users-page .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.users-page .btn.btn-create{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow)}.users-page .btn.btn-create:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.users-page .btn.btn-edit{background:var(--gradient-secondary);color:#fff;border-color:transparent}.users-page .btn.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent}.users-page .btn.btn-light{background:var(--surface);color:var(--text);border-color:var(--input-border)}.users-page .btn.btn-light:hover{border-color:#ec4899;color:#ec4899;background:#ec48990f}.users-pager{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.users-pager__size{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted)}.users-pager__size .select{padding:6px 12px;border:2px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--input-fg);font-size:13px;cursor:pointer}.users-pager__nav{display:flex;gap:10px}.user-modal-backdrop{position:fixed;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .18s ease-out}.user-modal{position:relative;width:100%;max-width:540px;max-height:calc(100vh - 48px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .22s cubic-bezier(.22,1,.36,1)}.user-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);pointer-events:none}.user-modal-title{font-size:22px;font-weight:800;margin:0;padding:22px 28px 16px;border-bottom:1px solid var(--border);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-modal .modal-form{display:flex;flex-direction:column;gap:14px;padding:24px 28px;overflow-y:auto}.user-modal .modal-form>label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--text)}.user-modal .input,.user-modal select{width:100%;padding:11px 14px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-fg);font-size:14px;font-family:inherit;outline:none;transition:all var(--transition)}.user-modal .input:focus,.user-modal select:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f}.user-modal .input::placeholder{color:var(--text-muted)}.user-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px 22px;border-top:1px solid var(--border);background:var(--surface)}.user-modal .modal-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:var(--radius-full);font-weight:600;font-size:14px;cursor:pointer;border:2px solid transparent;transition:all var(--transition);font-family:inherit}.user-modal .modal-actions .btn.btn-delete{background:transparent;color:var(--text);border-color:var(--input-border)}.user-modal .modal-actions .btn.btn-delete:hover{background:#ec489914;border-color:#ec4899;color:#ec4899}.user-modal .modal-actions .btn.btn-create{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.user-modal .modal-actions .btn.btn-create:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.user-delete-popup{position:fixed;inset-inline-end:20px;bottom:20px;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;padding:18px!important;min-width:min(420px,90vw)!important;box-shadow:var(--shadow-xl)!important;z-index:9999!important;animation:modalSlideIn .22s cubic-bezier(.22,1,.36,1)}.user-delete-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.user-delete-popup h4{margin:4px 0 8px!important;font-weight:800!important;font-size:18px!important;color:var(--text)!important}.user-delete-popup p{font-size:14px!important;color:var(--text-muted)!important;line-height:1.5!important}.user-delete-popup .btn{border-radius:var(--radius-full)!important;padding:9px 18px!important;border:2px solid transparent!important;font-weight:600!important;font-size:13px!important}.user-delete-popup .btn.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.user-delete-popup .btn.btn-cancel{background:transparent!important;color:var(--text)!important;border-color:var(--input-border)!important}.user-delete-popup .btn.btn-cancel:hover{background:#ec489914!important;border-color:#ec4899!important;color:#ec4899!important}@media (max-width: 768px){.users-page{padding:16px}.users-header{flex-direction:column;align-items:flex-start}.users-title{font-size:24px}.users-toolbar{width:100%}.users-search{max-width:100%;flex:1}}.perf-page{max-width:1500px;margin:0 auto;padding:32px;animation:fadeIn .6s ease-out;display:flex;flex-direction:column;gap:24px}.dash__header,.perf-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:3px solid transparent;border-image:var(--gradient-primary) 1;flex-wrap:wrap}.dash__header h1,.perf-head h1,.perf-head h2,.perf-head .title{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.perf-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.user-filter{display:flex;align-items:center;gap:8px}.user-filter__label{font-size:13px;font-weight:600;color:var(--text-muted)}.user-filter__control{position:relative}.user-filter__input{padding:10px 16px;border:2px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);color:var(--input-fg);font-size:14px;outline:none;transition:all var(--transition);min-width:220px;box-shadow:var(--shadow-sm)}.user-filter__input:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f}.user-filter__clear{position:absolute;top:50%;inset-inline-end:10px;transform:translateY(-50%);background:transparent;border:none;font-size:13px;color:var(--text-muted);cursor:pointer}.user-filter__clear:hover{color:#ec4899}.range{position:relative}.calendar-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition);box-shadow:var(--shadow-sm);font-family:inherit}.calendar-btn:hover{border-color:#ec4899;color:#ec4899;transform:translateY(-1px)}.cal-icon{display:inline-flex;align-items:center}.date-popover{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:18px;min-width:320px}.date-popover-inner{display:flex;flex-direction:column;gap:14px}.presets{display:flex;flex-wrap:wrap;gap:6px}.preset{padding:6px 12px;border:1px solid var(--input-border);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.preset:hover{background:#ec489914;border-color:#ec4899;color:#ec4899}.preset.clear{margin-inline-start:auto;color:var(--danger);border-color:#ef444433}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-grid .field{display:grid;gap:4px}.range-grid label{font-size:12px;font-weight:600;color:var(--text-muted)}.range-grid input[type=date]{padding:8px 10px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-fg);font-size:13px;outline:none}.range-grid input[type=date]:focus{border-color:var(--input-focus)}.actions-row{display:flex;justify-content:flex-end}.btn-secondary-action{padding:8px 18px;border:2px solid var(--input-border);border-radius:var(--radius-full);background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:all var(--transition)}.btn-secondary-action:hover{border-color:#ec4899;color:#ec4899}.perf-page>.error{padding:14px 18px;border-radius:var(--radius);background:var(--danger-bg);color:var(--danger);border-inline-start:4px solid var(--danger);font-size:14px}.perf-top{display:flex;flex-direction:column;gap:14px}.perf-top .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width: 1100px){.perf-top .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.perf-top .kpis{grid-template-columns:1fr}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:all var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.75}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.kpi__row{display:flex;align-items:center;gap:10px}.kpi__row .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 3px #ec489914}.kpi__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.kpi__label,.kpi-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.kpi-sub{font-size:11px;color:var(--text-muted);opacity:.85}.kpi__value,.kpi-value{font-weight:800;font-size:24px;color:var(--text);line-height:1.1}.perf-page>.grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:18px}@media (max-width: 1100px){.perf-page>.grid{grid-template-columns:1fr}}.col-main,.col-side{display:flex;flex-direction:column;gap:16px;min-width:0}.perf-card,.col-main .card,.col-side .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.perf-card:before,.col-main .card:before,.col-side .card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.6}.card__title{padding:16px 20px 8px;font-weight:800;font-size:16px;color:var(--text)}.col-side .card{padding-bottom:14px}.tops{list-style:none;margin:0;padding:4px 16px 16px;display:flex;flex-direction:column;gap:10px}.tops li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);transition:background var(--transition-fast)}.tops li:hover{background:#ec48990d}.tops .rank{font-weight:800;font-size:14px;color:var(--text-muted);width:22px;text-align:center}.tops .circle{width:28px;height:28px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 3px #ec48991a}.tops .who{flex:1;min-width:0}.tops .who .name{font-weight:700;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tops .who .handle{font-size:11px;color:var(--text-muted)}.tops .pct{font-weight:800;font-size:14px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.muted{color:var(--text-muted);font-size:13px;padding:12px 18px}.empty{color:var(--text-muted);font-size:13px;text-align:center;padding:18px}.tablewrap{overflow:auto;max-width:100%}.perf-page .table,.perf-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;color:var(--text);font-size:13px}.perf-page .table thead,.perf-table thead{position:relative}.perf-page .table thead:after,.perf-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.perf-page .table thead th,.perf-table thead th{text-align:right;padding:12px 16px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text);background:#ec48990a;border-bottom:0;white-space:nowrap}.perf-page .table tbody td,.perf-table tbody td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}.perf-page .table tbody tr.odd td,.perf-page .table tbody tr:nth-child(odd) td,.perf-table tbody tr:nth-child(odd) td{background:var(--surface)}.perf-page .table tbody tr.even td,.perf-page .table tbody tr:nth-child(2n) td,.perf-table tbody tr:nth-child(2n) td{background:#ec489905}.perf-page .table tbody tr:hover td,.perf-table tbody tr:hover td{background:#ec489912}.perf-page .table tbody tr:last-child td,.perf-table tbody tr:last-child td{border-bottom:0}.perf-page .table td.center{text-align:center;color:var(--text-muted)}.usercell{display:flex;align-items:center;gap:8px}.usercell .avatar{width:22px;height:22px;border-radius:50%;background:var(--gradient-primary);flex:0 0 auto}.usercell .uname{font-weight:600;color:var(--text)}html[data-theme=dark] .perf-page .table thead th,html[data-theme=dark] .perf-table thead th{background:#ec489914}html[data-theme=dark] .perf-page .table tbody tr:nth-child(odd) td,html[data-theme=dark] .perf-table tbody tr:nth-child(odd) td{background:var(--surface)}html[data-theme=dark] .perf-page .table tbody tr:nth-child(2n) td,html[data-theme=dark] .perf-table tbody tr:nth-child(2n) td{background:var(--surface-elevated)}@media (max-width: 768px){.perf-page{padding:16px}.dash__header h1{font-size:24px}.perf-toolbar{width:100%}.user-filter__input{min-width:0;width:100%}}.goal-widget{position:fixed;left:10px;bottom:10px;width:280px;background:#fff;color:#222;border:1px solid #e9e4d3;border-radius:16px;box-shadow:0 8px 24px #0000001f;z-index:60;overflow:hidden}html[data-theme=dark] .goal-widget{background:#14181c;color:#e8e8e8;border-color:#2a2f2f}.gw-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f5f1e3;border-bottom:1px solid #e9e4d3}html[data-theme=dark] .gw-head{background:#ffffff0f;border-bottom-color:#2a2f2f}.gw-close{background:transparent;border:0;color:inherit;font-size:18px;cursor:pointer}.gw-body{padding:10px 12px;display:grid;gap:8px}.gw-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.gw-row.gw-muted{opacity:.85}.gw-label{opacity:.8}.gw-val{font-weight:600}.gw-progress{grid-column:1 / 2;width:100%;height:10px;background:#faf6e9;border-radius:999px;overflow:hidden;border:1px solid #efe9d6}.gw-bar{height:100%;background:#8d77ab}.gw-pct{grid-column:2 / 3;justify-self:end;font-feature-settings:"tnum"}.gw-foot{padding:8px 12px;border-top:1px solid #e9e4d3;display:flex;justify-content:flex-end}.gw-refresh{background:#ddeb9d;border:0;color:#222;border-radius:10px;padding:6px 10px;cursor:pointer}.goal-widget-minibar{position:fixed;left:10px;bottom:10px;z-index:60;width:44px;height:44px;border-radius:999px;border:1px solid #e9e4d3;background:#fff;color:#222;box-shadow:0 6px 16px #0000001a;font-size:18px;cursor:pointer}html[data-theme=dark] .goal-widget-minibar{background:#14181c;color:#e8e8e8;border-color:#2a2f2f}.goal-widget{padding:10px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);font-size:13px;display:grid;gap:8px}.goal-widget-minibar{position:fixed;bottom:16px;inset-inline-end:16px;width:40px;height:40px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;font-size:18px}.gw-top{display:grid;gap:4px}.gw-top-row{display:flex;align-items:center;justify-content:space-between}.gw-date,.gw-pct-text{font-size:11px;color:var(--muted)}.gw-progress-shell{position:relative;width:100%;height:6px;border-radius:999px;background:var(--row-even);overflow:hidden}.gw-progress-fill{height:100%;border-radius:inherit;background:var(--btn-create);transition:width .45s ease}.gw-progress-caption{font-size:11px;color:var(--muted)}.gw-middle{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.gw-timer-block{display:grid;gap:2px;min-width:0}.gw-timer-label{font-size:11px;color:var(--muted)}.gw-timer-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;white-space:nowrap}.gw-task-label{font-size:11px;color:var(--muted)}.gw-att-status{--gw-bg: var(--panel);--gw-border: var(--panel-border);--gw-dot: #9ca3af;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--gw-border);background:var(--gw-bg);font-size:12px}.gw-att-dot{width:8px;height:8px;border-radius:999px;background:var(--gw-dot)}.gw-att-work{--gw-dot: #22c55e}.gw-att-break{--gw-dot: #f59e0b}.gw-att-closed{--gw-dot: #6b7280}.gw-att-none{--gw-dot: #9ca3af}.gw-error{font-size:11px;color:var(--danger);display:flex;align-items:center;gap:4px}.gw-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}.gw-action-btn{padding:6px 10px;border-radius:999px;border:1px solid var(--btn-border);background:var(--btn-secondary);color:#222;font-size:12px;cursor:pointer}.gw-action-primary{background:var(--btn-create);color:#fff;border-color:transparent}.gw-action-danger{background:var(--btn-edit);color:#222}.gw-action-btn:disabled{opacity:.5;cursor:default}.gw-close-inline{margin-inline-start:auto;width:24px;height:24px;border-radius:999px;border:1px solid var(--panel-border);background:transparent;cursor:pointer;font-size:14px;line-height:1}.goal-idle-overlay{position:fixed;inset:0;z-index:9999;background:#00000073;display:grid;place-items:center}.goal-idle-modal{max-width:360px;width:90%;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);padding:18px 16px;text-align:center}.goal-idle-modal h3{margin:8px 0 6px;font-size:18px}.goal-idle-modal p{margin:0 0 12px;font-size:13px;color:var(--muted)}.goal-idle-icon{font-size:30px}.goal-idle-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.gw-idle-btn{font-size:13px;padding-inline:12px}@media (max-width: 600px){.goal-widget{padding:8px 10px}.gw-middle{align-items:flex-start}}.goal-widget,.goal-widget-minibar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text)}.goal-widget{overflow:hidden}.goal-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.gw-head{border-bottom:1px solid var(--border)}.gw-date{color:var(--text-muted)}.gw-pct-text{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gw-progress-shell{background:#ec489914;border-radius:var(--radius-full);overflow:hidden}.gw-progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full)}.gw-progress-caption,.gw-label{color:var(--text-muted)}.gw-val{color:var(--text);font-weight:700}.gw-refresh,.gw-close{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-full);transition:all var(--transition)}.gw-refresh:hover,.gw-close:hover{border-color:#ec4899;color:#ec4899;transform:translateY(-1px)}.attendance-widget{display:flex;flex-direction:column;gap:16px;background:var(--panel);border-radius:16px;border:1px solid var(--panel-border);box-shadow:var(--shadow)}.attendance-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px}.attendance-title-block h3{margin:0 0 4px}.attendance-subtitle{margin:0;font-size:13px;color:var(--muted)}.attendance-date-filter{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.attendance-date-label{font-size:14px}.attendance-date-input{padding:6px 10px;border-radius:10px;border:1px solid var(--panel-border);background:var(--input-bg);color:var(--input-fg);font-size:13px;direction:ltr;outline:none}.attendance-date-input:focus{border-color:var(--btn-create);box-shadow:0 0 0 3px #8d77ab2e}.attendance-date-human{font-size:12px;color:var(--muted);min-width:80px;text-align:center}.attendance-refresh-btn{display:inline-flex;align-items:center;justify-content:center;padding-inline:10px}.attendance-status-block{display:grid;gap:10px}.attendance-status-pill{--st-bg: var(--panel);--st-border: var(--panel-border);--st-dot: #22c55e;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--st-bg);border:1px solid var(--st-border);font-size:14px;font-weight:500;color:var(--text)}.attendance-status-pill .status-dot{width:10px;height:10px;border-radius:999px;background:var(--st-dot);box-shadow:0 0 0 3px #22c55e26}.attendance-status-pill .status-text{white-space:nowrap}.attendance-status-pill.status-work{--st-dot: #22c55e}.attendance-status-pill.status-break{--st-dot: #f59e0b}.attendance-status-pill.status-closed{--st-dot: #6b7280}.attendance-status-pill.status-none{--st-dot: #9ca3af}html[data-theme=dark] .attendance-status-pill .status-dot{box-shadow:0 0 0 3px #94a3b859}.attendance-digital-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 12px;border-radius:14px;background:radial-gradient(circle at 0% 0%,#fff 0,#f5f1e3 45%,#ebe4cf);border:1px solid rgba(0,0,0,.04)}html[data-theme=dark] .attendance-digital-panel{background:radial-gradient(circle at 0% 0%,#111827 0,#020617 55%,#000);border-color:#94a3b84d}.digital-item{display:grid;gap:2px;text-align:center}.digital-label{font-size:12px;color:var(--muted)}.digital-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:24px;letter-spacing:.08em;padding:6px 8px;border-radius:10px;background:#ffffffe6;border:1px solid rgba(0,0,0,.04);color:#111827;box-shadow:inset 0 0 0 1px #00000005}html[data-theme=dark] .digital-value{background:#0f172ae6;color:#e5e7eb;border-color:#94a3b859}.attendance-error-row{margin-top:4px}.attendance-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:6px;margin-bottom:6px;flex-wrap:wrap}.attendance-main-circle-wrap,.attendance-secondary-circle-wrap{flex:0 0 auto}.attendance-circle{border-radius:999px;border:none;outline:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease;color:#222}.attendance-circle-main{width:200px;height:200px;box-shadow:0 18px 40px #0000002e}.attendance-circle-secondary{width:90px;height:90px;box-shadow:0 14px 30px #00000029}.attendance-circle-secondary.mode-break-end{background:radial-gradient(circle at 30% 0%,#fff 0,#bbf7d0 40%,#16a34a)}.attendance-circle:disabled{cursor:default;filter:grayscale(.15) brightness(.95);box-shadow:none}.attendance-circle:not(:disabled):hover{filter:brightness(1.03);box-shadow:0 22px 46px #00000038}.attendance-circle:not(:disabled):active{transform:translateY(2px) scale(.99);box-shadow:0 12px 26px #00000029}.circle-label{font-size:20px;font-weight:800;text-transform:uppercase}.circle-sub-label{font-size:13px;font-weight:500}.circle-label-small{font-size:16px;font-weight:700}.circle-sub-label-small{font-size:12px}html[data-theme=dark] .attendance-circle{color:#f9fafb}.attendance-table-section{margin-top:6px}.attendance-table-header{margin-bottom:0}.attendance-loading-row,.attendance-empty-row{font-size:13px;color:var(--muted);padding:8px 12px 12px}.attendance-table-wrap{padding:0}.attendance-table{min-width:0;font-size:13px}.attendance-table thead th{text-align:right}.attendance-table tbody tr:nth-child(odd){background:var(--row-odd)}.attendance-table tbody tr:nth-child(2n){background:var(--row-even)}.attendance-table tbody td{height:48px}@media (max-width: 900px){.attendance-header{flex-direction:column;align-items:flex-start}.attendance-controls{gap:20px}.attendance-digital-panel{grid-template-columns:1fr}}.attendance-circle-main{width:150px;height:150px;border-radius:999px;background:#f5f1e3;border:10px solid #f5f1e3;margin:7px;-webkit-box-shadow:0 18px 40px rgba(0,0,0,.18);box-shadow:0 18px 40px #0000002e;transition:box-shadow .25s ease-out,transform .08s ease,filter .15s ease}.attendance-circle-main.mode-in{-webkit-box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0px 0px 0px 3px #ddeb9d;box-shadow:0 18px 40px #0000002e,inset 0 0 0 3px #ddeb9d}.attendance-circle-main.mode-in:not(:disabled):hover{-webkit-box-shadow:0 22px 46px rgba(0,0,0,.25),inset 0px 0px 0px 10px #ddeb9d;box-shadow:0 22px 46px #00000040,inset 0 0 0 10px #ddeb9d}.attendance-circle-main.mode-out{-webkit-box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0px 0px 0px 3px #8d77ab;box-shadow:0 18px 40px #0000002e,inset 0 0 0 3px #8d77ab}.attendance-circle-main.mode-out:not(:disabled):hover{-webkit-box-shadow:0 22px 46px rgba(0,0,0,.25),inset 0px 0px 0px 10px #8d77ab;box-shadow:0 22px 46px #00000040,inset 0 0 0 10px #8d77ab}.attendance-circle-main:disabled{filter:grayscale(.15) brightness(.97);box-shadow:0 10px 22px #0000001f,inset 0 0 0 3px #0000000f}.attendance-circle-secondary{width:120px;height:120px;border-radius:999px;background:#f5f1e3;border:8px solid #f5f1e3;margin:5px;-webkit-box-shadow:0 14px 30px rgba(0,0,0,.16);box-shadow:0 14px 30px #00000029;transition:box-shadow .25s ease-out,transform .08s ease,filter .15s ease}.attendance-circle-secondary.mode-break-start{-webkit-box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0px 0px 0px 3px #facc15;box-shadow:0 14px 30px #00000029,inset 0 0 0 3px #facc15}.attendance-circle-secondary.mode-break-start:not(:disabled):hover{-webkit-box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0px 0px 0px 8px #facc15;box-shadow:0 18px 38px #00000038,inset 0 0 0 8px #facc15}.attendance-circle-secondary.mode-break-end{-webkit-box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0px 0px 0px 3px #a0c878;box-shadow:0 14px 30px #00000029,inset 0 0 0 3px #a0c878}.attendance-circle-secondary.mode-break-end:not(:disabled):hover{-webkit-box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0px 0px 0px 8px #a0c878;box-shadow:0 18px 38px #00000038,inset 0 0 0 8px #a0c878}.attendance-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text);position:relative;overflow:hidden}.attendance-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.attendance-title-block h3,.attendance-title-block .title{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.attendance-subtitle,.attendance-date-label,.attendance-date-human{color:var(--text-muted)}.attendance-date-input{background:var(--surface);color:var(--text);border:2px solid var(--input-border);border-radius:var(--radius);padding:8px 12px;transition:all var(--transition)}.attendance-date-input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #ec489929}.attendance-refresh-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-full);transition:all var(--transition)}.attendance-refresh-btn:hover{border-color:#ec4899;color:#ec4899;transform:translateY(-1px)}.attendance-status-pill{border-radius:var(--radius-full);padding:6px 14px;font-weight:600;font-size:13px;border:2px solid transparent;display:inline-flex;align-items:center;gap:8px}.attendance-status-pill .status-dot{width:8px;height:8px;border-radius:50%}.attendance-status-pill.status-work{background:var(--success-bg);color:var(--success);border-color:var(--success)}.attendance-status-pill.status-work .status-dot{background:var(--success);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.attendance-digital-panel{background:linear-gradient(135deg,#ec489914,#8b5cf614);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}html[data-theme=dark] .attendance-digital-panel{background:linear-gradient(135deg,#ec489926,#8b5cf626);border-color:var(--border-strong)}.digital-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.digital-value{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-weight:600}html[data-theme=dark] .digital-value{background:var(--surface-elevated);border-color:var(--border-strong)}.attendance-circle-main{background:var(--surface);border:10px solid var(--surface);color:var(--text)}.attendance-circle-main.mode-in{box-shadow:0 18px 40px #34d39940,inset 0 0 0 3px #34d399}.attendance-circle-main.mode-in:not(:disabled):hover{box-shadow:0 22px 46px #34d39959,inset 0 0 0 10px #34d399}.attendance-circle-main.mode-out{box-shadow:0 18px 40px #ec489940,inset 0 0 0 3px #ec4899}.attendance-circle-main.mode-out:not(:disabled):hover{box-shadow:0 22px 46px #ec489959,inset 0 0 0 10px #ec4899}.attendance-circle-secondary{background:var(--surface);border:8px solid var(--surface);color:var(--text)}.attendance-circle-secondary.mode-break-start{box-shadow:0 14px 30px #fbbf2440,inset 0 0 0 3px #fbbf24}.attendance-circle-secondary.mode-break-start:not(:disabled):hover{box-shadow:0 18px 38px #fbbf2459,inset 0 0 0 8px #fbbf24}.attendance-circle-secondary.mode-break-end{background:var(--surface)}.attendance-circle-secondary.mode-break-end,.attendance-circle-secondary.mode-break-end:not(:disabled):hover{background:var(--surface)}.circle-label,.circle-label-small{color:var(--text);text-transform:none;letter-spacing:0}.circle-sub-label,.circle-sub-label-small{color:var(--text-muted)}.container .attendance-widget{padding:24px}.attendance-admin{max-width:1100px;margin:0 auto;padding:12px 8px 24px}.att-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.att-title{margin:0;font-size:22px}.att-subtitle{margin:4px 0 0;font-size:13px;color:var(--muted, #555)}.att-chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.att-chip{background:#fffdf6;border-radius:999px;padding:4px 10px;border:1px solid #f0e7cf;font-size:11px;display:flex;flex-direction:column}.att-chip__label{color:var(--muted, #666)}.att-chip__value{font-weight:600}.att-top-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-bottom:16px}.att-card{background:#fffdf6;padding:10px 12px}.att-card--full{grid-column:1 / -1}.att-card__title{margin:0 0 8px;font-size:14px}.att-filter-form{display:flex;flex-direction:column;gap:8px}.att-field-group{display:flex;flex-direction:column;gap:4px;font-size:13px}.att-field-group--wide{width:100%}.att-field-label{font-size:12px}.att-input,.att-select{padding:4px 8px;font-size:13px;border-radius:6px;border:1px solid #ddd;background:#fff;direction:ltr}.att-input--date,.att-input--time{max-width:150px}.att-date-row{display:flex;flex-wrap:wrap;gap:8px}.att-inline-form{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end}.att-actions-row{display:flex;align-items:center;gap:8px}.att-text-muted{color:var(--muted, #666)}.att-msg-inline{margin-top:6px;font-size:12px}.small{font-size:11px}.att-modal-backdrop{position:fixed;inset:0;background:#00000059;z-index:9999;display:flex;align-items:center;justify-content:center}.att-modal{min-width:320px;max-width:520px;max-height:90vh;overflow:auto;padding:16px;box-shadow:0 12px 32px #00000040}.att-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.att-modal__title{margin:0;font-size:18px}.att-modal__close{font-size:18px;line-height:1}.att-modal__body{margin-bottom:10px}.att-modal__footer{margin-top:8px;display:flex;justify-content:flex-start;gap:8px}.att-modal__meta{font-size:13px;margin-bottom:8px;line-height:1.6}.att-time-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.att-hint{font-size:12px;color:var(--muted, #777)}.att-modal__error{margin-top:8px}.att-table-section{margin-top:12px}.att-card--table{padding:10px 10px 12px}.att-table-wrapper{width:100%;overflow-x:auto}.att-table{width:100%;border-collapse:collapse;font-size:13px}.att-table thead tr{background-color:var(--table-header-bg, #f5f1e3)}.att-table th,.att-table td{text-align:right;padding:4px 6px;border-bottom:1px solid #eee;white-space:nowrap}.att-row--odd{background-color:#fff}.att-row--even{background-color:#faf6e9}.att-table-actions{display:flex;flex-wrap:wrap;gap:4px}.att-btn-small{font-size:11px;padding:3px 6px}.att-link-btn{font-size:12px}.att-row-details td{background:#fffdf6}.att-events{padding:4px 2px 2px}.att-events__title{font-size:12px;margin-bottom:4px;font-weight:600}.att-events-table{width:100%;border-collapse:collapse;font-size:12px}.att-events-table thead tr{background-color:var(--table-header-bg, #f5f1e3)}.att-events-table th,.att-events-table td{text-align:right;padding:3px 5px;border-bottom:1px solid #eee}@media (max-width: 900px){.att-top-grid{grid-template-columns:minmax(0,1fr)}.att-header{flex-direction:column}}.billing-page{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}@media (min-width: 1024px){.billing-page{padding:20px 16px 24px}}.billing-header{display:grid;gap:4px}.billing-title{font-size:20px;font-weight:700}.billing-subtitle{font-size:13px;color:var(--muted)}.billing-empty{font-size:14px;color:var(--muted)}.billing-clients-list{display:flex;flex-direction:column;gap:12px}.billing-client-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:14px 14px 10px;box-shadow:var(--shadow)}.billing-client-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.billing-client-main{display:grid;gap:4px}.billing-client-name{font-size:16px;font-weight:700}.billing-client-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}.billing-generate-btn{min-width:170px;padding-inline:16px}.billing-projects{display:flex;flex-direction:column;gap:8px;margin-top:4px}.billing-project-card{border-radius:12px;border:1px solid var(--panel-border);background:var(--row-odd);overflow:hidden}.billing-project-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:var(--table-head);font-size:13px;font-weight:600}.billing-project-name{font-weight:600}.billing-project-rate{font-size:12px;color:var(--muted)}.billing-table{width:100%;border-collapse:collapse;background:var(--panel);font-size:13px}.billing-table thead{background:var(--table-head)}.billing-table th,.billing-table td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--panel-border)}.billing-table tbody tr:nth-child(odd){background:var(--row-odd)}.billing-table tbody tr:nth-child(2n){background:var(--row-even)}.billing-table tbody tr:hover td{background:var(--row-hover)}.billing-task-title{font-weight:600;margin-bottom:2px}.billing-task-desc{font-size:12px;color:var(--muted)}.billing-task-billing{white-space:nowrap}.billing-task-flags{font-size:11px;color:var(--muted)}.billing-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:60}.billing-modal{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 80px);background:var(--panel);border-radius:18px;border:1px solid var(--panel-border);box-shadow:0 18px 40px #0f172a99;padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px}html[data-theme=dark] .billing-modal{box-shadow:0 18px 40px #000000d9}.billing-modal-header{display:flex;justify-content:space-between;gap:10px;padding-bottom:4px}.billing-modal-title{font-size:16px;font-weight:700}.billing-modal-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.billing-modal-hint{font-size:11px;color:var(--muted);margin-top:4px}.billing-modal-body{margin-top:4px;display:flex;flex-direction:column;gap:8px;overflow:auto}.billing-modal-table th,.billing-modal-table td{font-size:12px}.billing-totals{margin-top:6px;text-align:left;font-size:13px;display:flex;flex-direction:column;gap:2px}.billing-totals strong{font-weight:700}.billing-modal-footer{border-top:1px solid var(--panel-border);padding-top:8px;margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.billing-modal-note{font-size:11px;color:var(--muted);max-width:60%}.billing-modal-actions{display:inline-flex;align-items:center;gap:8px}.billing-modal-btn-cancel{padding:7px 14px;border-radius:999px;background:transparent}.billing-modal-btn-confirm{padding:8px 18px;border-radius:999px}@media (max-width: 768px){.billing-client-header{flex-direction:column;align-items:flex-start}.billing-generate-btn{width:100%;justify-content:center}.billing-modal{width:calc(100vw - 20px);max-height:calc(100vh - 40px);padding:12px 12px 10px}.billing-modal-footer{flex-direction:column;align-items:stretch;gap:8px}.billing-modal-note{max-width:100%}.billing-modal-actions{width:100%;justify-content:flex-end}.billing-modal-actions .btn{flex:1;justify-content:center}}.invoices-page{max-width:1800px;margin:0 auto;padding:16px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}@media (max-width: 900px){.invoices-page{grid-template-columns:1fr}}.invoices-sidebar{align-self:flex-start;display:flex;flex-direction:column;gap:12px}.invoices-sidebar-title{font-weight:700;font-size:16px;margin-bottom:4px}.invoices-filter-group{display:flex;flex-direction:column;gap:6px}.invoices-filter-label{font-size:13px;color:var(--muted)}.invoices-input{width:100%;border-radius:10px;border:1px solid var(--panel-border);background:var(--input-bg);color:var(--input-fg);padding:8px 10px;font-size:13px;outline:none}.invoices-input:focus{border-color:var(--btn-create);box-shadow:0 0 0 2px #8d77ab2e}.invoices-filter-row{display:flex;align-items:center;gap:6px}.invoices-filter-sep{font-size:12px;color:var(--muted);white-space:nowrap}.invoices-filter-actions{margin-top:4px;display:flex;justify-content:flex-end}.invoices-btn-reset{width:100%;justify-content:center}.invoices-main{display:flex;flex-direction:column;gap:12px}.invoices-header-card{padding:14px 14px 10px}.invoices-header-title{font-size:20px;font-weight:700}.invoices-header-subtitle{font-size:13px;color:var(--muted);margin-top:4px}.invoices-table-card{padding:12px}.invoices-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.invoices-table-title{font-weight:600;font-size:15px}.invoices-table-wrap{width:100%;overflow-x:auto}.invoices-table{width:100%;border-collapse:collapse;background:var(--panel);font-size:13px}.invoices-table thead{background:var(--table-head)}.invoices-table th,.invoices-table td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--panel-border)}.invoices-table tbody tr:nth-child(odd){background:var(--row-odd)}.invoices-table tbody tr:nth-child(2n){background:var(--row-even)}.invoices-table tbody tr:hover td{background:var(--row-hover)}.invoices-table .col-expand{width:36px;text-align:center}.invoices-table .col-actions{white-space:nowrap}.invoices-empty-row{text-align:center;color:var(--muted);height:64px}.invoices-expand-btn{border-radius:999px;border:1px solid var(--btn-border);width:28px;height:28px;cursor:pointer;background:var(--row-even);font-size:13px;display:inline-flex;align-items:center;justify-content:center}.invoices-expand-btn:hover{filter:brightness(.97)}.inv-client-name{font-weight:600}.inv-client-meta{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.invoices-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--panel-border);background:var(--row-even);font-size:12px;text-decoration:none;color:var(--text)}.invoices-link-btn:hover{background:var(--row-hover)}.inv-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.inv-status-paid{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.inv-status-unpaid{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.inv-paid-btn{padding-inline:12px;font-size:12px}.invoices-row-tasks td{background:var(--row-even);border-top:none}.inv-tasks-wrap{padding:8px 4px 4px}.inv-tasks-title{font-weight:600;font-size:13px;margin-bottom:4px}.inv-tasks-empty{font-size:12px;color:var(--muted)}.inv-tasks-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.inv-task-item{padding:6px 8px;border-radius:10px;background:var(--row-odd);border:1px solid var(--panel-border)}.inv-task-main{display:flex;align-items:center;gap:8px;font-size:13px}.inv-task-project{font-weight:600}.inv-task-title{color:var(--text)}.inv-task-desc{font-size:12px;color:var(--muted);margin-top:2px}@media (max-width: 900px){.invoices-table-card{padding:10px 8px}.invoices-table th,.invoices-table td{padding:6px}.inv-paid-btn{padding-inline:8px}}.payment-modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.payment-modal{background:#fffdf6;border-radius:16px;padding:24px;max-width:480px;width:100%;box-shadow:0 10px 30px #0003;direction:rtl}.payment-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.payment-modal-close{border:none;background:transparent;font-size:18px;cursor:pointer}.payment-modal-body{font-size:14px}.payment-modal-inv-meta{background:#f5f1e3;padding:10px 12px;border-radius:8px;margin-bottom:12px}.payment-modal-form .pm-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.payment-modal-form input,.payment-modal-form select,.payment-modal-form textarea{border-radius:8px;border:1px solid #ddd;padding:6px 8px;font-size:14px}.payment-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pm-btn-primary{background:#8d77ab;color:#222}.pm-btn-secondary{background:#ddeb9d;color:#222}.accounting-page{max-width:1800px;margin:0 auto;padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media (min-width: 1024px){.accounting-page{padding:20px 16px 24px}}.accounting-main{display:flex;flex-direction:column;gap:12px}.accounting-header-card{padding:14px 14px 10px}.accounting-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.accounting-header-text{display:grid;gap:4px;min-width:0}.accounting-title{font-size:20px;font-weight:700}.accounting-subtitle{font-size:13px;color:var(--muted)}.accounting-filters{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end}.accounting-filter-group{display:flex;flex-direction:column;gap:4px;min-width:180px}.accounting-filter-label{font-size:13px;color:var(--muted)}.accounting-select{width:100%;border-radius:10px;border:1px solid var(--panel-border);background:var(--input-bg);color:var(--input-fg);padding:8px 10px;font-size:13px;outline:none}.accounting-select:focus{border-color:var(--btn-create);box-shadow:0 0 0 2px #8d77ab2e}@media (max-width: 700px){.accounting-header{flex-direction:column;align-items:flex-start}.accounting-filters{width:100%}.accounting-filter-group{flex:1;min-width:0}}.accounting-table-card{padding:12px 12px 10px}.accounting-table-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.accounting-table-title{font-weight:600;font-size:15px}.accounting-table-wrap{width:100%;overflow-x:auto}.accounting-table{width:100%;border-collapse:collapse;background:var(--panel);font-size:13px}.accounting-table thead{background:var(--table-head)}.accounting-table th,.accounting-table td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--panel-border);vertical-align:top}.accounting-table tbody tr:nth-child(odd){background:var(--row-odd)}.accounting-table tbody tr:nth-child(2n){background:var(--row-even)}.accounting-table tbody tr:hover td{background:var(--row-hover)}.accounting-empty-row{text-align:center;color:var(--muted);height:64px}.acct-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.acct-sortable .th-label{display:inline-flex;align-items:center;gap:4px}.acct-sortable .th-arrow{font-size:11px;opacity:.6}.acct-sortable.is-active .th-arrow{opacity:1}.acct-invoices-list{display:flex;flex-wrap:wrap;gap:4px}.acct-invoice-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;border:1px solid var(--panel-border);background:var(--row-odd);font-size:12px;white-space:nowrap}.acct-invoice-pill a{text-decoration:none;color:var(--text)}.acct-invoice-pill a:hover{text-decoration:underline}.acct-invoice-amount{font-size:11px;color:var(--muted);margin-right:4px}.acct-muted{font-size:12px;color:var(--muted)}@media (max-width: 900px){.accounting-table-card{padding:10px 8px}.accounting-table th,.accounting-table td{padding:6px}}.companies-page{--text: var(--fg, #222);--table-head: #f5f1e3;--row-odd: #ffffff;--row-even: #faf6e9;--row-hover: rgba(0, 0, 0, .035);--btn-create: #8d77ab;--btn-secondary: #ddeb9d;--btn-edit: #a0c878;color:var(--text);background:var(--body-bg);padding:24px}.companies-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.companies-title{font-size:26px;line-height:1.2;font-weight:700;margin:0;color:#ddeb9d}.companies-toolbar{display:inline-flex;align-items:center;gap:8px}.companies-search{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);padding:10px 12px;border-radius:12px;outline:none;box-shadow:0 1px 2px #00000008}.companies-active-bar{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border);flex-wrap:wrap}.companies-active-bar strong{color:var(--text)}.companies-active-bar .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--btn-secondary);color:#222;font-weight:600}html[data-theme=dark] .companies-active-bar .pill{color:#101314}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 24px #0000000f}.companies-card{padding:0}.table-wrapper{position:relative;overflow:auto;border-radius:16px}.companies-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1100px;font-size:14px;background:var(--panel);color:var(--text)}.companies-table thead th{position:sticky;top:0;background:var(--table-head);color:var(--text);text-align:right;padding:12px;border-bottom:1px solid var(--panel-border);z-index:2}.companies-table tbody td{padding:12px;border-bottom:1px solid var(--panel-border);vertical-align:middle;color:var(--text)}.companies-table tbody tr:nth-child(odd){background:var(--row-odd)}.companies-table tbody tr:nth-child(2n){background:var(--row-even)}.companies-table tbody tr:hover td{background:var(--row-hover)}.companies-table tbody tr.is-active td{background:#8d77ab14}html[data-theme=dark] .companies-table tbody tr.is-active td{background:#8d77ab2e}.cell-actions{padding:0}.cell-actions .actions{display:flex;gap:8px;padding:10px 12px;flex-wrap:wrap}.companies-name-cell{display:flex;align-items:center;gap:10px}.companies-name-cell .company-mini-logo{width:28px;height:28px;border-radius:8px;object-fit:cover;border:1px solid var(--panel-border);background:#fff}.companies-name-cell .company-mini-placeholder{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:700;color:#fff;background:#8d77ab;font-size:13px}.muted{color:var(--muted, #888)}.muted-small{color:var(--muted, #888);font-size:12px}.card-loading,.card-empty{padding:28px;text-align:center;color:var(--muted)}.companies-page .btn,.company-settings-page .btn{background:transparent;color:var(--text);border:1px solid var(--panel-border);border-radius:12px;padding:8px 12px;cursor:pointer;transition:transform .06s ease,filter .15s ease,background .2s ease,border-color .2s ease}.companies-page .btn:active,.company-settings-page .btn:active{transform:translateY(1px)}.companies-page .btn:disabled,.company-settings-page .btn:disabled{opacity:.6;cursor:not-allowed}.companies-page .btn.btn-create,.company-settings-page .btn.btn-create{background:var(--btn-create, #8d77ab);color:#fff;border-color:transparent}.companies-page .btn.btn-create:hover,.company-settings-page .btn.btn-create:hover{filter:brightness(.95)}.companies-page .btn.btn-edit,.companies-page .btn.btn-delete,.company-settings-page .btn.btn-edit,.company-settings-page .btn.btn-delete{background:var(--btn-edit, #a0c878);color:#222;border-color:var(--btn-border, #e5e7eb)}html[data-theme=dark] .companies-page .btn.btn-edit,html[data-theme=dark] .companies-page .btn.btn-delete,html[data-theme=dark] .company-settings-page .btn.btn-edit,html[data-theme=dark] .company-settings-page .btn.btn-delete{color:#101314}.companies-page .btn.btn-light,.company-settings-page .btn.btn-light{background:var(--btn-secondary, #ddeb9d);color:#222;border-color:transparent}html[data-theme=dark] .companies-page .btn.btn-light,html[data-theme=dark] .company-settings-page .btn.btn-light{color:#101314}html[data-theme=dark] .companies-page,html[data-theme=dark] .company-settings-page{--text: var(--fg);--table-head: #141a23;--row-odd: #10151d;--row-even: #0d1219;--row-hover: rgba(255, 255, 255, .04)}html[data-theme=dark] .companies-page .companies-table,html[data-theme=dark] .companies-page .companies-table thead th,html[data-theme=dark] .companies-page .companies-table tbody td{background:var(--panel);color:var(--fg);border-bottom-color:var(--panel-border)}html[data-theme=dark] .companies-page .card,html[data-theme=dark] .company-settings-page .card{background:var(--panel);border-color:var(--panel-border)}html[data-theme=dark] .companies-page .companies-search,html[data-theme=dark] .companies-active-bar{background:var(--panel);color:var(--fg);border-color:var(--panel-border)}.company-modal-backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:1000}html[data-theme=dark] .company-modal-backdrop{background:#00000080}.company-modal{width:min(560px,92vw);max-height:92vh;overflow:auto;background:var(--panel, #ffffff);border:1px solid var(--panel-border, #e5e7eb);border-radius:18px;color:var(--text, #222);box-shadow:0 18px 60px #0000002e,0 6px 18px #00000014;padding:16px}.company-modal-title{color:#ddeb9d;margin:0 0 12px;font-size:20px;font-weight:700}.company-modal .input,.company-modal select{background:var(--panel, #ffffff);color:var(--text, #222);border:1px solid var(--panel-border, #e5e7eb);border-radius:12px;padding:10px 12px;outline:none;width:100%;box-sizing:border-box}.company-modal .modal-form{display:grid;gap:10px}.company-modal fieldset{border:1px solid var(--panel-border, #e5e7eb);border-radius:12px;padding:10px 12px;margin:0}.company-modal fieldset legend{padding:0 6px;color:var(--muted, #8b8794);font-size:12px}.company-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.company-modal .field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 540px){.company-modal .field-row{grid-template-columns:1fr}}html[data-theme=dark] .company-modal{background:var(--panel, #10151d);border-color:var(--panel-border, #253041);color:var(--fg, #e6edf3)}html[data-theme=dark] .company-modal .input,html[data-theme=dark] .company-modal select{background:var(--panel, #0f1520);color:var(--fg, #e6edf3);border-color:var(--panel-border, #253041)}.company-settings-page{--text: var(--fg, #222);--btn-create: #8d77ab;--btn-secondary: #ddeb9d;--btn-edit: #a0c878;color:var(--text);background:var(--body-bg);padding:24px;display:grid;gap:16px;max-width:1100px;margin:0 auto}.company-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.company-settings-title{font-size:26px;line-height:1.2;font-weight:700;margin:0;color:#ddeb9d}.company-settings-section{padding:18px;display:grid;gap:12px}.company-settings-section h3{margin:0;font-size:18px;color:var(--text)}.company-settings-section .section-subtitle{font-size:12px;color:var(--muted, #888);margin:-4px 0 8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.field-grid{grid-template-columns:1fr}}.field{display:grid;gap:4px}.field>span{font-size:12px;color:var(--muted, #888)}.field input,.field select,.field textarea{background:var(--panel, #fff);border:1px solid var(--panel-border);color:var(--text);border-radius:12px;padding:10px 12px;outline:none;width:100%;box-sizing:border-box}.field input[type=color]{height:42px;padding:4px;cursor:pointer}.field-hint{font-size:11px;color:var(--muted, #888);margin-top:2px}.brand-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand-logo-preview{width:96px;height:96px;border-radius:14px;border:1px dashed var(--panel-border);display:grid;place-items:center;overflow:hidden;background:#fafafa}html[data-theme=dark] .brand-logo-preview{background:#0d1219}.brand-logo-preview .placeholder{color:var(--muted, #aaa);font-size:12px}.brand-uploader{display:flex;flex-direction:column;gap:6px}.feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--panel-border)}.feature-row:first-of-type{border-top:0}.feature-row .feature-meta strong{display:block;color:var(--text)}.feature-row .feature-meta span{font-size:12px;color:var(--muted, #888)}.feature-row label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.feature-row label.is-disabled{cursor:not-allowed;opacity:.7}.banner{border-radius:12px;padding:10px 12px}.banner.banner-error{background:#dc354514;color:#b00020;border:1px solid rgba(220,53,69,.25)}html[data-theme=dark] .banner.banner-error{color:#ff8a99}.saved-mark{font-size:12px;color:var(--muted, #888)}.actions-end{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.companies-page,.company-settings-page{background:transparent;max-width:1400px;margin:0 auto;padding:32px}.company-settings-page{max-width:1100px}.companies-header,.company-settings-header{padding-bottom:20px;border-bottom:3px solid transparent;border-image:var(--gradient-primary) 1;margin-bottom:28px}.companies-title,.company-settings-title{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.saved-mark{color:var(--success);font-weight:600;display:inline-flex;align-items:center;gap:6px}.company-settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.company-settings-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.company-settings-section h3{font-size:18px;font-weight:800;color:var(--text);margin-bottom:4px}.company-settings-section .section-subtitle{font-size:13px;color:var(--text-muted);margin:-4px 0 16px}.company-settings-page .field>span{font-size:13px;font-weight:600;color:var(--text)}.company-settings-page .field input,.company-settings-page .field select,.company-settings-page .field textarea{padding:11px 14px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-fg);font-size:14px;font-family:inherit;transition:all var(--transition)}.company-settings-page .field input:focus,.company-settings-page .field select:focus,.company-settings-page .field textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f;outline:none}.company-settings-page .field input[type=color]{height:48px;padding:4px;cursor:pointer;border-radius:var(--radius)}.company-settings-page .field-hint{font-size:12px;color:var(--text-muted)}.brand-row{padding:18px;background:linear-gradient(135deg,#ec48990a,#8b5cf60a);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:8px}.brand-logo-preview{width:120px;height:120px;border-radius:var(--radius-lg);border:2px dashed var(--border-strong);background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center;overflow:hidden}.brand-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.brand-logo-preview .placeholder{color:var(--text-muted);font-size:13px;font-weight:600}.brand-uploader{display:flex;flex-direction:column;gap:10px}.brand-uploader input[type=file]{font-size:13px;color:var(--text);padding:10px 12px;border:2px dashed var(--input-border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:all var(--transition);font-family:inherit}.brand-uploader input[type=file]:hover{border-color:#ec4899}.brand-uploader input[type=file]::file-selector-button{background:var(--gradient-primary);color:#fff;border:none;padding:7px 14px;border-radius:var(--radius-full);font-weight:600;cursor:pointer;font-size:12px;margin-inline-end:12px;transition:all var(--transition-fast)}.brand-uploader input[type=file]::file-selector-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.company-settings-page .feature-row{padding:14px 0;border-top:1px solid var(--border)}.company-settings-page .feature-row .feature-meta strong{color:var(--text);font-size:15px;font-weight:700}.company-settings-page .feature-row .feature-meta span{color:var(--text-muted);font-size:13px}.company-settings-page .feature-row label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 14px;border-radius:var(--radius-full);background:#ec48990f;font-weight:600;font-size:13px;color:var(--text)}.company-settings-page .feature-row label input[type=checkbox]{accent-color:#ec4899;width:18px;height:18px}.company-settings-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border-radius:var(--radius-full);font-weight:600;font-size:14px;cursor:pointer;border:2px solid transparent;transition:all var(--transition);font-family:inherit}.company-settings-page .btn.btn-create{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.company-settings-page .btn.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.company-settings-page .btn.btn-light{background:transparent;color:var(--text);border-color:var(--input-border)}.company-settings-page .btn.btn-light:hover:not(:disabled){background:#ec489914;border-color:#ec4899;color:#ec4899}.company-settings-page .banner{padding:14px 18px;border-radius:var(--radius-lg);margin-bottom:20px;font-size:14px;font-weight:600}.company-settings-page .banner.banner-error{background:var(--danger-bg);color:var(--danger);border-inline-start:4px solid var(--danger)}.company-settings-page .card-loading{padding:36px;text-align:center;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.dns-instructions{margin-top:14px;padding:22px;background:linear-gradient(135deg,#ec48990a,#8b5cf60a);border:1px solid var(--border);border-radius:var(--radius-lg)}.dns-instructions h4{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--text)}.dns-instructions ol{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--text);line-height:1.55}.dns-instructions ol li::marker{color:#ec4899;font-weight:800}.dns-instructions code{background:#ec48991a;color:#be185d;padding:2px 8px;border-radius:6px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;display:inline-block}html[data-theme=dark] .dns-instructions code{color:#f9a8d4}.dns-record{margin-top:10px;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:13px;width:100%;max-width:520px}.dns-record th,.dns-record td{padding:10px 14px;text-align:start;border-bottom:1px solid var(--border)}.dns-record tr:last-child th,.dns-record tr:last-child td{border-bottom:0}.dns-record th{background:#ec48990a;font-weight:700;width:130px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dns-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.verify-result{margin-top:14px;padding:12px 16px;border-radius:var(--radius);font-size:14px;line-height:1.5}.verify-result--ok{background:var(--success-bg);color:var(--success);border-inline-start:4px solid var(--success)}.verify-result--err{background:var(--danger-bg);color:var(--danger);border-inline-start:4px solid var(--danger)}.verify-result--pending{background:#6366f114;color:var(--text);border-inline-start:4px solid #6366f1}.dns-option{margin-top:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.dns-option>summary{cursor:pointer;font-size:14px;color:var(--text);list-style:none;padding:4px 0}.dns-option>summary::-webkit-details-marker{display:none}.dns-option>summary:before{content:"▸";display:inline-block;margin-inline-end:8px;color:#ec4899;transition:transform .12s}.dns-option[open]>summary:before{transform:rotate(90deg)}.dns-option>ol{margin-top:12px}.config-snippet{margin:10px 0 0;padding:14px 16px;background:#0f172a;color:#e2e8f0;border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55;direction:ltr;white-space:pre;overflow-x:auto}html[data-theme=dark] .config-snippet{background:#020617;border:1px solid var(--border)}.modal-backdrop{position:fixed;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .18s ease-out}.modal-card{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 48px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .22s cubic-bezier(.22,1,.36,1)}.modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);pointer-events:none}.modal-card--wide{max-width:820px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 28px 16px;border-bottom:1px solid var(--border)}.modal-title{font-size:22px;font-weight:800;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:transparent;border:none;width:36px;height:36px;border-radius:var(--radius-full);font-size:18px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--border);color:var(--text);transform:rotate(90deg)}.modal-body{padding:24px 28px;overflow-y:auto;flex:1}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-grid--single{grid-template-columns:1fr}.modal-grid>.form-field--full{grid-column:1 / -1}@media (max-width: 640px){.modal-grid{grid-template-columns:1fr}}.form-field{display:grid;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text)}.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-fg);font-size:14px;font-family:inherit;outline:none;transition:all var(--transition)}.form-textarea{min-height:84px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f}.form-hint{font-size:12px;color:var(--text-muted)}.form-error-banner{margin-top:4px;padding:10px 14px;border-radius:var(--radius);background:var(--danger-bg);color:var(--danger);border-inline-start:4px solid var(--danger);font-size:13px}.form-check{display:inline-flex;align-items:center;gap:8px;padding-top:26px}.form-check input[type=checkbox]{accent-color:#ec4899;width:18px;height:18px;cursor:pointer}.form-check label{font-size:14px;cursor:pointer;color:var(--text)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px 22px;border-top:1px solid var(--border);background:var(--surface)}.modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-full);font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--transition);border:2px solid transparent;outline:none}.modal-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.modal-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn--primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.modal-btn--ghost{background:transparent;color:var(--text);border-color:var(--input-border)}.modal-btn--ghost:hover:not(:disabled){background:#ec489914;border-color:#ec4899;color:#ec4899}.combo-wrap{position:relative}.combo-clear{position:absolute;top:50%;inset-inline-end:10px;transform:translateY(-50%);background:transparent;border:none;font-size:14px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.combo-clear:hover{color:var(--text)}.combo-menu{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 4px);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:50;max-height:260px;overflow:auto;padding:6px;display:grid;gap:2px}.combo-item{padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--text);transition:background var(--transition-fast)}.combo-item--hi{background:#ec48991a}.combo-item--muted{opacity:.7;font-style:italic}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.client-modal-backdrop{position:fixed;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .18s ease-out}.client-modal{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 48px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .22s cubic-bezier(.22,1,.36,1);padding:0}.client-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);pointer-events:none}.client-modal-title{font-size:22px;font-weight:800;margin:0;padding:22px 28px 16px;border-bottom:1px solid var(--border);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.client-form{display:flex;flex-direction:column;gap:16px;padding:24px 28px}.client-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.client-form-grid{grid-template-columns:1fr}}.client-form .form-field{display:grid;gap:6px}.client-form .form-label{font-size:13px;font-weight:600;color:var(--text)}.client-form .input,.client-form .textarea{width:100%;padding:11px 14px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-fg);font-size:14px;font-family:inherit;outline:none;transition:all var(--transition)}.client-form .textarea{min-height:84px;resize:vertical}.client-form .input:focus,.client-form .textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f}.client-form .checkbox-field{display:inline-flex;align-items:center;gap:8px;padding-top:26px}.client-form .checkbox-field input[type=checkbox]{accent-color:#ec4899;width:18px;height:18px;cursor:pointer}.client-form .checkbox-field label{font-size:14px;cursor:pointer;color:var(--text)}.client-form .modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.client-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-full);font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--transition);border:2px solid var(--input-border);outline:none;background:transparent;color:var(--text)}.client-form .btn:hover{background:#ec489914;border-color:#ec4899;color:#ec4899}.client-form .btn-primary{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow)}.client-form .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--gradient-primary);color:#fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--gradient-primary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #f472b6 0%, #a78bfa 100%);--gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-surface: linear-gradient(135deg, #fdf2f8 0%, #faf5ff 100%);--body-bg: #fafafa;--text: #1f2937;--text-muted: #6b7280;--surface: #ffffff;--surface-elevated: #ffffff;--border: rgba(236, 72, 153, .12);--border-strong: rgba(236, 72, 153, .24);--input-bg: #ffffff;--input-fg: #1f2937;--input-border: rgba(236, 72, 153, .2);--input-focus: #ec4899;--table-head: linear-gradient(135deg, #fdf2f8 0%, #faf5ff 100%);--row-odd: #ffffff;--row-even: #fafafa;--row-hover: #fef3f9;--danger: #ef4444;--danger-bg: #fee2e2;--success: #10b981;--success-bg: #d1fae5;--warning: #f59e0b;--warning-bg: #fef3c7;--info: #3b82f6;--info-bg: #dbeafe;--shadow-sm: 0 1px 3px rgba(236, 72, 153, .08);--shadow: 0 4px 16px rgba(236, 72, 153, .12);--shadow-lg: 0 12px 32px rgba(236, 72, 153, .18);--shadow-xl: 0 20px 48px rgba(236, 72, 153, .24);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--bg: var(--body-bg);--panel: var(--surface);--panel-border: var(--border);--fg: var(--text);--muted: var(--text-muted);--btn-create: #ec4899;--btn-secondary: #f472b6;--btn-edit: #a78bfa;--btn-border: var(--border)}html[data-theme=dark]{--body-bg: #0f0a1a;--text: #f3f4f6;--text-muted: #9ca3af;--surface: #1a1425;--surface-elevated: #221b2e;--border: rgba(236, 72, 153, .18);--border-strong: rgba(236, 72, 153, .32);--input-bg: #1a1425;--input-fg: #f3f4f6;--input-border: rgba(236, 72, 153, .24);--input-focus: #f472b6;--table-head: linear-gradient(135deg, #1a1425 0%, #221b2e 100%);--row-odd: #1a1425;--row-even: #1f1829;--row-hover: #2a1f3a;--danger: #f87171;--danger-bg: rgba(239, 68, 68, .12);--success: #34d399;--success-bg: rgba(16, 185, 129, .12);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .12);--info: #60a5fa;--info-bg: rgba(59, 130, 246, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .7);--bg: var(--body-bg);--panel: var(--surface);--panel-border: var(--border);--fg: var(--text);--muted: var(--text-muted);--btn-create: #ec4899;--btn-secondary: #f472b6;--btn-edit: #a78bfa;--btn-border: var(--border)}body{font-family:Assistant,sans-serif;background:var(--body-bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:Assistant,sans-serif}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);margin:16px 0;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form{display:grid;gap:20px}.form-row{position:relative;display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--text);transition:color var(--transition-fast)}.form-input,.select{width:100%;border:2px solid var(--input-border);background:var(--input-bg);color:var(--input-fg);border-radius:var(--radius);padding:12px 16px;outline:none;font-size:15px;transition:all var(--transition)}.form-input:focus,.select:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #ec48991f;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-full);padding:12px 24px;font-weight:600;font-size:15px;cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.btn:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition);z-index:0}.btn>*{position:relative;z-index:1}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-create,.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow)}.btn-create:hover,.btn-primary:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05)}.btn-secondary,.btn-edit{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow)}.btn-secondary:hover,.btn-edit:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:var(--shadow)}.btn-delete:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05)}.btn-outline{background:transparent;border:2px solid;border-image:var(--gradient-primary) 1;color:#ec4899;box-shadow:none}.btn-outline:hover{background:#ec489914}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}thead{background:var(--table-head);position:relative}thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary)}th,td{padding:16px;text-align:start;border-bottom:1px solid var(--border)}th{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--text)}tbody tr{transition:all var(--transition)}tbody tr:nth-child(odd){background:var(--row-odd)}tbody tr:nth-child(2n){background:var(--row-even)}tbody tr:hover{background:var(--row-hover);transform:scale(1.01);box-shadow:var(--shadow-sm)}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.badge:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.status-badge{position:relative;overflow:hidden}.status-badge:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary)}.status-active{background:var(--success-bg);color:var(--success);border-color:var(--success)}.status-inactive{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.msg{font-size:14px;margin-top:8px;display:flex;align-items:center;gap:8px}.msg-error{color:var(--danger);background:var(--danger-bg);padding:12px 16px;border-radius:var(--radius);border-left:4px solid var(--danger)}.msg-success{color:var(--success);background:var(--success-bg);padding:12px 16px;border-radius:var(--radius);border-left:4px solid var(--success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:#ec4899;text-decoration:none;transition:color var(--transition-fast);position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition)}a:hover:after{transform:scaleX(1)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(236,72,153,.2);border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite}.theme-toggle{--toggle-w: 80px;--toggle-h: 40px;--thumb: 32px;position:relative;display:inline-flex;align-items:center;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.theme-toggle__track{width:var(--toggle-w);height:var(--toggle-h);border-radius:var(--toggle-h);position:relative;overflow:hidden;box-shadow:var(--shadow);transition:all var(--transition);background:var(--gradient-secondary)}.theme-toggle.is-dark .theme-toggle__track{background:linear-gradient(135deg,#1e293b,#334155)}.theme-toggle__thumb{position:absolute;z-index:1;top:50%;left:4px;width:var(--thumb);height:var(--thumb);border-radius:50%;transform:translateY(-50%);background:#fff;box-shadow:0 4px 12px #0003;transition:transform var(--transition);display:grid;place-items:center;color:#ec4899}.theme-toggle.is-dark .theme-toggle__thumb{transform:translate(calc(var(--toggle-w) - var(--thumb) - 8px),-50%);background:#0f172a;color:#fbbf24}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;transition:all var(--transition);font-size:16px}.theme-toggle .icon-sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle .icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle.is-dark .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}.theme-toggle.is-dark .icon-moon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle:hover .theme-toggle__track{box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeIn{animation:fadeIn var(--transition) ease-out}.animate-slideIn{animation:slideIn var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 768px){.container{padding:16px}.card{padding:16px;margin:12px 0}.btn{padding:10px 20px;font-size:14px}th,td{padding:12px 8px;font-size:13px}}.drawer-backdrop{background:#0f0a1a73!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer{background:var(--surface)!important;color:var(--text)!important;border-inline-end:1px solid var(--border)!important;box-shadow:var(--shadow-xl)!important}.drawer-head{background:var(--surface)!important;border-bottom:1px solid var(--border)!important;position:relative}.drawer-head:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.drawer-head h3,.drawer-title{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs-bar{background:var(--surface)!important;border-bottom:1px solid var(--border)!important;padding:10px 16px!important;gap:8px!important}.tab-btn{background:transparent!important;border:2px solid var(--border)!important;color:var(--text)!important;padding:8px 18px!important;border-radius:var(--radius-full)!important;font-weight:600!important;transition:all var(--transition)}.tab-btn:hover{border-color:#ec4899!important;transform:translateY(-1px)}.tab-btn.active{background:var(--gradient-primary)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--shadow)}.drawer-footer{background:var(--surface)!important;border-top:1px solid var(--border)!important;gap:12px!important}.drawer .btn.btn-primary,.drawer .btn.btn-create{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;box-shadow:var(--shadow)}.drawer .btn.btn-primary:hover,.drawer .btn.btn-create:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05)}.drawer .btn.btn-outline,.drawer .btn.btn-secondary{background:transparent!important;border:2px solid var(--border)!important;color:var(--text)!important}.drawer .btn.btn-outline:hover,.drawer .btn.btn-secondary:hover{border-color:#ec4899!important;background:#ec48990d!important}.drawer .ql-toolbar.ql-snow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:6px 8px;display:flex;flex-wrap:wrap;gap:4px}.drawer .ql-toolbar.ql-snow .ql-formats{margin:0 4px}.drawer .ql-toolbar.ql-snow button{width:28px!important;height:28px!important;padding:2px!important;border-radius:6px}.drawer .ql-toolbar.ql-snow button:hover,.drawer .ql-toolbar.ql-snow button.ql-active{background:#ec48991a}.drawer .ql-toolbar.ql-snow button svg{width:18px!important;height:18px!important}.drawer .ql-toolbar.ql-snow .ql-stroke{stroke:var(--text)!important}.drawer .ql-toolbar.ql-snow button:hover .ql-stroke,.drawer .ql-toolbar.ql-snow button.ql-active .ql-stroke{stroke:#ec4899!important}.drawer .ql-container.ql-snow{border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:var(--surface);font-family:Assistant,sans-serif}.drawer .ql-editor{min-height:120px;font-size:15px;color:var(--text);padding:10px 12px}.drawer .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.planner-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.planner-day-col{border:1px solid var(--border);background:var(--surface);transition:background var(--transition)}.planner-day-col:hover{background:var(--row-hover)}.planner-day-col-header{background:var(--table-head);border-bottom:1px solid var(--border);padding:8px 10px}.planner-day-name{font-weight:700;color:var(--text)}.planner-day-date{color:var(--text-muted);font-size:13px}.planner-task-pill{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;margin:4px;transition:all var(--transition);cursor:pointer}.planner-task-pill:hover{border-color:#ec4899;transform:translateY(-1px);box-shadow:var(--shadow)}.planner-task-pill.small{padding:6px 8px;font-size:13px}.planner-task-pill .pill-title{font-weight:600;color:var(--text)}.planner-task-pill .pill-sub{color:var(--text-muted);font-size:12px}html,body{-webkit-text-size-adjust:100%}img,video,canvas,svg{max-width:100%;height:auto}body{padding-bottom:env(safe-area-inset-bottom,0px)}@media (max-width: 1024px){html .page,html .page-shell,html .home-page,html .projects-page,html .companies-page,html .users-page,html .clients-page,html .attendance-page,html .performance-page,html .company-settings-page{padding-inline:12px;padding-block:12px}html .table-wrap,html .responsive-table-wrap,html .data-table-wrap,html .projects-table-wrap,html .home-tasks-wrap,html .users-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){html body{font-size:15px}html .drawer,html .drawer-inner,html .modal-drawer,html .side-drawer{width:100vw!important;max-width:100vw!important;border-radius:0!important}html .drawer-inner{height:100dvh;max-height:100dvh;overflow-y:auto}html .drawer-head{position:sticky;top:0;z-index:5;background:var(--surface, #fff)}html .drawer-body{padding:14px!important}html .modal,html .modal-card,html .modal-shell{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin:8px auto!important}html .field-grid,html .form-grid,html .grid-2,html .grid-3,html .grid-4,html .form-row-2col,html .modal-grid,html .modal-grid--single,html .modal-grid--wide,html .filter-grid{grid-template-columns:1fr!important;gap:10px!important}html .modal-body{padding:14px!important}html .modal-footer,html .modal-header{padding-inline:14px!important}html .form-row.flex-row,html .inline-fields,html .field-inline{flex-direction:column!important;align-items:stretch!important;gap:10px!important}html input:not([type=checkbox]):not([type=radio]):not([type=color]),html select,html textarea{font-size:16px!important;min-height:40px}html .form-input,html .form-select{padding:10px 12px!important}html .btn,html .login-btn,html .nav-btn,html .action-btn{min-height:40px;padding-inline:14px;font-size:14.5px}html .actions-row,html .form-actions,html .footer-actions,html .dns-actions,html .send-row{flex-wrap:wrap!important;gap:8px!important}html .actions-row>.btn,html .form-actions>.btn,html .footer-actions>.btn{flex:1 1 100%}html table.data-table,html table.tasks-table,html table.projects-table,html table.users-table,html table.companies-table,html table.clients-table{min-width:760px}html .table-wrap,html .responsive-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}html table th,html table td{white-space:nowrap;font-size:13.5px}html table td.allow-wrap,html table td .cell-truncate{white-space:normal}html .card,html .company-settings-section,html .panel,html .surface-card{padding:14px!important;border-radius:10px!important}html .stats-grid,html .kpi-grid,html .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html h1{font-size:22px;line-height:1.2}html h2{font-size:19px;line-height:1.25}html h3{font-size:17px;line-height:1.3}html .page-title{font-size:22px}html .section-subtitle{font-size:13.5px;line-height:1.5}html .tabs-bar,html .filters-bar,html .home-filters,html .toolbar-row{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}html .tabs-bar::-webkit-scrollbar,html .filters-bar::-webkit-scrollbar,html .home-filters::-webkit-scrollbar,html .toolbar-row::-webkit-scrollbar{display:none}html .chat-bubble{max-width:88%!important}html .re-toolbar{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;padding-block:4px}html .dns-record{width:100%}html .dns-record th{width:auto;font-size:11px}html .config-snippet{font-size:11px;padding:10px}html .assignees-cell .avatar{width:22px!important;height:22px!important}}@media (max-width: 480px){html body{font-size:14.5px}html h1{font-size:20px}html h2{font-size:17px}html h3{font-size:16px}html .stats-grid,html .kpi-grid,html .dashboard-grid{grid-template-columns:1fr!important}html .btn-icon-only,html .icon-btn{width:38px;height:38px}html .navbar-row .nav-divider,html .drawer-head .head-meta{display:none}}@media (hover: none){html .chat-bubble__actions{opacity:1!important;pointer-events:auto!important}}