@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;900&family=Rajdhani:wght@500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;900&family=Rajdhani:wght@500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7fe;color:#1a202c;font-family:Poppins,sans-serif;margin:0;padding:0}*{box-sizing:border-box}th{text-align:center!important;text-transform:uppercase!important}.col-left{text-align:left!important}.col-left .att-emp-name-btn{margin:0!important}.col-left .att-emp-cell,.col-left .att-emp-name-btn{justify-content:flex-start!important}.billing-badge,.bj-status-pill,.complexity-badge,.et-status-badge,.filestatus-pill,.prod-status-pill,.qc-status-pill,.role-badge,.sm-status-badge,.status-pill,option.complexity-complex,option.complexity-heavycomplex,option.complexity-medium,option.complexity-simple,select.complexity-complex,select.complexity-heavycomplex,select.complexity-medium,select.complexity-simple,span.complexity-complex,span.complexity-heavycomplex,span.complexity-medium,span.complexity-simple{border:1px solid #0000!important;border-radius:6px!important;box-sizing:border-box!important;display:inline-block!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.03em!important;line-height:1.4!important;padding:4px 10px!important;text-align:center!important;text-transform:uppercase!important;white-space:nowrap!important}.att-summary-select.status-credited,.bb-billed,.bb-credited,.bj-sp-active,.bj-sp-billed,.bj-sp-completed,.bj-sp-finish,.complexity-simple,.file-sp-completed,.file-sp-finish,.prod-sp-finish,.qc-sp-finish,.sm-status-badge.active,.status-active,.status-badge.active,.status-billed,.status-completed,.status-credited,.status-finish,.status-finished,.status-granted,.status-simple,.status-success,.tm-access-badge--granted,option.complexity-simple,select.complexity-simple,span.complexity-simple{background-color:#dcfce7!important;border-color:#bbf7d0!important;color:#15803d!important}.bb-wip,.bj-sp-wip,.complexity-medium,.file-sp-wip,.prod-sp-wip,.qc-sp-wip,.status-in_progress,.status-inprogress,.status-medium,.status-running,.status-wip,option.complexity-medium,select.complexity-medium,span.complexity-medium{background-color:#fef9c3!important;border-color:#fde047!important;color:#854d0e!important}.bb-pending,.bj-sp-pending,.file-sp-pending,.prod-sp-pending,.qc-sp-pending,.status-pending{background-color:#ffedd5!important;border-color:#fed7aa!important;color:#c2410c!important}.bb-invoiced,.bb-yts,.bj-sp-yts,.file-sp-yts,.prod-sp-yts,.qc-sp-yts,.status-invoiced,.status-yts{background-color:#e0f2fe!important;border-color:#bae6fd!important;color:#0369a1!important}.bb-rtu,.bb-uploaded,.bj-sp-rtu,.bj-sp-uploaded,.complexity-heavycomplex,.file-sp-rtu,.file-sp-uploaded,.prod-sp-rtu,.prod-sp-uploaded,.qc-sp-rtu,.qc-sp-uploaded,.status-heavycomplex,.status-rtu,.status-uploaded,option.complexity-heavycomplex,select.complexity-heavycomplex,span.complexity-heavycomplex{background-color:#f3e8ff!important;border-color:#e9d5ff!important;color:#7e22ce!important}.complexity-complex,.status-complex,option.complexity-complex,select.complexity-complex,span.complexity-complex{background-color:#ffe4e6!important;border-color:#fecdd3!important;color:#be123c!important}.bb-hold,.bj-sp-hold,.file-sp-hold,.prod-sp-hold,.qc-sp-hold,.sm-status-badge.inactive,.status-badge.inactive,.status-cancelled,.status-denied,.status-hold,.status-inactive,.tm-access-badge--denied{background-color:#fee2e2!important;border-color:#fecaca!important;color:#b91c1c!important}.bb-query,.bj-sp-query,.file-sp-query,.prod-sp-query,.qc-sp-query,.status-query{background-color:#fce7f3!important;border-color:#fbcfe8!important;color:#be185d!important}.bb-revert,.bj-sp-revert,.file-sp-revert,.inv-fstatus--revert,.prod-sp-revert,.qc-sp-revert,.status-revert{background-color:#000!important;border-color:#000!important;color:#fff!important}.proj-badge{border-radius:6px;box-shadow:0 1px 2px #0000000d;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-align:center;white-space:nowrap}.proj-badge-0{background-color:#e0e7ff!important;border:1px solid #c7d2fe!important;color:#4338ca!important}.proj-badge-1{background-color:#fef3c7!important;border:1px solid #fde68a!important;color:#b45309!important}.proj-badge-2{background-color:#d1fae5!important;border:1px solid #a7f3d0!important;color:#047857!important}.proj-badge-3{background-color:#ffe4e6!important;border:1px solid #fecdd3!important;color:#be123c!important}.proj-badge-4{background-color:#ecfeff!important;border:1px solid #c5f6fa!important;color:#0891b2!important}.proj-badge-5{background-color:#fae8ff!important;border:1px solid #f5d0fe!important;color:#86198f!important}.proj-badge-6{background-color:#ffedd5!important;border:1px solid #fed7aa!important;color:#c2410c!important}.proj-badge-7{background-color:#e0f2fe!important;border:1px solid #bae6fd!important;color:#0369a1!important}.proj-badge-default{background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#475569!important}.table-container,.table-responsive{-webkit-overflow-scrolling:touch;margin-bottom:1rem;overflow-x:auto;width:100%}@media (max-width:768px){body,html{overflow-x:hidden}table{min-width:600px;width:100%}.responsive-flex-row{align-items:stretch!important;flex-direction:column!important}}.role-badge.admin{background-color:#fee2e2!important;border-color:#fecaca!important;color:#b91c1c!important}.role-badge.manager{background-color:#dcfce7!important;border-color:#bbf7d0!important;color:#15803d!important}.role-badge.team-leader{background-color:#f3e8ff!important;border-color:#e9d5ff!important;color:#6b21a8!important}.role-badge.executive{background-color:#e0e7ff!important;border-color:#c7d2fe!important;color:#4338ca!important}.role-badge.viewer{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#475569!important}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26}.app-container{display:flex;min-height:100vh;width:100%}.main-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:220px;min-width:0;width:calc(100% - 220px)}.content-area{background-color:#f4f7fe;box-sizing:border-box;min-height:calc(100vh - 65px);padding:24px 28px}.admin-chat-monitor-container,.admin-reports-container,.al-container,.att-container,.bj-container,.ca-page,.ci-page,.corrections-container,.dashboard-container,.dev-dashboard-container,.digi-convertor-container,.ec-page,.el-page,.emp-dashboard-body,.et-page,.hg-wrapper,.inv-wrapper,.invoice-container,.meetings-container,.my-work-container,.pa-container,.pm-container,.pm-wrapper,.production-container,.projects-container,.ra-container,.rp-container,.sm-container,.st-container,.targets-container,.tl-wrapper,.tm-wrapper,.user-mgmt-container,.workwise-page,.wp-container{box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}@media (max-width:768px){.main-wrapper{margin-left:0;width:100%}.content-area{padding:16px 12px}}:root{--navy:#25282b;--navy-900:#17191b;--electric:#e92e68;--electric-700:#c91f57;--sky:#08afc4;--teal:#08afc4;--teal-700:#078b9b;--amber:#7f878d;--coral:#c91f57;--soft-purple:#70787f;--deep-teal:#006f7c;--white:#fff;--off-white:#fff;--light-blue-tint:#e6f1fb;--charcoal:#2c2c2a;--muted:#5f6b7a;--subtle:#8290a3;--border:#25282b1a;--border-strong:#25282b33;--focus-ring:#08afc4;--success:#078b9b;--danger:#b42318;--on-brand:#fff;--on-brand-muted:#ffffffd1;--on-brand-soft:#ffffffad;--clr-bg:var(--off-white);--clr-surface:var(--light-blue-tint);--clr-card:var(--white);--clr-border:var(--border);--clr-border-md:var(--border-strong);--clr-accent:var(--electric);--clr-accent2:var(--teal);--clr-text:var(--charcoal);--clr-muted:var(--muted);--clr-heading:var(--navy);--clr-white:var(--white);--light-blue:var(--light-blue-tint);--warm-gray:#b4b2a9;--purple:var(--soft-purple);--off:var(--off-white);--lb:var(--light-blue-tint);--wg:var(--warm-gray);--ch:var(--charcoal);--border-md:var(--border-strong);--font-display:"Sora",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-d:var(--font-display);--font-b:var(--font-body);--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.5rem,1.2rem + 1vw,2rem);--text-3xl:clamp(2rem,1.45rem + 2vw,3rem);--text-4xl:clamp(2.5rem,1.75rem + 3vw,4.5rem);--leading-tight:1.12;--leading-body:1.65;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:0.375rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px;--shadow-xs:0 1px 2px #25282b0f;--shadow-sm:0 4px 14px #25282b14;--shadow-md:0 12px 30px #25282b1a;--shadow-lg:0 24px 60px #25282b24;--duration-fast:140ms;--duration-normal:220ms;--duration-slow:420ms;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease:var(--ease-out);--spring:var(--ease-spring);--container-sm:720px;--container-md:960px;--container-lg:1180px;--container-xl:1320px;--header-height:76px;--icon-sm:1rem;--icon-md:1.25rem;--icon-lg:1.5rem;color-scheme:light}.company-root-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--off-white);color:#2c2c2a;color:var(--charcoal);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-md);line-height:1.65;line-height:var(--leading-body);min-height:100vh}.company-root-wrapper *,.company-root-wrapper :after,.company-root-wrapper :before{box-sizing:border-box}.company-root-wrapper main{display:block;min-height:60vh}.company-root-wrapper canvas,.company-root-wrapper img,.company-root-wrapper picture,.company-root-wrapper svg,.company-root-wrapper video{display:block;max-width:100%}.company-root-wrapper button,.company-root-wrapper input,.company-root-wrapper select,.company-root-wrapper textarea{font:inherit}.company-root-wrapper [role=button],.company-root-wrapper a,.company-root-wrapper button{-webkit-tap-highlight-color:transparent}.company-root-wrapper [role=button]:not([aria-disabled=true]),.company-root-wrapper button:not(:disabled){cursor:pointer}.company-root-wrapper button:disabled,.company-root-wrapper input:disabled,.company-root-wrapper select:disabled,.company-root-wrapper textarea:disabled{cursor:not-allowed;opacity:.62}.company-root-wrapper :where(h1,h2,h3,h4,h5,h6){text-wrap:balance;color:#25282b;color:var(--navy);font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-display);line-height:1.12;line-height:var(--leading-tight);margin-block:0}.company-root-wrapper :where(p){text-wrap:pretty}.company-root-wrapper :where(a){color:inherit}.company-root-wrapper .container{margin-inline:auto;width:min(100% - 2rem,1180px);width:min(100% - 2rem,var(--container-lg))}@media (min-width:768px){.company-root-wrapper .container{width:min(100% - 3rem,1180px);width:min(100% - 3rem,var(--container-lg))}}.company-root-wrapper :focus-visible{outline:3px solid color-mix(in srgb,#08afc4 76%,#fff);outline:3px solid color-mix(in srgb,var(--focus-ring) 76%,#fff);outline-offset:3px}.company-root-wrapper :target{scroll-margin-top:calc(76px + 1rem);scroll-margin-top:calc(var(--header-height) + 1rem)}.company-root-wrapper .skip-link{background:#25282b;background:var(--navy);border-radius:0 0 .5rem .5rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);color:#fff;color:var(--white);font-weight:700;inset:0 auto auto 1rem;padding:.75rem 1rem;position:fixed;text-decoration:none;transform:translateY(-140%);transition:transform .14s ease;transition:transform var(--duration-fast) ease;z-index:10000}.company-root-wrapper .skip-link:focus{transform:translateY(0)}.company-root-wrapper .sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.company-root-wrapper .btn-ghost,.company-root-wrapper .btn-outline-primary,.company-root-wrapper .btn-outline-white,.company-root-wrapper .btn-primary,.company-root-wrapper .btn-primary-navbar,.company-root-wrapper .btn-submit,.company-root-wrapper .btn-white,.company-root-wrapper .pf-btn-ghost,.company-root-wrapper .pf-btn-primary{justify-content:center;min-height:44px}.company-root-wrapper input,.company-root-wrapper select,.company-root-wrapper textarea{background:#fff;background:var(--white);border:1px solid #25282b33;border:1px solid var(--border-strong);border-radius:.5rem;border-radius:var(--radius-sm);color:#2c2c2a;color:var(--charcoal);min-height:46px;padding:.75rem .875rem;transition:border-color .14s,box-shadow .14s,background-color .14s;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background-color var(--duration-fast);width:100%}.company-root-wrapper textarea{min-height:7rem;resize:vertical}.company-root-wrapper input:hover,.company-root-wrapper select:hover,.company-root-wrapper textarea:hover{border-color:#e92e6873}.company-root-wrapper input:focus,.company-root-wrapper select:focus,.company-root-wrapper textarea:focus{border-color:#e92e68;border-color:var(--electric);box-shadow:0 0 0 4px #e92e681f;outline:0}.company-root-wrapper .input-err,.company-root-wrapper input[aria-invalid=true],.company-root-wrapper select[aria-invalid=true],.company-root-wrapper textarea[aria-invalid=true]{border-color:#b42318!important;border-color:var(--danger)!important}.company-root-wrapper .field-err,.company-root-wrapper [role=alert]{color:#b42318;color:var(--danger)}.company-root-wrapper :is(p,li,a,button,label,td,th,code){overflow-wrap:anywhere}.company-root-wrapper main>section:not(:first-child){contain-intrinsic-size:auto 720px;content-visibility:auto}@media (max-width:600px){.company-root-wrapper .container{width:min(100% - 1.25rem,1180px);width:min(100% - 1.25rem,var(--container-lg))}.company-root-wrapper input,.company-root-wrapper select,.company-root-wrapper textarea{font-size:1rem}}.sidebar{backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);background:linear-gradient(135deg,#ff3b5c38,#9b9b9b14 50%,#13c6df38),#080d1ac7;border-right:1px solid #ffffff1a;border-top:1px solid #ffffff0d;box-shadow:4px 0 36px #0006,inset 1px 0 0 #ffffff0a;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:220px;z-index:1000}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-header{background:#ffffff08;border-bottom:1px solid #ffffff12;flex-shrink:0;padding:20px 14px 16px;text-align:left}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#13c6df,#a0f0fb 70%,#fff);-webkit-background-clip:text;background-clip:text;font-size:.88rem;font-weight:800;letter-spacing:1px;line-height:1.45;margin:0;text-transform:uppercase}.admin-status{-webkit-text-fill-color:#13c6df;background:#13c6df2e;border:1px solid #13c6df66;border-radius:4px;color:#13c6df;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:2.5px;margin-top:8px;padding:2px 9px;text-shadow:0 0 8px #13c6df80;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-top:10px;padding:0 8px 18px}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#a4a1a1!important;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:9px 12px;position:relative;text-decoration:none!important;transition:background .28s ease,border-color .28s ease,color .28s ease,transform .22s ease,box-shadow .28s ease}.nav-item:before{background:linear-gradient(105deg,#0000 25%,#ffffff12 50%,#0000 75%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-120%);transition:transform .55s ease;z-index:0}.nav-item:after{background:linear-gradient(180deg,#ff3b5c,#13c6df);border-radius:0 3px 3px 0;box-shadow:0 0 8px #13c6df80;content:"";height:60%;left:0;opacity:0;position:absolute;top:20%;transform:scaleY(0);transition:opacity .25s ease,transform .25s ease;width:3px;z-index:1}.nav-icon,.nav-text{position:relative;z-index:2}.nav-item:hover{background:#ffffff12;border-color:#ffffff1a;box-shadow:0 2px 14px #0003,inset 0 1px 0 #ffffff12;color:#fff!important;transform:translateX(5px)}.nav-item:hover:before{transform:translateX(120%)}.nav-item.active{background:linear-gradient(135deg,#ff3b5cb3,#8c8c9b61 50%,#13c6dfb3);border-color:#ffffff29;box-shadow:0 4px 20px #ff3b5c40,0 2px 10px #13c6df2e,inset 0 1px 0 #ffffff2e;color:#fff!important;transform:translateX(5px)}.nav-item.active:after{opacity:1;transform:scaleY(1)}.nav-item.active:before{animation:shimmer-pulse 3s ease-in-out infinite;background:linear-gradient(105deg,#0000 15%,#ffffff14 50%,#0000 85%);transform:translateX(0)}@keyframes shimmer-pulse{0%,to{opacity:.6}50%{opacity:1}}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1rem;height:20px;justify-content:center;transition:transform .22s ease;width:20px}.sidebar-img-icon{border-radius:2px;display:block;height:25px;object-fit:contain;width:25px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{transform:scale(1.18)}.nav-text{font-size:.82rem;font-weight:500;letter-spacing:.2px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:letter-spacing .22s ease;white-space:nowrap}.nav-item.active .nav-text{font-weight:700;letter-spacing:.35px}.sidebar-badge{align-items:center;background:#ff3b5c;border-radius:10px;box-shadow:0 0 8px #ff3b5c99;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;margin-left:auto;min-width:16px;padding:1px 6px;transition:transform .22s ease;z-index:2}.nav-item.active .sidebar-badge,.nav-item:hover .sidebar-badge{transform:scale(1.05)}.sidebar-badge.blink{animation:badge-pulse 1.8s ease-in-out infinite}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 #ff3b5cb3;transform:scale(1)}70%{box-shadow:0 0 0 6px #ff3b5c00;transform:scale(1.08)}to{box-shadow:0 0 0 0 #ff3b5c00;transform:scale(1)}}.sidebar-mobile-backdrop{display:none}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-mobile-backdrop{animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:block;inset:0;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.main-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb8;border-bottom:1px solid #fff9;box-shadow:inset 0 1px 0 #fffc,0 4px 24px #00000014;box-sizing:border-box;display:flex;flex-shrink:0;height:65px;justify-content:space-between;padding:0 28px;position:sticky;top:0;width:100%;z-index:999}.header-brand{display:flex;flex-direction:column;gap:3px}.company-title{align-items:baseline;display:flex;font-size:22px;font-weight:900;gap:0;letter-spacing:2px;margin:0}.text-pink{color:#ff3b5c;text-shadow:0 0 18px #ff3b5c40}.text-gray{color:#6b7280;font-weight:700;letter-spacing:1px}.text-cyan{color:#0db4cc;text-shadow:0 0 18px #0db4cc40}.company-location{color:#9ca3af;font-size:.62rem;font-weight:700;letter-spacing:3px;margin:0;text-transform:uppercase}.header-divider{background:linear-gradient(180deg,#0000,#0000001a,#0000);height:32px;width:1px}.header-user{align-items:center;display:flex;gap:16px}.user-details{text-align:right}.logged-label{color:#9ca3af;display:block;font-size:.6rem;font-weight:600;letter-spacing:1.5px;margin-bottom:2px;text-transform:uppercase}.user-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0db4cc,#0891b2 60%,#1e3a5f);-webkit-background-clip:text;background-clip:text;display:block;filter:drop-shadow(0 0 4px rgba(13,180,204,.2));font-size:.88rem;font-weight:800;letter-spacing:.5px}.logout-button{background:linear-gradient(135deg,#ff3b5c,#c81e3c);border:none;border-radius:7px;box-shadow:0 2px 12px #ff3b5c59,0 1px 3px #00000026;color:#fff;cursor:pointer;font-size:.76rem;font-weight:700;letter-spacing:.5px;padding:7px 18px;text-transform:uppercase;transition:box-shadow .22s ease,transform .18s ease}.logout-button:hover{box-shadow:0 6px 20px #ff3b5c80,0 2px 6px #0003;transform:translateY(-1px)}.mobile-menu-toggle{background:#0000;border:1px solid #0db4cc4d;border-radius:6px;color:#1e3a5f;cursor:pointer;display:none;font-size:1.25rem;padding:4px 10px;transition:all .2s ease}.mobile-menu-toggle:hover{background:#0db4cc1a;color:#0db4cc}@media (max-width:768px){.main-header{padding:0 12px}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.header-divider{display:none}.company-title{font-size:16px}.company-location{font-size:.55rem}.logged-label{display:none}.user-name{font-size:.78rem}.logout-button{font-size:.7rem;padding:6px 12px}}.user-name{cursor:default}.reset-pass-link{align-items:center;color:#3b82f6;cursor:pointer;display:flex;font-size:.68rem;font-weight:600;gap:4px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase;transition:color .15s ease,opacity .15s ease}.reset-pass-link:hover{color:#2563eb;text-decoration:underline}.reset-pass-link:before{content:"🔑";font-size:.7rem}.reset-password-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.reset-password-modal{animation:resetModalIn .22s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;color:#1a202c;max-width:440px;padding:28px 30px 24px;text-align:left;width:100%}@keyframes resetModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.reset-password-modal h3{border-bottom:1px solid #edf2f7;color:#1a202c;font-size:1.1rem;font-weight:700;margin:0 0 20px;padding-bottom:12px}.modal-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#e53e3e}.modal-error,.modal-success{font-size:.8rem;font-weight:600;margin-bottom:16px;padding:10px 14px}.modal-success{background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;color:#38a169}.modal-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.modal-form-group label{color:#2d3748;font-size:.82rem;font-weight:600}.modal-form-group input{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c!important;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.modal-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.pwd-input-wrap input{padding-right:40px!important;width:100%}.modal-actions button{border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 20px;transition:all .18s ease}.modal-actions .btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#4a5568}.modal-actions .btn-cancel:hover{background:#e2e8f0}.modal-actions .btn-submit{background:#3b82f6;border:none;color:#fff;font-weight:700}.modal-actions .btn-submit:hover:not(:disabled){background:#2563eb;opacity:.95}.modal-actions .btn-submit:disabled{cursor:not-allowed;opacity:.5}.login-page{background-attachment:fixed;background-image:url(/static/media/login-bg.c406a0f6159eccbc58dc.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;padding:0}.login-page,.overlay{align-items:center;display:flex;justify-content:center;width:100%}.overlay{box-sizing:border-box;height:100%;overflow-y:auto;padding:20px}.login-header{margin-bottom:24px;text-align:center}.login-header h3{color:#e43466;font-family:Arial Black,Montserrat,sans-serif;font-size:20px;font-weight:900;letter-spacing:1px;margin:0;text-transform:uppercase}.arrow{color:#ff3b5c;text-shadow:0 0 10px #ff3b5c66}.data{color:#d1d5db;text-shadow:0 0 8px #fff3}.tech{color:#13c6df;text-shadow:0 0 12px #13c6df80}.portal-name-subtitle{-webkit-text-fill-color:#0000;animation:subtitleGlow 4s ease-in-out infinite alternate;background:linear-gradient(90deg,#ff3b5c,#13c6df);-webkit-background-clip:text;filter:drop-shadow(0 0 4px rgba(255,59,92,.45)) drop-shadow(0 0 8px rgba(19,198,223,.45));font-size:11px;font-weight:700;letter-spacing:1.5px;margin-top:8px;text-transform:uppercase}@keyframes subtitleGlow{0%{filter:drop-shadow(0 0 3px rgba(255,59,92,.35)) drop-shadow(0 0 6px rgba(19,198,223,.35))}to{filter:drop-shadow(0 0 6px rgba(255,59,92,.6)) drop-shadow(0 0 12px rgba(19,198,223,.6))}}.portal-text{color:#ffffffc7;font-size:13px;letter-spacing:.3px;line-height:1.5;margin-top:10px}.portal-highlight{-webkit-text-fill-color:#0000;animation:glowPortal 2.5s ease-in-out infinite;background:linear-gradient(90deg,#13c6df,#4de7ff,#13c6df);-webkit-background-clip:text;font-weight:700;text-shadow:0 0 8px #13c6df73,0 0 16px #13c6df40}@keyframes glowPortal{0%{filter:brightness(1)}50%{filter:brightness(1.35)}to{filter:brightness(1)}}.login-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.login-card{animation:cardGlow 8s ease-in-out infinite alternate;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#191919a6;border:1px solid #13c6df33;border-radius:.875rem;box-shadow:0 0 15px #ff3b5c1a,0 0 30px #13c6df1a,0 10px 30px #00000080;color:#fff;margin-top:.5rem;max-width:22.5rem;padding:2.25rem 1.75rem;text-align:center;width:100%}@keyframes cardGlow{0%{border-color:#ff3b5c26;box-shadow:0 0 15px #ff3b5c1a,0 10px 30px #00000080}50%{border-color:#13c6df4d;box-shadow:0 0 25px #13c6df33,0 10px 30px #00000080}to{border-color:#ff3b5c40;box-shadow:0 0 20px #ff3b5c26,0 10px 30px #00000080}}.login-card h2{font-size:20px;font-weight:600;letter-spacing:.5px;margin-bottom:20px}.login-toggle{background:#ffffff0f;border-radius:.75rem;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.375rem}.login-toggle button{background:#0000;border:none;border-radius:.625rem;color:#fffc;cursor:pointer;flex:1 1;font-size:.75rem;overflow:hidden;padding:.75rem;position:relative;transition:all .25s ease}.login-toggle button:hover{background:#ffffff1a;transform:translateY(-1px)}.login-toggle button.active{background:#13c6df;box-shadow:0 6px 18px #13c6df59;color:#fff;font-weight:600}.login-card form{gap:24px}.input-group,.login-card form{display:flex;flex-direction:column}.input-group{gap:10px;text-align:left}.password-input-group{position:relative}.password-toggle{align-items:center;bottom:16px;color:#ffffffa6;cursor:pointer;display:flex;justify-content:center;line-height:1;position:absolute;right:12px;transition:color .2s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.password-toggle:hover{color:#13c6df}.input-group label{color:#ffffffbf;font-size:13px}.login-card input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;color:#fff;font-size:12px;outline:none;padding:14px 16px;transition:all .25s ease;width:100%}.login-card input::placeholder{color:#ffffff73}.login-card input:focus{background:#ffffff1a;border-color:#13c6df;box-shadow:0 0 0 3px #13c6df33;transform:translateY(-1px)}.login-btn{background:#13c6df;border:none;border-radius:12px;box-shadow:0 10px 20px #13c6df40;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:12px;transition:all .25s ease;width:100%}.login-btn:hover{background:#10b3c9;transform:translateY(-2px)}.login-btn:active{transform:scale(.98)}@media (max-width:768px){.login-card{max-width:92%;padding:24px 18px}.login-card h2{font-size:22px}}@media (max-width:480px){.overlay{padding:20px}.login-card{padding:20px 16px}.login-toggle button{font-size:14px}}.captcha-group{display:flex;flex-direction:column;gap:8px;text-align:left}.captcha-label{color:#ffffffbf;font-size:13px}.captcha-display{align-items:center;display:flex;gap:8px}.captcha-canvas{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;height:50px;width:220px}.captcha-refresh{align-items:center;background:#13c6df1a;border:1px solid #13c6df59;border-radius:9px;color:#13c6df;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.captcha-refresh:hover{background:#13c6df38;border-color:#13c6df;box-shadow:0 0 10px #13c6df4d;transform:rotate(45deg) scale(1.08)}.captcha-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;color:#fff;font-family:Courier New,Courier,monospace;font-size:13px;letter-spacing:3px;outline:none;padding:12px 16px;transition:all .25s ease;width:100%}.captcha-input::placeholder{color:#fff6;font-family:inherit;letter-spacing:normal}.captcha-input:focus{background:#ffffff1a;border-color:#13c6df;box-shadow:0 0 0 3px #13c6df33;transform:translateY(-1px)}.captcha-error{background:#ff3b5c1a;border:1px solid #ff3b5c33;border-radius:8px;color:#ff3b5c;display:block;font-size:11.5px;letter-spacing:.2px;padding:6px 10px}.login-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:auto;max-width:28rem;width:90%}.login-quote-box{animation:fadeInQuote .8s ease-out;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#191919a6;border:1px solid #ffffff14;border-radius:.875rem;box-shadow:0 10px 30px #00000059;box-sizing:border-box;padding:1rem 1.125rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-quote-box:hover{background:#1e1e1ebf;border-color:#13c6df4d;box-shadow:0 15px 35px #13c6df33,0 0 15px #13c6df1a;transform:translateY(-5px)}.login-quote-content{color:#ffffffe0;font-family:Montserrat,Outfit,Inter,sans-serif;font-size:13px;font-style:italic;line-height:1.5}.login-quote-author{color:#13c6df;display:block;font-size:10px;font-style:normal;font-weight:700;letter-spacing:1.5px;margin-top:8px;text-transform:uppercase}@keyframes fadeInQuote{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-kural-box{animation:fadeInQuote .8s ease-out;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f1219a6;border:1px solid #00ff8859;border-radius:.875rem;box-shadow:0 10px 30px #0006,0 0 15px #0f83,0 0 30px #00ff880d;box-sizing:border-box;color:#fff;padding:.85rem 1.15rem;text-align:left!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-kural-box:hover{background:#141823bf;border-color:#0f89;box-shadow:0 15px 35px #00000080,0 0 25px #0f86,0 0 50px #00ff8826;transform:translateY(-3px)}.login-kural-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:6px}.login-kural-number{color:#01ccff;font-size:10px;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #00ff8880;text-transform:uppercase}.login-kural-chapter{color:#ffffff73;font-size:10px;font-weight:500}.login-kural-lines{margin-bottom:8px;text-align:center!important}.login-kural-line{color:#6cc835;font-family:Poppins,Montserrat,sans-serif;font-size:12px;font-weight:600;line-height:1.6;margin:0;text-align:center!important;text-shadow:0 0 8px #00ff88b3,0 0 16px #00ff884d}.login-kural-line:first-child{margin-bottom:4px}.login-kural-meaning{border-top:1px dashed #ffffff26;padding-top:8px;text-align:left!important}.kural-meaning-text{color:#ffffffbf;font-size:10px;font-style:italic;line-height:1.5;margin:0;text-align:left!important}.kural-meaning-text.tamil{color:#c8ffdcf2;font-style:normal;letter-spacing:1px;line-height:1.5}.kural-meaning-text.english{color:#13c6dfd9}.kural-meaning-divider{background:#ffffff14;height:1px;margin:5px 0}.login-kural-box,.login-quote-box{width:100%}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:active,.login-card input:-webkit-autofill:focus,.login-card input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-background-clip:text;box-shadow:inset 0 0 20px 20px #ffffff0a;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (max-height:850px){.overlay{padding:16px}.login-container{gap:.75rem}.login-card{margin-top:0;padding:1.75rem 1.5rem}.login-header{margin-bottom:16px}.portal-text{font-size:12px;margin-top:6px}.login-card form{gap:18px}.input-group{gap:6px}.input-group label{font-size:11.5px}.login-card input{border-radius:8px;font-size:12px;padding:12px 14px}.password-toggle{bottom:12px}.captcha-canvas{height:44px;width:200px}.captcha-refresh{border-radius:6px;font-size:16px;height:32px;width:32px}.captcha-input{padding:11px 14px}.login-btn{font-size:13px;padding:11px}.login-kural-box,.login-quote-box{border-radius:8px;padding:.85rem 1.15rem}.login-kural-header{margin-bottom:8px;padding-bottom:4px}.login-kural-lines{margin-bottom:6px}.login-kural-line{font-size:11.5px;line-height:1.4}.login-kural-meaning{padding-top:4px}.kural-meaning-text{font-size:9.5px;line-height:1.4}}.wp-page{background:#f4f7fb;color:#111827;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}.wp-header{align-items:center;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);background:linear-gradient(135deg,#ff3b5c38,#9b9b9b14 50%,#13c6df38),#080d1ac7;border-bottom:1px solid #ffffff14;box-shadow:0 4px 36px #00000059,inset 0 1px 0 #ffffff0a;box-sizing:border-box;display:flex;justify-content:space-between;padding:12px 20px;position:sticky;top:0;width:100%;z-index:1000}.wp-header:before{background:linear-gradient(90deg,#0000,#ff3b5c 20%,#9b9b9b 50%,#13c6df 80%,#0000);content:"";height:3px;left:0;opacity:.9;position:absolute;right:0;top:0}.wp-header-left{display:flex;flex-direction:column;gap:4px}.wp-title-group{align-items:center;display:flex;gap:10px}.wp-title-icon{color:#13c6df;font-size:1.4rem;text-shadow:0 0 12px #13c6dfb3}.wp-title{color:#f8fbff;font-size:1.35rem;font-weight:800;letter-spacing:.05em;margin:0;text-shadow:0 0 12px #ffffff14,0 0 28px #13c6df2e}.wp-subtitle{color:#ffffffa6;font-size:.72rem;font-weight:600;letter-spacing:3px;margin:0;text-transform:uppercase}.wp-header-right{gap:18px}.wp-back-btn,.wp-header-right{align-items:center;display:flex}.wp-back-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff3b5c1f;border:1px solid #ff3b5c4d;border-radius:8px;color:#ff3b5c;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:1px;padding:8px 18px;text-transform:uppercase;transition:all .22s ease}.wp-back-btn:hover{background:#ff3b5c38;border-color:#ff3b5ca6;box-shadow:0 0 18px #ff3b5c59;transform:translateY(-1px)}.wp-user-greeting{color:#f8fbff;font-size:.82rem;font-weight:600;letter-spacing:.04em}.wp-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding:36px 32px;width:100%}.wp-card{background:#fff;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 34px #0f172a14;padding:28px 32px;transition:all .25s ease}.wp-card:hover{box-shadow:0 16px 40px #0f172a1f;transform:translateY(-2px)}.wp-card-title{color:#111827;font-size:1.08rem;font-weight:700;letter-spacing:.03em;margin:0 0 22px}.wp-selection-row{display:flex;gap:32px}.wp-form-group{display:flex;flex:1 1;flex-direction:column;gap:10px}.wp-label{color:#374151;font-size:.82rem;font-weight:600;letter-spacing:.04em}.wp-select-wrapper{position:relative}.wp-select{appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;cursor:pointer;font-family:Poppins,sans-serif;font-size:.92rem;padding:12px 42px 12px 16px;transition:all .25s ease;width:100%}.wp-select:focus{border-color:#13c6df;box-shadow:0 0 0 4px #13c6df1a;outline:none}.wp-select-arrow{color:#13c6df;font-size:.9rem;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.wp-upload-area{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:22px;transition:all .25s ease}.wp-upload-area:hover{background:#f0fbff;border-color:#13c6df}.wp-file-input{color:#334155;font-family:Poppins,sans-serif;font-size:.92rem;width:100%}.wp-empty-card{align-items:center;display:flex;justify-content:center;min-height:320px}.wp-empty-content{align-items:center;display:flex;flex-direction:column;gap:14px;text-align:center}.wp-empty-icon{color:#cbd5e1;font-size:4.5rem}.wp-empty-title{color:#334155;font-size:1.3rem;font-weight:700;margin:0}.wp-empty-text{color:#64748b;font-size:.92rem;line-height:1.7;margin:0;max-width:560px}@media (max-width:900px){.wp-header{align-items:flex-start;flex-direction:column;gap:18px}.wp-header-right{justify-content:space-between;width:100%}.wp-selection-row{flex-direction:column}.wp-container{padding:24px 18px}.wp-card{padding:22px}}@media (max-width:600px){.wp-title{font-size:1.1rem}.wp-subtitle{font-size:.65rem;letter-spacing:2px}.wp-back-btn{padding:7px 14px}.wp-back-btn,.wp-user-greeting{font-size:.72rem}}:root{--ww-blue:#739aff;--ww-blue-dark:#5b85f2;--ww-blue-light:#eef2ff;--ww-blue-soft:#f0f4ff;--ww-green:#4caf50;--ww-green-soft:#e8f5e9;--ww-orange:#ff9800;--ww-orange-soft:#fff8f0;--ww-red:#ff4d4f;--ww-red-soft:#fff1f1;--ww-teal:#13c6df;--ww-purple:#8862bb;--ww-text:#1a1a2e;--ww-text-sub:#555;--ww-text-muted:#888;--ww-border:#e8e8ee;--ww-border-soft:#f0f0f5;--ww-bg:#f7f8fc;--ww-surface:#fff;--ww-radius-sm:6px;--ww-radius-md:10px;--ww-radius-lg:14px;--ww-radius-xl:20px;--ww-shadow-sm:0 2px 8px #0000000f;--ww-shadow-md:0 4px 20px #00000014;--ww-shadow-lg:0 8px 40px #0000001f;--ww-shadow-blue:0 4px 20px #739aff40;--ww-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.workwise-page{background:#f7f8fc;background:var(--ww-bg);color:#1a1a2e;color:var(--ww-text);display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:20px;min-height:100vh;padding:4px}.ww-card{background:#fff;background:var(--ww-surface);border:1px solid #f0f0f5;border:1px solid var(--ww-border-soft);border-radius:20px;border-radius:var(--ww-radius-xl);box-shadow:0 4px 20px #00000014;box-shadow:var(--ww-shadow-md);padding:28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-top-card{flex-direction:column;gap:24px}.ww-card-header,.ww-top-card{align-items:center;display:flex}.ww-card-header{justify-content:space-between;width:100%}.ww-section-title{color:#1a1a2e;color:var(--ww-text);font-size:1.15rem;font-weight:700;letter-spacing:-.3px;margin:0}.ww-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.3px;padding:5px 14px}.ww-status-pill.stopped{background:#f0f0f5;border:1px solid #e8e8ee;border:1px solid var(--ww-border);color:#666}.ww-status-pill.running{animation:ww-pill-pulse 2.5s infinite;background:linear-gradient(135deg,#739aff26,#13c6df26);border:1px solid #739aff4d;color:#5b85f2;color:var(--ww-blue-dark)}.ww-status-pill.break{background:#ff98001f;border:1px solid #ff98004d;color:#e65100}@keyframes ww-pill-pulse{0%,to{box-shadow:0 0 0 0 #739aff66}50%{box-shadow:0 0 0 6px #739aff00}}.ww-next-task-banner{align-items:center;animation:ww-fade-in .3s ease;background:linear-gradient(135deg,#f0f4ff,#f5f0ff);background:linear-gradient(135deg,var(--ww-blue-soft) 0,#f5f0ff 100%);border:1px solid #739aff40;border-radius:14px;border-radius:var(--ww-radius-lg);display:flex;gap:14px;padding:14px 18px;width:100%}.ww-next-task-icon{flex-shrink:0;font-size:1.4rem}.ww-next-task-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.ww-next-task-label{color:#5b85f2;color:var(--ww-blue-dark);font-size:.7rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.ww-next-task-info strong{color:#1a1a2e;color:var(--ww-text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ww-next-task-meta{color:#555;color:var(--ww-text-sub);font-size:.72rem}.ww-next-task-use-btn{background:#739aff;background:var(--ww-blue);border:none;border-radius:10px;border-radius:var(--ww-radius-md);box-shadow:0 4px 20px #739aff40;box-shadow:var(--ww-shadow-blue);color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition);white-space:nowrap}.ww-next-task-use-btn:hover{background:#5b85f2;background:var(--ww-blue-dark);box-shadow:0 6px 24px #739aff59;transform:translateY(-1px)}.ww-form{gap:22px;max-width:100%;width:100%}.ww-fields-group,.ww-form{display:flex;flex-direction:column}.ww-fields-group{gap:20px}.ww-field{display:flex;flex-direction:column;gap:8px}.ww-label{align-items:center;color:#444;display:flex;font-size:.82rem;font-weight:600;gap:7px}.ww-label-desc{color:#888;color:var(--ww-text-muted);font-size:.72rem;font-weight:400}.ww-req{color:#ff4d4f;color:var(--ww-red)}.ww-readonly-badge{background:#f0f0f7;border:1px solid #e0e0eb;border-radius:4px;color:#999;font-size:.62rem;font-weight:600;letter-spacing:.6px;margin-left:auto;padding:2px 7px;text-transform:uppercase}.ww-readonly-value{align-items:center;background:#f7f8fc;background:var(--ww-bg);border:1px solid #e8e8ee;border:1px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);color:#1a1a2e;color:var(--ww-text);display:flex;font-size:.88rem;font-weight:500;min-height:42px;padding:11px 14px}.ww-readonly-placeholder{color:#888;color:var(--ww-text-muted);font-size:.82rem;font-style:italic;font-weight:400}.ww-select-wrap{position:relative}.ww-select{appearance:none;background:#fff;background:var(--ww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);color:#1a1a2e;color:var(--ww-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:.88rem;padding:11px 40px 11px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition);width:100%}.ww-select:hover{border-color:#c0ccff}.ww-select:focus{border-color:#739aff;border-color:var(--ww-blue);box-shadow:0 0 0 3px #739aff2e;outline:none}.ww-select.disabled{background:#f7f7f9;color:#bbb;cursor:not-allowed}.ww-arrow{font-size:.75rem;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.ww-arrow,.ww-sub-hint{color:#888;color:var(--ww-text-muted)}.ww-sub-hint{font-size:.7rem;margin-top:-2px}.ww-task-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.ww-chip-chapter,.ww-chip-complexity,.ww-chip-due{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 10px}.ww-chip-complexity{background:#f3eeff;border:1px solid #ddd0f5;color:#6b3fa0}.ww-chip-due{background:#fff1f1;background:var(--ww-red-soft);border:1px solid #ffd0d0;color:#c0392b}.ww-chip-chapter{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.ww-manual-hint{align-items:center;background:#f0f4ff;background:var(--ww-blue-soft);border:1px dashed #739aff66;border-radius:10px;border-radius:var(--ww-radius-md);color:#555;color:var(--ww-text-sub);display:flex;font-size:.82rem;gap:10px;line-height:1.5;padding:14px 16px}.ww-manual-hint span:first-child{flex-shrink:0;font-size:1.1rem}.ww-btn-container{display:flex;justify-content:center;margin-top:6px}.ww-toggle-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--ww-radius-md);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.2px;padding:12px 36px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-btn-disabled{background:#e0e0e8;box-shadow:none;color:#aaa;cursor:not-allowed}.ww-btn-start{background:#739aff;background:var(--ww-blue);box-shadow:0 4px 20px #739aff40;box-shadow:var(--ww-shadow-blue);color:#fff}.ww-btn-start:hover{background:#5b85f2;background:var(--ww-blue-dark);box-shadow:0 8px 28px #739aff66;transform:translateY(-2px)}.ww-btn-start:active{transform:translateY(0)}.ww-dynamic-running-section{align-items:center;animation:ww-fade-in .35s ease;display:flex;flex-direction:column;gap:22px;margin:0 auto;max-width:100%;width:100%}@keyframes ww-fade-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.ww-working-title{align-items:center;color:#5b85f2;color:var(--ww-blue-dark);display:flex;font-size:2rem;font-weight:800;gap:12px;letter-spacing:-.5px;margin:0}.ww-timer-banner.ww-timer-running{align-items:center;background:linear-gradient(135deg,#ff3b5c,#8862bb 45%,#13c6df);border-radius:20px;border-radius:var(--ww-radius-xl);box-shadow:0 12px 40px #739aff4d;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:36px 30px;position:relative;width:100%}.ww-timer-banner.ww-timer-running:before{background:#ffffff14;content:"";height:200%;left:-20%;pointer-events:none;position:absolute;top:-40%;transform:rotate(-20deg);width:70%}.ww-timer-display{font-family:Courier New,monospace;font-size:clamp(2.2rem,8vw,4rem);font-weight:800;letter-spacing:clamp(3px,1.5vw,8px);position:relative;text-shadow:0 2px 16px #00000026;white-space:nowrap;z-index:1}.ww-timer-label{font-size:.72rem;font-weight:700;letter-spacing:3px;margin-top:8px;opacity:.85;position:relative;text-transform:uppercase;z-index:1}.ww-timers-row{display:flex;gap:14px;width:100%}.ww-timers-row .ww-timer-banner{border-radius:14px!important;border-radius:var(--ww-radius-lg)!important;box-shadow:0 8px 24px #00000026!important;box-sizing:border-box;padding:16px 12px!important}.ww-timers-row .ww-timer-banner.ww-timer-running{box-shadow:0 8px 24px #ff3b5c33!important}.ww-timers-row .ww-timer-display{font-size:clamp(1.4rem,2.5vw,2.1rem);letter-spacing:clamp(1px,.6vw,4px)}.ww-timer-banner.ww-timer-break{align-items:center;background:linear-gradient(135deg,#ff9800,#ffc107);border-radius:14px;border-radius:var(--ww-radius-lg);box-shadow:0 8px 28px #ff980047;color:#fff;display:flex;flex:1 1;flex-direction:column;padding:24px 20px}.ww-page-progress{background:#f0f4ff;background:var(--ww-blue-soft);border:1px solid #739aff33;border-radius:14px;border-radius:var(--ww-radius-lg);padding:16px 20px;width:100%}.ww-pp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ww-pp-label{color:#5b85f2;color:var(--ww-blue-dark);font-size:.75rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.ww-pp-count{color:#555;color:var(--ww-text-sub);font-size:.78rem;font-weight:600}.ww-progress-bar{background:#739aff26;border-radius:20px;height:8px;overflow:hidden;width:100%}.ww-progress-fill{background:linear-gradient(90deg,#739aff,#13c6df);background:linear-gradient(90deg,var(--ww-blue) 0,var(--ww-teal) 100%);border-radius:20px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.ww-running-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%}.ww-run-card{background:#fff;background:var(--ww-surface);border-radius:14px;border-radius:var(--ww-radius-lg);display:flex;flex-direction:column;gap:10px;min-width:170px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition);width:calc(33.333% - 10px)}.ww-run-card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--ww-shadow-md);transform:translateY(-2px)}.ww-run-card.border-blue{background:#f2f5ff;border:1px solid #a3b5ff}.ww-run-card.border-green{background:#edfcfa;border:1px solid #6de1b6}.ww-run-card.border-orange{background:#fffcf5;border:1px solid #ffc87a}.ww-run-card.border-pink{background:#fff5f7;border:1px solid #ffa3b4}.ww-run-card.border-teal{background:#f2fcfe;border:1px solid #4dd0e1}.ww-run-card.border-lightpurple{background:#fbf9ff;border:1px solid #c4a1ff}.ww-run-card-header{align-items:center;display:flex;gap:8px}.ww-run-icon{align-items:center;border-radius:6px;border-radius:var(--ww-radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:.88rem;height:28px;justify-content:center;width:28px}.ww-run-icon.bg-purple{background:#8862bb}.ww-run-icon.bg-green{background:#00c9a7}.ww-run-icon.bg-orange{background:#ff9671}.ww-run-icon.bg-blue{background:#2c73d2}.ww-run-icon.bg-pink{background:#ff4d85}.ww-run-icon.bg-teal{background:#00a88f}.ww-run-label{color:#888;font-size:.65rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.ww-run-value{color:#1a1a2e;color:var(--ww-text);font-size:.9rem;font-weight:600;line-height:1.4;word-break:break-word}.ww-task-desc-display{word-wrap:break-word;background:#fafafa;border:1px solid #e8e8ee;border:1px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);color:#555;font-family:Poppins,sans-serif;font-size:.85rem;line-height:1.6;min-height:52px;padding:12px 16px;width:100%}.ww-break-info{background:#ff980012;border:1px solid #ff980033;border-radius:10px;border-radius:var(--ww-radius-md);padding:16px 20px;text-align:center;width:100%}.ww-break-text{color:#4a3000;font-size:.95rem;font-weight:500;margin:0 0 4px}.ww-break-subtext{color:#7a5500;font-size:.75rem;margin:0;opacity:.8}.ww-break-task-info{background:#fafafa;border:1px solid #e8e8ee;border:1px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;width:100%}.ww-bti-item{display:flex;flex-direction:column;gap:2px;min-width:110px}.ww-bti-label{color:#888;color:var(--ww-text-muted);font-size:.65rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.ww-running-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.ww-btn-break{align-items:center;background:#ff9800;background:var(--ww-orange);border:none;border-radius:10px;border-radius:var(--ww-radius-md);box-shadow:0 4px 16px #ff98004d;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-btn-break:hover{background:#fb8c00;box-shadow:0 8px 24px #ff980066;transform:translateY(-2px)}.ww-btn-stop-large{align-items:center;background:#ff4d4f;background:var(--ww-red);border:none;border-radius:10px;border-radius:var(--ww-radius-md);box-shadow:0 4px 16px #ff4d4f4d;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:8px;padding:12px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-btn-stop-large:hover{background:#ff3335;box-shadow:0 8px 24px #ff4d4f66;transform:translateY(-2px)}.ww-btn-resume{align-items:center;background:#4caf50;background:var(--ww-green);border:none;border-radius:10px;border-radius:var(--ww-radius-md);box-shadow:0 4px 16px #4caf504d;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:8px;padding:12px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-btn-resume:hover{background:#45a049;box-shadow:0 8px 24px #4caf5066;transform:translateY(-2px)}.ww-popup-overlay{align-items:center;animation:ww-overlay-in .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1414288c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes ww-overlay-in{0%{opacity:0}to{opacity:1}}.ww-popup-box{animation:ww-popup-in .28s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--ww-surface);border:1px solid #f0f0f5;border:1px solid var(--ww-border-soft);border-radius:20px;border-radius:var(--ww-radius-xl);box-shadow:0 20px 60px #00000038;max-height:92vh;max-width:500px;overflow-y:auto;padding:28px;width:92%}@keyframes ww-popup-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ww-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ww-popup-title{color:#1a1a2e;color:var(--ww-text);font-size:1.2rem;font-weight:700;margin:0}.ww-popup-close{align-items:center;background:#f0f0f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition);width:32px}.ww-popup-close:hover{background:#e0e0e8;color:#1a1a2e;color:var(--ww-text)}.ww-popup-subtitle{color:#555;color:var(--ww-text-sub);font-size:.88rem;margin:-12px 0 20px}.ww-page-progress-banner{background:#f0f4ff;background:var(--ww-blue-soft);border:1px solid #739aff38;border-radius:14px;border-radius:var(--ww-radius-lg);margin-bottom:20px;padding:16px 18px}.ww-ppb-row{align-items:center;color:#555;color:var(--ww-text-sub);display:flex;font-size:.82rem;justify-content:space-between;padding:4px 0}.ww-ppb-row strong{color:#1a1a2e;color:var(--ww-text);font-weight:600}.ww-ppb-label{color:#888;color:var(--ww-text-muted);font-size:.75rem}.ww-ppb-progress{background:#739aff33;border-radius:10px;height:6px;margin-top:10px;overflow:hidden}.ww-ppb-fill{background:linear-gradient(90deg,#739aff,#13c6df);background:linear-gradient(90deg,var(--ww-blue) 0,var(--ww-teal) 100%);border-radius:10px;height:100%;transition:width .4s ease}.ww-popup-field{margin-bottom:18px}.ww-popup-label{align-items:center;color:#444;display:flex;font-size:.82rem;font-weight:600;gap:6px;margin-bottom:8px}.ww-popup-input{background:#fff;background:var(--ww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);box-sizing:border-box;color:#1a1a2e;color:var(--ww-text);font-family:Poppins,sans-serif;font-size:.88rem;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition);width:100%}.ww-popup-input:focus{border-color:#739aff;border-color:var(--ww-blue);box-shadow:0 0 0 3px #739aff26;outline:none}.ww-popup-select{appearance:none;background:#fff;background:var(--ww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);color:#1a1a2e;color:var(--ww-text);font-family:Poppins,sans-serif;font-size:.88rem;padding:10px 36px 10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition);width:100%}.ww-popup-select:focus{border-color:#739aff;border-color:var(--ww-blue);box-shadow:0 0 0 3px #739aff26;outline:none}.ww-popup-textarea{background:#fff;background:var(--ww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);box-sizing:border-box;color:#1a1a2e;color:var(--ww-text);font-family:Poppins,sans-serif;font-size:.88rem;min-height:75px;padding:10px 14px;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition);width:100%}.ww-popup-textarea:focus{border-color:#739aff;border-color:var(--ww-blue);box-shadow:0 0 0 3px #739aff26;outline:none}.ww-popup-hint{border-radius:6px;border-radius:var(--ww-radius-sm);color:#888;color:var(--ww-text-muted);display:block;font-size:.74rem;margin-top:6px;padding:6px 10px}.hint-success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.hint-warn{background:#fff8e1;border:1px solid #ffe0b2;color:#e65100}.ww-popup-radio-group{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.ww-popup-radio-option{align-items:flex-start;background:#fff;background:var(--ww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);cursor:pointer;display:flex;gap:12px;padding:13px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-popup-radio-option:hover{background:#f0f4ff;background:var(--ww-blue-soft);border-color:#c8d5ff}.ww-popup-radio-option.selected{background:#f0f4ff;background:var(--ww-blue-soft);border-color:#739aff;border-color:var(--ww-blue);box-shadow:0 0 0 3px #739aff1f}.ww-popup-radio-option.option-disabled{background:#fafafa;cursor:not-allowed;opacity:.5}.ww-popup-radio-option.option-disabled:hover{background:#fafafa;border-color:#e8e8ee;border-color:var(--ww-border)}.ww-popup-radio-option input[type=radio]{accent-color:#739aff;accent-color:var(--ww-blue);cursor:pointer;height:17px;margin-top:2px;width:17px}.ww-radio-content{align-items:flex-start;display:flex;flex:1 1;gap:10px}.ww-radio-icon{font-size:1.2rem;margin-top:-1px}.ww-radio-text{display:flex;flex-direction:column;gap:3px}.ww-radio-text strong{color:#1a1a2e;color:var(--ww-text);font-size:.9rem;font-weight:600}.ww-radio-subtext{color:#555;color:var(--ww-text-sub);font-size:.72rem;font-weight:400;line-height:1.4}.ww-onhold-details{animation:ww-fade-in .2s ease;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-left:30px;width:100%}.ww-onhold-other-input{margin-top:2px}.ww-break-note{align-items:flex-start;background:#fff8f0;background:var(--ww-orange-soft);border:1px solid #ff980040;border-radius:10px;border-radius:var(--ww-radius-md);color:#6d3a00;display:flex;font-size:.8rem;gap:10px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.ww-break-note span{flex-shrink:0}.ww-popup-actions{border-top:1px solid #f0f0f5;border-top:1px solid var(--ww-border-soft);display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:18px}.ww-popup-btn{border:none;border-radius:10px;border-radius:var(--ww-radius-md);cursor:pointer;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-popup-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.ww-popup-btn-cancel{background:#f0f0f5;border:1px solid #e8e8ee;border:1px solid var(--ww-border);color:#666}.ww-popup-btn-cancel:hover{background:#e4e4ec;color:#1a1a2e;color:var(--ww-text)}.ww-popup-btn-submit{background:#ff4d4f;background:var(--ww-red);box-shadow:0 4px 14px #ff4d4f4d;color:#fff}.ww-popup-btn-submit:hover:not(:disabled){background:#ff3335;box-shadow:0 6px 18px #ff4d4f66;transform:translateY(-1px)}.ww-bottom-card{padding:28px 32px}@media (min-width:1024px){.ww-bottom-card{display:flex;flex:1 1;flex-direction:column;min-height:0}}.ww-logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.ww-logs-title{color:#1a1a2e;color:var(--ww-text);font-size:1.05rem;font-weight:700;margin:0}.ww-logs-count{background:#f0f0f7;border:1px solid #e8e8ee;border:1px solid var(--ww-border);border-radius:20px;color:#888;color:var(--ww-text-muted);font-size:.75rem;font-weight:600;padding:4px 12px}.ww-filters{align-items:flex-end;background:#f7f8fc;background:var(--ww-bg);border:1px solid #f0f0f5;border:1px solid var(--ww-border-soft);border-radius:14px;border-radius:var(--ww-radius-lg);display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;padding:18px 20px}.ww-filter-col{display:flex;flex-direction:column;gap:5px}.ww-filter-col label{color:#888;color:var(--ww-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ww-filter-date,.ww-filter-select{background:#fff;background:var(--ww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:6px;border-radius:var(--ww-radius-sm);color:#1a1a2e;color:var(--ww-text);font-family:Poppins,sans-serif;font-size:.8rem;min-width:140px;padding:7px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-filter-date:focus,.ww-filter-select:focus{border-color:#739aff;border-color:var(--ww-blue);box-shadow:0 0 0 3px #739aff1f;outline:none}.ww-clear-col{align-items:flex-end;display:flex;flex-direction:row;gap:8px;margin-left:auto}.ww-clear-btn{background:none;border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:6px;border-radius:var(--ww-radius-sm);color:#555;color:var(--ww-text-sub);cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;padding:7px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-clear-btn:hover{background:#f0f0f5;color:#1a1a2e;color:var(--ww-text)}.ww-apply-btn{background:#739aff;background:var(--ww-blue);border:none;border-radius:6px;border-radius:var(--ww-radius-sm);box-shadow:0 2px 8px #739aff40;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:7px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-apply-btn:hover{background:#5b85f2;background:var(--ww-blue-dark);transform:translateY(-1px)}.ww-table-container{border:1px solid #f0f0f5;border:1px solid var(--ww-border-soft);border-radius:14px;border-radius:var(--ww-radius-lg);overflow-x:auto}.ww-table{border-collapse:collapse;font-size:.8rem;width:100%}.ww-table td,.ww-table th{border-bottom:1px solid #f0f0f5;border-bottom:1px solid var(--ww-border-soft);padding:11px 15px;text-align:center;vertical-align:middle}.ww-table th{background:#f7f8fc;background:var(--ww-bg);color:#475569;font-size:14px;font-weight:800;letter-spacing:.2px;padding:14px 15px;white-space:nowrap}.ww-table th:first-child{border-radius:10px 0 0 0;border-radius:var(--ww-radius-md) 0 0 0}.ww-table th:last-child{border-radius:0 10px 0 0;border-radius:0 var(--ww-radius-md) 0 0}.ww-table td{color:#4a5568;font-size:13px}.ww-table tbody tr:hover{background-color:#f8fafc;transition:background-color .15s ease}.ww-table tbody tr:last-child td{border-bottom:none}.ww-td-center{text-align:center}.ww-td-mono{color:#555;font-family:Courier New,monospace;font-size:.78rem;font-weight:600;letter-spacing:.5px}.ww-table-empty{color:#888;color:var(--ww-text-muted);font-size:.88rem;font-style:italic;padding:48px!important}.ww-status-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.4px;padding:4px 11px;text-transform:uppercase;white-space:nowrap}.chip-finish{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.chip-wip{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.chip-break{background:#fff8e1;border:1px solid #ffe0b2;color:#e65100}.chip-hold{background:#fce4ec;border:1px solid #f8bbd0;color:#c62828}.chip-pending{background:#f3e5f5;border:1px solid #e1bee7;color:#6a1b9a}.chip-default{border:1px solid var(--ww-border);color:#555}.ww-status-chip.stopped{background:#ffe6e6;border:1px solid #ffcdd2;color:#c62828}.ww-status-chip.completed{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.ww-status-chip.running{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.ww-pagination{color:#888;color:var(--ww-text-muted);flex-wrap:wrap;font-size:.75rem;gap:10px;justify-content:space-between;margin-top:22px}.ww-page-items,.ww-pagination{align-items:center;display:flex}.ww-page-items{gap:8px}.ww-page-controls{gap:4px}.ww-page-btn,.ww-page-controls{align-items:center;display:flex}.ww-page-btn{background:#fff;background:var(--ww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:6px;border-radius:var(--ww-radius-sm);color:#555;color:var(--ww-text-sub);cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:500;height:30px;justify-content:center;min-width:30px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-page-btn:hover:not(:disabled){background:#f0f4ff;background:var(--ww-blue-soft);border-color:#739aff4d;color:#5b85f2;color:var(--ww-blue-dark)}.ww-page-btn:disabled{cursor:not-allowed;opacity:.4}.ww-page-btn.active{background:#739aff;background:var(--ww-blue);border-color:#739aff;border-color:var(--ww-blue);box-shadow:0 2px 8px #739aff59;color:#fff}.ww-page-ellipsis{color:#888;color:var(--ww-text-muted);font-size:.85rem;padding:0 4px}.ww-status-block{align-items:center;display:flex;gap:16px}.ww-status-icon-box{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:42px;justify-content:center;width:42px}.ww-status-icon-box.stopped{background:#739aff;background:var(--ww-blue)}.ww-status-icon-box.running{animation:ww-pulse 2s infinite;background:#13c6df;background:var(--ww-teal)}.ww-status-icon-box.break{background:#ff9800;background:var(--ww-orange)}@keyframes ww-pulse{0%{box-shadow:0 0 0 0 #13c6df73}70%{box-shadow:0 0 0 10px #13c6df00}to{box-shadow:0 0 0 0 #13c6df00}}.ww-status-label{color:#1a1a2e;color:var(--ww-text);font-size:1.1rem;font-weight:500}.ww-run-sub{color:#5b85f2;color:var(--ww-blue-dark);font-size:.68rem;font-weight:600}.ww-icon-check{color:#2e7d32}.ww-icon-folder{color:#f57c00}.ww-icon-book{color:#43a047}.ww-icon-gear{color:#8e24aa}.ww-icon-desc{color:#1976d2}.ww-popup-checkbox-field{background:#fafafa;border:1.5px solid #e8e8ee;border:1.5px solid var(--ww-border);border-radius:10px;border-radius:var(--ww-radius-md);margin-bottom:18px;padding:14px}.ww-popup-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.ww-popup-checkbox-label input[type=checkbox]{accent-color:#739aff;accent-color:var(--ww-blue);cursor:pointer;height:17px;margin-top:2px;width:17px}.ww-checkbox-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.ww-checkbox-text strong{color:#1a1a2e;color:var(--ww-text);font-size:.9rem;font-weight:600}.ww-checkbox-subtext{color:#555;color:var(--ww-text-sub);font-size:.74rem}.ww-popup-box::-webkit-scrollbar{width:5px}.ww-popup-box::-webkit-scrollbar-track{background:#0000}.ww-popup-box::-webkit-scrollbar-thumb{background:#d0d0da;border-radius:10px}.ww-table-container::-webkit-scrollbar{height:6px;width:6px}.ww-table-container::-webkit-scrollbar-track{background:#0000}.ww-table-container::-webkit-scrollbar-thumb{background:#d0d0da;border-radius:10px}.ww-toast{align-items:center;animation:ww-toast-slide-in .35s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #fff6;border-radius:14px;border-radius:var(--ww-radius-lg);box-shadow:0 10px 30px #0000001f;color:#1a1a2e;color:var(--ww-text);display:flex;font-size:.9rem;font-weight:500;gap:12px;max-width:380px;padding:16px 24px;position:fixed;right:24px;top:24px;z-index:9999}.ww-toast.error{background:#fff1f1e6;border-left:5px solid #ff4d4f;border-left:5px solid var(--ww-red)}.ww-toast.warning{background:#fff8f0e6;border-left:5px solid #ff9800;border-left:5px solid var(--ww-orange)}.ww-toast.info{background:#f0f4ffe6;border-left:5px solid #739aff;border-left:5px solid var(--ww-blue)}.ww-toast-icon{font-size:1.2rem}.ww-toast-message{flex:1 1}.ww-toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#888;color:var(--ww-text-muted);cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--ww-transition)}.ww-toast-close:hover{background:#0000000d;color:#1a1a2e;color:var(--ww-text)}@keyframes ww-toast-slide-in{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.ww-break-progress-container{animation:ww-fade-in .3s ease;background:#fff;background:var(--ww-surface);border:1px solid #e8e8ee;border:1px solid var(--ww-border);border-radius:14px;border-radius:var(--ww-radius-lg);box-sizing:border-box;margin-top:16px;padding:16px 20px;width:100%}.ww-break-progress-container.exceeded{animation:ww-pulse-border 2s infinite;background:#fff1f1;background:var(--ww-red-soft);border-color:#ff4d4f66}@keyframes ww-pulse-border{0%{box-shadow:0 0 0 0 #ff4d4f33}70%{box-shadow:0 0 0 8px #ff4d4f00}to{box-shadow:0 0 0 0 #ff4d4f00}}.ww-break-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ww-bp-limit-label{color:#555;color:var(--ww-text-sub);font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.ww-bp-time-label{color:#5b85f2;color:var(--ww-blue-dark);font-size:.85rem;font-weight:600}.ww-bp-time-label.danger{animation:ww-text-pulse 1s infinite alternate;color:#ff4d4f;color:var(--ww-red);font-weight:700}@keyframes ww-text-pulse{0%{opacity:.8}to{opacity:1;transform:scale(1.02)}}.ww-break-progress-bar{background:#f0f0f5;background:var(--ww-border-soft);border-radius:20px;height:8px;overflow:hidden;width:100%}.ww-break-progress-fill{background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:20px;height:100%;transition:width 1s linear}.ww-break-progress-fill.exceeded{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.ww-break-exceeded-warning{align-items:center;animation:ww-shake .5s ease-in-out;color:#ff4d4f;color:var(--ww-red);display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;margin-top:12px;text-align:center}@keyframes ww-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.ww-table-container{max-height:none!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important}.ww-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.ww-filters{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.ww-pagination{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.ww-pagination label{display:inline-block!important;white-space:nowrap!important}.ww-page-items label,.ww-page-items select,.ww-pagination label,.ww-pagination select{margin:0!important;padding:0!important}.ec-page{align-items:center;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding:16px 20px}.ec-card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 24px #0000000f;max-width:100%;padding:20px;width:100%}.ec-tab-nav{background:#f8f9fa;border-radius:12px;display:flex;margin-bottom:20px;padding:4px}.ec-tab-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:8px 0;transition:all .25s ease}.ec-tab-btn.active{background:linear-gradient(135deg,#6a74db,#815ac0);box-shadow:0 4px 12px #6a74db4d;color:#fff}.ec-tab-btn:not(.active):hover{background:#00000008;color:#333}.ec-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ec-header-left{display:flex;flex-direction:column;gap:4px}.ec-title{color:#222;font-size:1.2rem;font-weight:600;margin:0}.ec-subtitle{color:#666;font-size:.7rem;margin:0}.ec-header-right{align-items:center;display:flex;gap:6px}.ec-nav-btn{border:none;border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.ec-nav-next,.ec-nav-prev{background:#f1f3f5;color:#333}.ec-nav-next:hover,.ec-nav-prev:hover{background:#e9ecef}.ec-nav-current{background:#5b75f0;box-shadow:0 2px 8px #5b75f04d;color:#fff}.ec-nav-current:hover{background:#4a63db}.ec-content{width:100%}.ec-daily-view{display:flex;flex-direction:column}.ec-grid-header{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.ec-grid-hd{background:#f8f9fa;border-radius:4px;color:#555;font-size:.7rem;font-weight:600;padding:6px 0;text-align:center}.ec-grid-body{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.ec-cell{align-items:center;background:#f4f5f7;border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;min-height:80px;padding:8px;transition:all .2s ease}.ec-cell-empty{background:#0000;border:none}.ec-day-number{color:#444;font-size:.8rem;font-weight:500}.ec-cell-today{background:#eff5ff;border-color:#5b75f0}.ec-cell-today .ec-day-number{color:#5b75f0;font-weight:700}.ec-cell-data{background:#e2f5e8;border-color:#c8e6c9}.ec-day-details{align-items:center;display:flex;flex-direction:column;gap:2px;margin-top:auto}.ec-day-hours{color:#2e7d32;font-size:.65rem;font-weight:600}.ec-day-pages,.ec-day-projects{color:#555;font-size:.55rem}.ec-summary-view{display:flex;flex-direction:column;gap:20px}.ec-summary-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ec-summary-card{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px 16px}.ec-card-label{color:#666;font-size:.75rem;font-weight:500}.ec-card-value{color:#222;font-size:1.55rem;font-weight:700;line-height:1}.ec-breakdown-section{display:flex;flex-direction:column;gap:10px}.ec-section-title{color:#333;font-size:.9rem;font-weight:700;margin:0}.ec-breakdown-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s ease}.ec-bd-top{color:#333;font-size:.8rem;font-weight:600}.ec-bd-bottom{align-items:center;display:flex;justify-content:space-between}.ec-bd-hours{color:#555;font-size:.7rem;font-weight:500}.ec-bd-pages{color:#6a74db;font-size:.7rem;font-weight:600}.et-page{color:#333;font-family:Poppins,sans-serif;gap:16px;padding:16px 20px}.et-header,.et-page{display:flex;flex-direction:column}.et-header{gap:4px;margin-bottom:6px}.et-title{color:#1a1a2e;font-size:1.35rem;font-weight:700;margin:0}.et-subtitle{color:#666;font-size:.8rem;margin:0}.et-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 16px #0000000a;width:100%}.et-filters-card{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;padding:16px}.et-table-card{padding:20px 0}.et-filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:150px}.et-filter-label{color:#1a1a2e;font-size:.8rem;font-weight:600}.et-select-wrapper{position:relative}.et-select{appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:10px 32px 10px 14px;transition:all .2s ease;width:100%}.et-input-date:focus,.et-select:focus{border-color:#5b75f0;box-shadow:0 0 0 3px #5b75f026;outline:none}.et-select-arrow{color:#666;font-size:.85rem;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.et-input-date{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#333;font-family:Poppins,sans-serif;font-size:.9rem;padding:9px 14px;transition:all .2s ease;width:100%}.et-table-container{overflow-x:auto;padding:0 16px}.et-table{border-collapse:collapse;font-size:.75rem;min-width:1200px;width:100%}.et-table td,.et-table th{border-bottom:1px solid #f1f5f9;padding:12px 8px;text-align:center;vertical-align:middle}.et-table th{color:#64748b;font-size:.7rem;font-weight:600;text-transform:capitalize}.et-table td:nth-child(5),.et-table td:nth-child(6),.et-table td:nth-child(7),.et-table th{white-space:nowrap}.et-table tbody tr{transition:background .2s ease}.et-table tbody tr:hover{background:#f8fafc}.et-td-title{color:#1e293b;font-weight:700;max-width:250px;min-width:200px}.et-td-job{color:#475569;max-width:350px;min-width:260px;white-space:pre-wrap}.et-table th.et-th-job,.et-td-job{text-align:left}.et-table td.et-td-desc,.et-table th.et-th-desc{min-width:250px;text-align:left}.et-td-process{color:#475569;max-width:200px;min-width:150px}.et-td-duedate{min-width:150px;white-space:nowrap}.et-td-chapter{color:#475569;max-width:300px;min-width:200px}.et-status-badge{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:600;padding:4px 8px;text-transform:capitalize}.status-pending{background:#fef3c7;color:#d97706}.status-completed{background:#d1fae5;color:#059669}.status-archived{background:#e2e8f0;color:#475569}.status-in_progress{background:#dbeafe;color:#2563eb}.el-page{color:#333;font-family:Poppins,sans-serif;padding:16px 20px}.el-header,.el-page{display:flex;flex-direction:column}.el-header{gap:4px;margin-bottom:16px}.el-title{color:#1a1a2e;font-size:1.35rem;font-weight:700;margin:0}.el-subtitle{color:#666;font-size:.9rem;margin:0}.el-tabs-container{border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;margin-bottom:16px}.el-tabs{display:flex;gap:8px}.el-tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.el-tab-btn:hover{color:#333}.el-tab-btn.active{background:#0ea5e9;border-bottom:3px solid #0ea5e9;color:#fff}.el-actions{display:flex;justify-content:flex-end;padding:16px 0}.el-apply-btn{background:#0ea5e9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background .2s ease}.el-apply-btn:hover{background:#0284c7}.el-content{width:100%}.el-card{background:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 2px 12px #0000000a}.el-empty-card{align-items:center;display:flex;justify-content:center;padding:40px 16px}.el-empty-text{color:#666;font-size:.8rem;margin:0}.el-table-container{overflow-x:auto}.el-table{border-collapse:collapse;font-size:.75rem;width:100%}.el-table td,.el-table th{padding:12px 14px;text-align:left}.el-table th{background:#f8f9fa;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600}.el-table td{border-bottom:1px solid #f1f5f9;color:#333}.el-empty-row{color:#94a3b8!important;padding:28px 16px!important;text-align:center!important}.el-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.el-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:12px;max-width:450px;padding:18px 24px;width:100%}.el-modal-title{color:#1a1a2e;font-size:1.15rem;font-weight:700;margin:0 0 6px}.el-form-group{display:flex;flex-direction:column;gap:4px}.el-form-group label{color:#333;font-size:.75rem;font-weight:600}.el-select-wrapper{position:relative}.el-input,.el-select,.el-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#333;font-family:Poppins,sans-serif;font-size:.8rem;padding:8px 10px;transition:border-color .2s ease;width:100%}.el-select{appearance:none;cursor:pointer;padding-right:28px}.el-select-arrow{color:#000;font-weight:700;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.el-textarea{resize:vertical}.el-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.el-btn-cancel{background:#64748b}.el-btn-cancel,.el-btn-submit{border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;padding:8px 16px;transition:background .2s ease}.el-btn-submit{background:#0ea5e9}:root{--dev-admin-bg:#f8fafc;--dev-admin-card-bg:#fff;--dev-admin-border:#e2e8f0;--dev-admin-text-main:#2d3748;--dev-admin-text-sub:#718096;--dev-admin-text-muted:#a0aec0;--dev-admin-primary:#00a3ff;--dev-admin-success:#38a169;--dev-admin-amber:#d69e2e;--dev-admin-purple:#805ad5;--dev-admin-rose:#e53e3e;--dev-admin-shadow:0 2px 8px #0000000f;--dev-admin-radius:10px}.dev-dashboard-container{box-sizing:border-box;color:#2d3748;color:var(--dev-admin-text-main);font-family:inherit;width:100%}.dev-header{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--dev-admin-border);border-radius:10px;border-radius:var(--dev-admin-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--dev-admin-shadow);display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:18px 24px}.dev-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.dev-header-left{align-items:center;display:flex;gap:14px}.dev-avatar{background:linear-gradient(135deg,#00a3ff,#3182ce);border-radius:12px;box-shadow:0 4px 10px #00a3ff4d;color:#fff;font-weight:800;height:46px;justify-content:center;width:46px}.dev-avatar,.dev-title-area h1{align-items:center;display:flex;font-size:1.3rem}.dev-title-area h1{color:#1a202c;font-weight:700;gap:8px;margin:0}.dev-persona-badge{background:#ebf8ff;border:1px solid #bee3f8;border-radius:9999px;color:#3182ce;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.dev-date-subtitle{align-items:center;color:#718096;color:var(--dev-admin-text-sub);display:flex;font-size:.85rem;gap:6px;margin-top:4px}.dev-header-actions{align-items:center;display:flex;gap:10px}.dev-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:9px 18px;transition:all .2s ease}.dev-btn:hover{opacity:.9;transform:translateY(-1px)}.dev-btn-primary{background-color:#00a3ff;box-shadow:0 2px 6px #00a3ff40;color:#fff}.dev-btn-secondary{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.dev-btn-secondary:hover{background-color:#f7fafc}.dev-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #16a34a33;color:#fff}.dev-btn-danger{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #ea580c33;color:#fff}.dev-nav-tabs{border-top:1px solid #edf2f7;display:flex;gap:6px;overflow-x:auto;padding-top:12px}.dev-nav-tab{background:#0000;border:none;border-radius:6px;color:#718096;color:var(--dev-admin-text-sub);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.dev-nav-tab:hover{background:#f7fafc;color:#2d3748}.dev-nav-tab.active{background:#ebf8ff;border:1px solid #bee3f8;color:#3182ce}.dev-status-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffffe6,#f0f4fff2);border:1px solid #13c6df33;border-radius:16px;box-shadow:0 4px 20px #0000000a;gap:16px;justify-content:space-between;margin-bottom:24px;padding:18px 24px}.dev-status-card,.dev-status-info-group{align-items:center;display:flex;flex-wrap:wrap}.dev-status-info-group{gap:28px}.dev-status-item{display:flex;flex-direction:column;gap:4px}.dev-status-label{color:#718096;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dev-status-value{align-items:center;color:#1a202c;display:flex;font-size:1.15rem;font-weight:700;gap:6px}.dev-timer-display{background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;color:#2b6cb0;font-family:JetBrains Mono,monospace,sans-serif;font-size:1.05rem;padding:3px 10px}.dev-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px}.dev-badge-success{background-color:#dcfce7;color:#16a34a}.dev-badge-amber{background-color:#fef9c3;color:#ca8a04}.dev-badge-blue{background-color:#dbeafe;color:#2563eb}.dev-badge-rose{background-color:#fee2e2;color:#ef4444}.dev-badge-purple{background-color:#f3e8ff;color:#7e22ce}.dev-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1100px){.dev-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dev-stats-grid{grid-template-columns:1fr}}.dev-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--dev-admin-border);border-radius:10px;border-radius:var(--dev-admin-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--dev-admin-shadow);box-sizing:border-box;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.dev-stat-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.dev-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dev-stat-title{color:#718096;color:var(--dev-admin-text-sub);font-size:13px;font-weight:500}.dev-stat-icon{font-size:1.2rem}.dev-stat-value{color:#1a202c;font-size:30px;font-weight:800;margin:0 0 6px}.dev-stat-subtext{align-items:center;color:#a0aec0;color:var(--dev-admin-text-muted);display:flex;font-size:12px;gap:6px;margin:0}.dev-two-col{grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:900px){.dev-two-col{grid-template-columns:1fr}}.dev-panel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--dev-admin-border);border-radius:10px;border-radius:var(--dev-admin-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--dev-admin-shadow);display:flex;flex-direction:column;padding:22px 24px}.dev-two-col .dev-panel{box-sizing:border-box;height:480px}.dev-panel-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.dev-panel-title{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:0}.dev-filter-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.dev-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;color:#64748b;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .2s ease}.dev-pill:hover{background:#e2e8f0;color:#334155}.dev-pill.active{background:#00a3ff;border-color:#00a3ff;color:#fff}.dev-announcements-list,.dev-task-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.dev-announcement-card,.dev-task-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;transition:all .2s ease}.dev-announcement-card:hover,.dev-task-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.dev-task-row{gap:12px;justify-content:space-between}.dev-task-left,.dev-task-row{align-items:flex-start;display:flex}.dev-task-left{gap:10px}.dev-checkbox{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;margin-top:2px;width:18px}.dev-checkbox.checked{background:#22c55e;border-color:#22c55e;color:#fff;font-size:11px}.dev-task-title{color:#2d3748;font-size:.9rem;font-weight:600;margin:0}.dev-task-meta{align-items:center;color:#718096;display:flex;font-size:.78rem;gap:8px}.dev-task-project{color:#3182ce;font-weight:600}.dev-announcement-card.pinned{background:#fffbeb;border-left:4px solid #d69e2e}.dev-announcement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.dev-announcement-title{color:#1a202c;font-size:.9rem;font-weight:700}.dev-announcement-body{color:#4a5568;font-size:.85rem;line-height:1.5;margin-bottom:8px}.dev-announcement-footer{align-items:center;color:#a0aec0;display:flex;font-size:.75rem;justify-content:space-between}.dev-read-check{color:#718096;cursor:pointer;font-weight:600}.dev-read-check.active{color:#16a34a}.dev-meeting-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px}.dev-meeting-time{background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;color:#3182ce;font-size:.8rem;font-weight:700;padding:6px 12px}.dev-meeting-info{flex:1 1;margin:0 14px}.dev-meeting-title{color:#2d3748;font-size:.9rem;font-weight:600;margin:0 0 2px}.dev-meeting-meta{color:#718096;font-size:.78rem}.dev-full-width-panel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--dev-admin-border);border-radius:10px;border-radius:var(--dev-admin-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--dev-admin-shadow);margin-bottom:24px;padding:22px 24px}.dev-table-wrapper{overflow-x:auto}.dev-table{border-collapse:collapse;font-size:.85rem;width:100%}.dev-table td,.dev-table th{border-bottom:1px solid #edf2f7;padding:12px 14px;text-align:left}.dev-table th{background:#f8fafc;color:#718096;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dev-table td{color:#2d3748;vertical-align:middle}.dev-table tr:hover td{background:#f8fafc}.dev-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.dev-modal{background:#fff;border:1px solid #e2e8f0;border-radius:10px;border-radius:var(--dev-admin-radius);box-shadow:0 20px 40px #00000026;color:#2d3748;max-width:520px;padding:24px;width:100%}.dev-modal-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:10px}.dev-modal-title{color:#1a202c;font-size:1.1rem;font-weight:700;margin:0}.dev-modal-close{background:#0000;border:none;color:#a0aec0;cursor:pointer;font-size:1.2rem}.dev-modal-close:hover{color:#2d3748}.dev-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.dev-form-group label{color:#4a5568;font-size:.82rem;font-weight:600}.dev-input,.dev-select,.dev-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1a202c;font-size:.88rem;outline:none;padding:9px 12px;transition:all .2s ease}.dev-input:focus,.dev-select:focus,.dev-textarea:focus{border-color:#00a3ff;box-shadow:0 0 0 3px #00a3ff26}.dev-textarea{min-height:85px;resize:vertical}.dev-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dashboard-flex-row{margin-bottom:24px}.dev-dashboard-container .announcement-card,.dev-dashboard-container .celebration-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--dev-admin-border);border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:350px!important;margin-top:0!important;padding:22px 24px}.card-label{border-bottom:1px solid #edf2f7;margin:0 0 16px;padding-bottom:10px}:root{--pink:#ff3b5c;--gray:#9b9b9b;--cyan:#13c6df}.emp-dashboard-page{background:#f4f7fe;font-family:Poppins,sans-serif;min-height:100vh}.emp-dashboard-body{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:100%;padding:12px 20px 32px}.emp-topbar{flex-wrap:wrap;justify-content:space-between}.emp-topbar,.emp-ts-box{align-items:center;display:flex;gap:16px}.emp-ts-box{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff80;border:1px solid #ffffffb3;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding:12px 24px}.emp-ts-date{color:#555;font-size:.8rem;font-weight:500}.emp-ts-date,.emp-ts-time{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff80;border:1px solid #ffffffb3;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding:8px 16px}.emp-ts-time{color:#13c6df;font-size:.9rem;font-weight:600}@media (max-width:768px){.emp-topbar{align-items:flex-start;flex-direction:column}}.emp-portal-btn{align-items:center;background:linear-gradient(135deg,#0d8fd9,#13c6df);border:none;border-radius:10px;box-shadow:0 4px 16px #13c6df47;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:.08em;padding:10px 22px;text-transform:uppercase;transition:all .25s ease;white-space:nowrap}.emp-portal-btn:hover{box-shadow:0 8px 26px #13c6df73;transform:translateY(-2px)}.emp-summary-panel{background:linear-gradient(135deg,#ff3b5c0a,#f0f4ffcc 50%,#13c6df0d);border:1px solid #13c6df26;border-radius:16px;box-shadow:0 2px 16px #0000000f;overflow:hidden;padding:14px 16px;position:relative}.emp-summary-panel:before{background:linear-gradient(90deg,#ff3b5c,#9b9b9b 50%,#13c6df);content:"";height:2px;left:0;opacity:.7;position:absolute;right:0;top:0}.emp-summary-header{align-items:center;display:flex;gap:6px;margin-bottom:10px}.emp-summary-title{color:#1a1a2e;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.emp-summary-cards{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.emp-stat-card{align-items:center;background:#fff;border:1px solid #13c6df26;border-radius:12px;box-shadow:0 1px 6px #0000000d;cursor:default;display:flex;flex-direction:column;gap:4px;padding:10px 8px;transition:all .22s ease}.emp-stat-card:hover{border-color:#13c6df59;box-shadow:0 4px 16px #13c6df1f;transform:translateY(-2px)}.emp-stat-label{color:#888;font-size:.55rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.emp-stat-label,.emp-stat-value{font-family:Poppins,sans-serif;font-weight:700}.emp-stat-value{color:#1a1a2e;font-size:1.15rem;line-height:1}.emp-stat-status{align-items:center;color:#888;display:flex;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;gap:6px}.emp-status-dot{background:#ccc;border-radius:50%;height:8px;width:8px}.emp-status-dot.active{animation:emp-pulse-dot 2s infinite;background:#13c6df;box-shadow:0 0 8px #13c6dfb3}.emp-status-dot.stopped{background:#ff3b5c;box-shadow:0 0 8px #ff3b5c99}@keyframes emp-pulse-dot{0%,to{box-shadow:0 0 0 0 #13c6df99}50%{box-shadow:0 0 0 8px #13c6df00}}.emp-tab-nav{backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);background:linear-gradient(135deg,#ff3b5c38,#9b9b9b14 50%,#13c6df38),#080d1ac7;border-radius:14px;border-right:1px solid #ffffff1a;border-top:1px solid #ffffff0d;box-shadow:4px 0 36px #0006,inset 1px 0 0 #ffffff0a;display:flex;gap:2px;padding:6px 8px}.emp-tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#a4a1a1;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:500;gap:6px;justify-content:center;letter-spacing:.08em;overflow:hidden;padding:8px 10px;position:relative;text-decoration:none;text-transform:uppercase;transition:background .28s ease,border-color .28s ease,color .28s ease,transform .22s ease,box-shadow .28s ease}.emp-tab-btn:before{background:linear-gradient(105deg,#0000 25%,#ffffff12 50%,#0000 75%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-120%);transition:transform .55s ease;z-index:0}.emp-tab-btn:after{background:linear-gradient(90deg,#ff3b5c,#13c6df);border-radius:3px 3px 0 0;bottom:0;box-shadow:0 0 8px #13c6df80;content:"";height:3px;left:20%;opacity:0;position:absolute;right:20%;transform:scaleX(0);transition:opacity .25s ease,transform .25s ease;z-index:1}.emp-tab-btn span{position:relative;z-index:2}.emp-tab-btn:hover{background:#ffffff12;border-color:#ffffff1a;box-shadow:0 2px 14px #0003,inset 0 1px 0 #ffffff12;color:#fff;transform:translateY(-3px)}.emp-tab-btn:hover:before{transform:translateX(120%)}.emp-tab-btn.active{background:linear-gradient(135deg,#ff3b5cb3,#8c8c9b61 50%,#13c6dfb3);border-color:#ffffff29;box-shadow:0 4px 20px #ff3b5c40,0 2px 10px #13c6df2e,inset 0 1px 0 #ffffff2e;color:#fff;font-weight:700;transform:translateY(-3px)}.emp-tab-btn.active:after{opacity:1;transform:scaleX(1)}.emp-tab-btn.active:before{animation:shimmer-pulse 3s ease-in-out infinite;background:linear-gradient(105deg,#0000 15%,#ffffff14 50%,#0000 85%);transform:translateX(0)}.emp-tab-panel{background:#f8faff;border:1px solid #13c6df1f;border-radius:16px;box-shadow:0 2px 16px #0000000f;min-height:300px;overflow:hidden}.emp-checkin-title-block h3{color:#1a1a2e}.emp-checkin-title-block p{color:#666}.time-box-label{color:#888}.time-box-val{color:#1a1a2e}.checkin-btn{font-family:Poppins,sans-serif}.btn-disabled{background:#e5e7eb;color:#9ca3af}.checkin-error-msg{background:#dc26260d;border-left:3px solid #dc2626;color:#dc2626}.emp-locked-container{align-items:center;background:radial-gradient(circle at top left,#ff3b5c05,#13c6df05);display:flex;justify-content:center;min-height:320px;padding:48px 24px}.emp-locked-card{align-items:center;animation:emp-fade-in .4s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #ff3b5c26;border-radius:20px;box-shadow:0 10px 30px #0000000d,inset 0 1px 0 #fff9;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:32px 24px;text-align:center;width:100%}@keyframes emp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emp-locked-icon{align-items:center;animation:emp-pulse-lock 2s infinite;background:#ff3b5c1a;border-radius:50%;box-shadow:0 4px 12px #ff3b5c26;display:flex;font-size:3rem;height:70px;justify-content:center;line-height:1;width:70px}@keyframes emp-pulse-lock{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.emp-locked-card h3{color:#1a1a2e;font-size:1.4rem;font-weight:700;margin:0}.emp-locked-card p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.emp-locked-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 4px 12px #16a34a40;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-top:8px;padding:12px 28px;text-transform:uppercase;transition:all .2s ease}.emp-locked-btn:hover:not(:disabled){box-shadow:0 6px 18px #16a34a66;transform:translateY(-2px)}.emp-locked-btn:disabled{background:#cbd5e1;box-shadow:none;color:#94a3b8;cursor:not-allowed}.top-performer-card .top-performer-body.top-performer-carousel-body,.top-performer-carousel-body{grid-gap:20px!important;align-items:flex-start!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(110px,auto) 1fr minmax(110px,auto)!important;padding-left:12px!important;padding-right:12px!important;padding-top:28px!important;position:relative!important}.top-performer-card .top-performer-tag{align-items:center;animation:top-performer-pill-pulse 4s ease-in-out infinite;background:linear-gradient(100deg,#38bdf8,#60a5fa 48%,#818cf8);border:1px solid #ffffff47;border-radius:26px;box-shadow:0 6px 18px #38bdf842,inset 0 1px 0 #ffffff57;box-sizing:border-box;color:#071a33;display:inline-flex;gap:12px;isolation:isolate;justify-content:space-between;letter-spacing:0;max-width:min(100%,680px);min-height:44px;overflow:hidden;padding:6px 16px;position:relative;text-transform:uppercase}.top-performer-card .top-performer-tag:after{animation:top-performer-pill-shine 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:200%;left:-35%;pointer-events:none;position:absolute;top:-50%;transform:rotate(16deg);width:24%;z-index:-1}.top-performer-card .top-performer-tag .trophy-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 2px rgba(120,53,15,.28));flex:0 0 28px;font-size:1.45rem;height:28px;justify-content:center;line-height:1;width:28px}.top-performer-tag-text{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;gap:2px;justify-content:center;line-height:1.15;min-width:0;text-align:center}.top-performer-tag-title{color:#ffe811;font-size:.72rem;font-weight:900;letter-spacing:0}.top-performer-tag-criteria{color:#fff;font-size:.82rem;font-weight:900;letter-spacing:0;max-width:100%;overflow-wrap:anywhere}.top-performer-profile-panel{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;text-align:center!important}.top-performer-avatar-wrapper{height:110px;width:110px}.top-performer-avatar--emoji{align-items:center!important;background:#e0f2fe!important;box-sizing:border-box!important;display:flex!important;font-size:3.5rem!important;justify-content:center!important;line-height:1!important}.top-performer-profile-panel .top-performer-name{color:#fef08a;font-size:1.4rem;font-weight:800;letter-spacing:.4px;margin-bottom:2px;margin-top:10px;max-width:100%;overflow-wrap:anywhere;text-shadow:0 2px 6px #0006}.top-performer-employee-id{color:#e2e8f0;font-size:.75rem;font-weight:700;margin:2px 0 0}.top-performer-award-panel{align-items:flex-start!important;padding-top:0!important}.top-performer-award-panel,.top-performer-carousel-body .top-performer-info{display:flex!important;justify-content:center!important;min-width:0!important}.top-performer-carousel-body .top-performer-info{align-items:center!important;align-self:flex-start!important;padding-top:4px!important;text-align:center!important}.top-performer-purpose{-ms-overflow-style:none!important;color:#e0e7ff!important;font-size:.88rem!important;font-weight:500!important;line-height:1.48!important;max-height:145px!important;overflow:hidden!important;scrollbar-width:none!important;text-align:center!important}.top-performer-purpose::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.top-performer-award-panel .top-performer-gif{border-radius:12px!important;height:110px!important;max-width:140px!important;object-fit:contain!important}.top-performer-slide-count{background:#0f172a59;border:1px solid #fef3c759;border-radius:999px;color:#fef3c7;font-size:.78rem;font-weight:800;padding:4px 10px}.top-performer-nav{align-items:center!important;background:#0000!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))!important;height:32px!important;justify-content:center!important;opacity:0!important;padding:0!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:opacity .25s ease,visibility .25s ease,color .2s ease,transform .2s ease!important;visibility:hidden!important;width:32px!important;z-index:10!important}.top-performer-card:hover .top-performer-nav,.top-performer-carousel-body:hover .top-performer-nav,.top-performer-nav:focus-visible{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.top-performer-nav:hover{background:#0000!important;color:#38bdf8!important;transform:translateY(-50%) scale(1.25)!important}.top-performer-nav-left{left:-28px!important}.top-performer-nav-right{right:-28px!important}@keyframes top-performer-pill-shine{0%,55%{left:-35%}85%,to{left:120%}}@keyframes top-performer-pill-pulse{0%,to{box-shadow:0 6px 18px #38bdf83d,inset 0 1px 0 #ffffff57}50%{box-shadow:0 8px 24px #818cf86b,inset 0 1px 0 #ffffff6b}}@media (max-width:760px){.top-performer-card{height:auto!important;min-height:350px}.top-performer-header{align-items:flex-start;gap:10px}.top-performer-card .top-performer-tag{gap:9px;max-width:calc(100% - 48px);min-height:48px;padding:6px 13px}.top-performer-tag-criteria{font-size:.74rem}.top-performer-carousel-body{gap:14px;grid-template-columns:1fr!important}.top-performer-award-panel .top-performer-gif{height:100px!important;max-width:180px!important}.top-performer-nav-left{left:4px}.top-performer-nav-right{right:4px}}.projects-container{display:flex;flex-direction:column;gap:20px}.project-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.project-tabs{border-bottom:1px solid #edf2f7;display:flex;gap:10px;margin-bottom:16px;padding-bottom:10px}.project-tab-btn{background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.project-tab-btn.active{background:#ebf8ff;color:#3182ce}.project-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}@media (max-width:768px){.project-overview-grid{grid-template-columns:1fr}}.dev-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.my-work-container{display:flex;flex-direction:column;gap:20px}.scratchpad-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:16px}.scratchpad-textarea{background-color:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-family:monospace;font-size:.9rem;min-height:180px;padding:10px;resize:vertical;width:100%}.meetings-container{display:flex;flex-direction:column;gap:20px}.meeting-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.meeting-list-grid{display:flex;flex-direction:column;gap:16px}.admin-reports-container,.corrections-container{display:flex;flex-direction:column;gap:20px}:root{--dww-blue:#739aff;--dww-blue-dark:#5b85f2;--dww-blue-light:#eef2ff;--dww-blue-soft:#f0f4ff;--dww-green:#4caf50;--dww-green-soft:#e8f5e9;--dww-orange:#ff9800;--dww-orange-soft:#fff8f0;--dww-red:#ff4d4f;--dww-red-soft:#fff1f1;--dww-teal:#13c6df;--dww-purple:#8862bb;--dww-text:#1a1a2e;--dww-text-sub:#555;--dww-text-muted:#888;--dww-border:#e8e8ee;--dww-border-soft:#f0f0f5;--dww-bg:#f7f8fc;--dww-surface:#fff;--dww-radius-sm:6px;--dww-radius-md:10px;--dww-radius-lg:14px;--dww-radius-xl:20px;--dww-shadow-sm:0 2px 8px #0000000f;--dww-shadow-md:0 4px 20px #00000014;--dww-shadow-lg:0 8px 40px #0000001f;--dww-shadow-blue:0 4px 20px #739aff40;--dww-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.dww-ot-badge{background:#ffffff40;border:1px solid #ffffff80;border-radius:12px;font-size:.65rem;letter-spacing:.8px;margin-left:8px;padding:2px 8px}.dww-ot-badge,.dww-ot-tag{align-items:center;color:#fff;display:inline-flex;font-weight:800;text-transform:uppercase;vertical-align:middle}.dww-ot-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;font-size:.62rem;letter-spacing:.6px;margin-left:6px;padding:2px 7px}.dww-page{background:#f7f8fc;background:var(--dww-bg);color:#1a1a2e;color:var(--dww-text);display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:20px;min-height:100vh;padding:4px}.dww-card{background:#fff;background:var(--dww-surface);border:1px solid #f0f0f5;border:1px solid var(--dww-border-soft);border-radius:20px;border-radius:var(--dww-radius-xl);box-shadow:0 4px 20px #00000014;box-shadow:var(--dww-shadow-md);padding:28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-top-card{flex-direction:column;gap:24px}.dww-card-header,.dww-top-card{align-items:center;display:flex}.dww-card-header{justify-content:space-between;width:100%}.dww-section-title{color:#1a1a2e;color:var(--dww-text);font-size:1.15rem;font-weight:700;letter-spacing:-.3px;margin:0}.dww-checkin-guard{background:#fff5f5;border:1px solid #fed7d7;border-radius:14px;border-radius:var(--dww-radius-lg);color:#c53030;padding:32px;text-align:center;width:100%}.dww-guard-icon{display:block;font-size:2.5rem;margin-bottom:12px}.dww-checkin-guard h3{font-size:1.1rem;margin:0 0 8px}.dww-checkin-guard p{font-size:.9rem;margin:0}.dww-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.3px;padding:5px 14px}.dww-status-pill.stopped{background:#f0f0f5;border:1px solid #e8e8ee;border:1px solid var(--dww-border);color:#666}.dww-status-pill.running{animation:dww-pill-pulse 2.5s infinite;background:linear-gradient(135deg,#739aff26,#13c6df26);border:1px solid #739aff4d;color:#5b85f2;color:var(--dww-blue-dark)}.dww-status-pill.break{background:#ff98001f;border:1px solid #ff98004d;color:#e65100}@keyframes dww-pill-pulse{0%,to{box-shadow:0 0 0 0 #739aff66}50%{box-shadow:0 0 0 6px #739aff00}}.dww-form{gap:22px;max-width:100%;width:100%}.dww-fields-group,.dww-form{display:flex;flex-direction:column}.dww-fields-group{gap:20px}.dww-field{display:flex;flex-direction:column;gap:8px}.dww-label{align-items:center;color:#444;display:flex;font-size:.82rem;font-weight:600;gap:7px}.dww-label-desc{color:#888;color:var(--dww-text-muted);font-size:.72rem;font-weight:400}.dww-req{color:#ff4d4f;color:var(--dww-red)}.dww-readonly-badge{background:#f0f0f7;border:1px solid #e0e0eb;border-radius:4px;color:#999;font-size:.62rem;font-weight:600;letter-spacing:.6px;margin-left:auto;padding:2px 7px;text-transform:uppercase}.dww-readonly-value{align-items:center;background:#f7f8fc;background:var(--dww-bg);border:1px solid #e8e8ee;border:1px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#1a1a2e;color:var(--dww-text);display:flex;font-size:.88rem;font-weight:500;min-height:42px;padding:11px 14px}.dww-readonly-placeholder{color:#888;color:var(--dww-text-muted);font-size:.82rem;font-style:italic;font-weight:400}.dww-readonly-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dww-select-wrap{position:relative}.dww-select{appearance:none;background:#fff;background:var(--dww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#1a1a2e;color:var(--dww-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:.88rem;padding:11px 40px 11px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition);width:100%}.dww-select:hover{border-color:#c0ccff}.dww-select:focus{border-color:#739aff;border-color:var(--dww-blue);box-shadow:0 0 0 3px #739aff2e;outline:none}.dww-arrow{font-size:.75rem;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.dww-arrow,.dww-sub-hint{color:#888;color:var(--dww-text-muted)}.dww-sub-hint{font-size:.7rem;margin-top:-2px}.dww-task-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.dww-chip-due,.dww-chip-priority,.dww-chip-project{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 10px}.dww-chip-priority.priority-high{background:#fff1f1;border:1px solid #ffd0d0;color:#c0392b}.dww-chip-priority.priority-medium{background:#fff8f0;background:var(--dww-orange-soft);border:1px solid #ffd19a;color:#c44900}.dww-chip-priority.priority-low{background:#e8f5e9;background:var(--dww-green-soft);border:1px solid #c8e6c9;color:#2e7d32}.dww-chip-due{background:#fff1f1;background:var(--dww-red-soft);border:1px solid #ffd0d0;color:#c0392b}.dww-chip-project{border:1px solid #739aff4d;color:#5b85f2;color:var(--dww-blue-dark)}.dww-chip-project,.dww-manual-hint{background:#f0f4ff;background:var(--dww-blue-soft)}.dww-manual-hint{align-items:center;border:1px dashed #739aff66;border-radius:10px;border-radius:var(--dww-radius-md);color:#555;color:var(--dww-text-sub);display:flex;font-size:.82rem;gap:10px;line-height:1.5;padding:14px 16px}.dww-manual-hint span:first-child{flex-shrink:0;font-size:1.1rem}.dww-btn-container{display:flex;gap:14px;justify-content:center;margin-top:6px;width:100%}.dww-toggle-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--dww-radius-md);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.2px;padding:12px 36px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-btn-disabled{background:#e0e0e8;box-shadow:none;color:#aaa;cursor:not-allowed}.dww-btn-start{background:#739aff;background:var(--dww-blue);box-shadow:0 4px 20px #739aff40;box-shadow:var(--dww-shadow-blue);color:#fff}.dww-btn-start:hover{background:#5b85f2;background:var(--dww-blue-dark);box-shadow:0 8px 28px #739aff66;transform:translateY(-2px)}.dww-btn-break{background:#ff9800;background:var(--dww-orange);box-shadow:0 4px 14px #ff98004d;color:#fff}.dww-btn-break:hover{background:#f57c00;transform:translateY(-2px)}.dww-dynamic-running-section{align-items:center;animation:dww-fade-in .35s ease;display:flex;flex-direction:column;gap:22px;width:100%}@keyframes dww-fade-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.dww-working-title{align-items:center;color:#5b85f2;color:var(--dww-blue-dark);display:flex;font-size:2rem;font-weight:800;gap:12px;letter-spacing:-.5px;margin:0}.dww-timer-banner.dww-timer-running{align-items:center;background:linear-gradient(135deg,#ff3b5c,#8862bb 45%,#13c6df);border-radius:20px;border-radius:var(--dww-radius-xl);box-shadow:0 12px 40px #739aff4d;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:36px 30px;position:relative;width:100%}.dww-timer-banner.dww-timer-running:before{background:#ffffff14;content:"";height:200%;left:-20%;pointer-events:none;position:absolute;top:-40%;transform:rotate(-20deg);width:70%}.dww-timer-display{font-family:Courier New,monospace;font-size:clamp(2.2rem,8vw,4rem);font-weight:800;letter-spacing:clamp(3px,1.5vw,8px);position:relative;text-shadow:0 2px 16px #00000026;white-space:nowrap;z-index:1}.dww-timer-label{font-size:.72rem;font-weight:700;letter-spacing:3px;margin-top:8px;opacity:.85;position:relative;text-transform:uppercase;z-index:1}.dww-timers-row{display:flex;gap:14px;width:100%}.dww-timers-row .dww-timer-banner{border-radius:14px!important;border-radius:var(--dww-radius-lg)!important;box-sizing:border-box;padding:16px 12px!important}.dww-timers-row .dww-timer-display{font-size:clamp(1.4rem,2.5vw,2.1rem);letter-spacing:clamp(1px,.6vw,4px)}.dww-timer-banner.dww-timer-break{align-items:center;background:linear-gradient(135deg,#ff9800,#ffc107);border-radius:14px;border-radius:var(--dww-radius-lg);box-shadow:0 8px 28px #ff980047;color:#fff;display:flex;flex:1 1;flex-direction:column;padding:24px 20px}.dww-break-progress-container{background:#ff980012;border:1px solid #ff980040;border-radius:14px;border-radius:var(--dww-radius-lg);padding:16px 20px;width:100%}.dww-break-progress-container.exceeded{animation:dww-shake .5s ease;background:#ff4d4f14;border-color:#ff4d4f59}@keyframes dww-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.dww-break-progress-header{align-items:center;display:flex;font-size:.78rem;font-weight:600;justify-content:space-between;margin-bottom:10px}.dww-bp-limit-label{color:#7a5500}.dww-bp-time-label{color:#555;color:var(--dww-text-sub)}.dww-bp-time-label.danger{color:#ff4d4f;color:var(--dww-red);font-weight:700}.dww-break-progress-bar{background:#ff980026;border-radius:20px;height:8px;overflow:hidden;width:100%}.dww-break-progress-fill{background:linear-gradient(90deg,#ff9800,#ffc107);border-radius:20px;height:100%;transition:width .5s ease}.dww-break-progress-fill.exceeded{background:linear-gradient(90deg,#ff4d4f,#ff6b6b);background:linear-gradient(90deg,var(--dww-red),#ff6b6b)}.dww-break-exceeded-warning{background:#ff4d4f1a;border:1px solid #ff4d4f4d;border-radius:6px;border-radius:var(--dww-radius-sm);color:#c0392b;font-size:.8rem;font-weight:600;margin-top:10px;padding:8px 12px;text-align:center}.dww-break-info{background:#ff980012;border:1px solid #ff980033;border-radius:10px;border-radius:var(--dww-radius-md);padding:16px 20px;text-align:center;width:100%}.dww-break-text{color:#4a3000;font-size:.95rem;font-weight:500;margin:0 0 4px}.dww-break-subtext{color:#7a5500;font-size:.75rem;margin:0;opacity:.8}.dww-break-task-info{background:#fafafa;border:1px solid #e8e8ee;border:1px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;width:100%}.dww-bti-item{display:flex;flex-direction:column;gap:2px;min-width:110px}.dww-bti-label{color:#888;color:var(--dww-text-muted);font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dww-running-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%}.dww-run-card{background:#fff;background:var(--dww-surface);border-radius:14px;border-radius:var(--dww-radius-lg);display:flex;flex-direction:column;gap:10px;min-width:170px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition);width:calc(33.333% - 10px)}.dww-run-card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--dww-shadow-md);transform:translateY(-2px)}.dww-run-card.border-blue{background:#f2f5ff;border:1px solid #a3b5ff}.dww-run-card.border-green{background:#edfcfa;border:1px solid #6de1b6}.dww-run-card.border-orange{background:#fffcf5;border:1px solid #ffc87a}.dww-run-card.border-pink{background:#fff5f7;border:1px solid #ffa3b4}.dww-run-card.border-teal{background:#f2fcfe;border:1px solid #4dd0e1}.dww-run-card-header{align-items:center;display:flex;gap:8px}.dww-run-icon{align-items:center;border-radius:6px;border-radius:var(--dww-radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:.88rem;height:28px;justify-content:center;width:28px}.dww-run-icon.bg-purple{background:#8862bb}.dww-run-icon.bg-green{background:#00c9a7}.dww-run-icon.bg-orange{background:#ff9671}.dww-run-icon.bg-blue{background:#2c73d2}.dww-run-icon.bg-pink{background:#ff4d85}.dww-run-icon.bg-teal{background:#00a88f}.dww-run-label{color:#888;font-size:.65rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.dww-run-value{color:#1a1a2e;color:var(--dww-text);font-size:.9rem;font-weight:600;line-height:1.4;word-break:break-word}.dww-task-desc-display{background:#fafafa;border:1px solid #e8e8ee;border:1px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#555;font-family:Poppins,sans-serif;font-size:.85rem;line-height:1.6;min-height:52px;padding:12px 16px;width:100%}.dww-running-buttons{display:flex;gap:14px;justify-content:center;width:100%}.dww-btn-resume{background:#739aff;background:var(--dww-blue);border:none;border-radius:10px;border-radius:var(--dww-radius-md);box-shadow:0 4px 20px #739aff40;box-shadow:var(--dww-shadow-blue);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;padding:13px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-btn-resume:hover{background:#5b85f2;background:var(--dww-blue-dark);transform:translateY(-2px)}.dww-btn-resume:disabled{cursor:not-allowed;opacity:.7}.dww-btn-stop-large{background:linear-gradient(135deg,#ff3b5c,#c0392b);border:none;border-radius:10px;border-radius:var(--dww-radius-md);box-shadow:0 4px 14px #ff3b5c4d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;padding:13px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-btn-stop-large:hover{box-shadow:0 8px 24px #ff3b5c66;transform:translateY(-2px)}.dww-toast{align-items:center;animation:dww-toast-in .3s cubic-bezier(.4,0,.2,1);border-radius:14px;border-radius:var(--dww-radius-lg);bottom:24px;box-shadow:0 8px 40px #0000001f;box-shadow:var(--dww-shadow-lg);display:flex;font-family:Poppins,sans-serif;gap:12px;max-width:420px;min-width:280px;padding:14px 20px;position:fixed;right:24px;z-index:9999}.dww-toast.info{background:#0f172a;border-left:4px solid #739aff;border-left:4px solid var(--dww-blue)}.dww-toast.error{background:#1a0000;border-left:4px solid #ff4d4f;border-left:4px solid var(--dww-red)}.dww-toast.warning{background:#1a0e00;border-left:4px solid #ff9800;border-left:4px solid var(--dww-orange)}.dww-toast-icon{flex-shrink:0;font-size:1.2rem}.dww-toast-message{color:#fff;flex:1 1;font-size:.85rem;font-weight:500;line-height:1.4}.dww-toast-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;padding:0 4px;transition:color .2s}.dww-toast-close:hover{color:#fff}@keyframes dww-toast-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.dww-popup-overlay{align-items:center;animation:dww-overlay-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0f1e8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}@keyframes dww-overlay-in{0%{opacity:0}to{opacity:1}}.dww-popup-box{animation:dww-popup-in .25s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--dww-surface);border-radius:20px;border-radius:var(--dww-radius-xl);box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:520px;overflow-y:auto;padding:28px;width:92%}@keyframes dww-popup-in{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dww-popup-header{align-items:center;display:flex;justify-content:space-between}.dww-popup-title{color:#1a1a2e;color:var(--dww-text);font-size:1.1rem;font-weight:700;margin:0}.dww-popup-close{align-items:center;background:#f0f0f7;border:none;border-radius:50%;color:#888;color:var(--dww-text-muted);cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition);width:30px}.dww-popup-close:hover{background:#e0e0eb;color:#1a1a2e;color:var(--dww-text)}.dww-break-note{align-items:flex-start;background:#f0f4ff;background:var(--dww-blue-soft);border:1px solid #739aff40;border-radius:10px;border-radius:var(--dww-radius-md);color:#374151;display:flex;font-size:.82rem;gap:10px;line-height:1.5;padding:12px 16px}.dww-popup-field{display:flex;flex-direction:column;gap:8px}.dww-popup-label{color:#444;font-size:.82rem;font-weight:600}.dww-popup-input{border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#1a1a2e;color:var(--dww-text);font-family:Poppins,sans-serif;font-size:.88rem;padding:11px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-popup-input:focus{border-color:#739aff;border-color:var(--dww-blue);box-shadow:0 0 0 3px #739aff2e;outline:none}.dww-popup-select{appearance:none;background:#fff;background:var(--dww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#1a1a2e;color:var(--dww-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:.88rem;padding:11px 40px 11px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition);width:100%}.dww-popup-select:focus{border-color:#739aff;border-color:var(--dww-blue);box-shadow:0 0 0 3px #739aff2e;outline:none}.dww-popup-textarea{border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#1a1a2e;color:var(--dww-text);font-family:Poppins,sans-serif;font-size:.88rem;line-height:1.5;padding:11px 14px;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-popup-textarea:focus{border-color:#739aff;border-color:var(--dww-blue);box-shadow:0 0 0 3px #739aff2e;outline:none}.dww-popup-radio-group{display:flex;flex-direction:column;gap:10px}.dww-popup-radio-option{align-items:center;border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);cursor:pointer;display:flex;gap:14px;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-popup-radio-option.selected,.dww-popup-radio-option:hover{background:#f0f4ff;background:var(--dww-blue-soft);border-color:#739aff;border-color:var(--dww-blue)}.dww-popup-radio-option input[type=radio]{accent-color:#739aff;accent-color:var(--dww-blue);height:16px;width:16px}.dww-radio-content{align-items:center;display:flex;flex:1 1;gap:12px}.dww-radio-icon{font-size:1.3rem}.dww-radio-text{display:flex;flex-direction:column;gap:2px}.dww-radio-text strong{color:#1a1a2e;color:var(--dww-text);font-size:.88rem}.dww-radio-subtext{color:#888;color:var(--dww-text-muted);font-size:.72rem}.dww-onhold-details{display:flex;flex-direction:column;gap:10px;margin-left:30px}.dww-onhold-other-input{margin-top:6px}.dww-popup-actions{display:flex;gap:12px;justify-content:flex-end}.dww-popup-btn{border:none;border-radius:10px;border-radius:var(--dww-radius-md);cursor:pointer;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-popup-btn-cancel{background:#f7f8fc;background:var(--dww-bg);border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);color:#555;color:var(--dww-text-sub)}.dww-popup-btn-cancel:hover{background:#e0e0ea}.dww-popup-btn-submit{background:#739aff;background:var(--dww-blue);box-shadow:0 4px 20px #739aff40;box-shadow:var(--dww-shadow-blue);color:#fff}.dww-popup-btn-submit:hover{background:#5b85f2;background:var(--dww-blue-dark);transform:translateY(-1px)}.dww-popup-btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.dww-bottom-card{display:flex;flex-direction:column;gap:20px}.dww-logs-header{align-items:center;display:flex;justify-content:space-between}.dww-logs-title{color:#1a1a2e;color:var(--dww-text);font-size:1rem;font-weight:700;margin:0}.dww-logs-count{background:#f7f8fc;background:var(--dww-bg);border:1px solid #e8e8ee;border:1px solid var(--dww-border);border-radius:20px;color:#888;color:var(--dww-text-muted);font-size:.75rem;font-weight:600;padding:3px 10px}.dww-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.dww-filter-col{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:140px}.dww-filter-col label{color:#888;color:var(--dww-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dww-filter-select{background:#fff;background:var(--dww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#1a1a2e;color:var(--dww-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-filter-select:focus{border-color:#739aff;border-color:var(--dww-blue);outline:none}.dww-filter-date{background:#fff;background:var(--dww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#1a1a2e;color:var(--dww-text);font-family:Poppins,sans-serif;font-size:.82rem;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-filter-date:focus{border-color:#739aff;border-color:var(--dww-blue);outline:none}.dww-clear-btn{background:#f7f8fc;background:var(--dww-bg);border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:10px;border-radius:var(--dww-radius-md);color:#555;color:var(--dww-text-sub);cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition)}.dww-clear-btn:hover{border-color:#739aff;border-color:var(--dww-blue);color:#739aff;color:var(--dww-blue)}.dww-table-container{border:1px solid #f0f0f5;border:1px solid var(--dww-border-soft);border-radius:14px;border-radius:var(--dww-radius-lg);overflow-x:auto}.dww-table{border-collapse:collapse;font-size:.82rem;width:100%}.dww-table thead{background:#f7f8fc;background:var(--dww-bg)}.dww-table th{border-bottom:2px solid #e8e8ee;border-bottom:2px solid var(--dww-border);color:#888;color:var(--dww-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.6px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.dww-table td{border-bottom:1px solid #f0f0f5;border-bottom:1px solid var(--dww-border-soft);color:#1a1a2e;color:var(--dww-text);padding:12px 14px;vertical-align:middle}.dww-table tbody tr:hover{background:#f7f8fc;background:var(--dww-bg)}.dww-table tbody tr:last-child td{border-bottom:none}.dww-table-empty{color:#888;color:var(--dww-text-muted);padding:40px!important;text-align:center}.dww-td-mono{font-family:Courier New,monospace;font-size:.8rem}.dww-td-center{text-align:center}.dww-status-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;padding:3px 10px;white-space:nowrap}.chip-finish{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.chip-wip{background:#dbeafe;border:1px solid #bfdbfe;color:#1d4ed8}.chip-break{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.chip-hold{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.chip-pending{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.chip-default{background:#f0f0f7;border:1px solid #e8e8ee;border:1px solid var(--dww-border);color:#666}.dww-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:16px}.dww-page-items{align-items:center;color:#888;color:var(--dww-text-muted);display:flex;font-size:.78rem}.dww-page-controls{align-items:center;display:flex;gap:5px}.dww-page-btn{align-items:center;background:#fff;background:var(--dww-surface);border:1.5px solid #e8e8ee;border:1.5px solid var(--dww-border);border-radius:6px;border-radius:var(--dww-radius-sm);color:#1a1a2e;color:var(--dww-text);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--dww-transition);width:32px}.dww-page-btn:hover:not(:disabled){border-color:#739aff;border-color:var(--dww-blue);color:#739aff;color:var(--dww-blue)}.dww-page-btn.active{background:#739aff;background:var(--dww-blue);border-color:#739aff;border-color:var(--dww-blue);color:#fff}.dww-page-btn:disabled{cursor:not-allowed;opacity:.4}.dww-page-ellipsis{color:#888;color:var(--dww-text-muted);padding:0 4px}@media (max-width:768px){.dww-card{padding:18px}.dww-run-card{width:calc(50% - 7px)}.dww-btn-container{flex-direction:column}.dww-toggle-btn{justify-content:center;width:100%}.dww-popup-box{padding:20px}}@media (max-width:480px){.dww-run-card{width:100%}.dww-timers-row{flex-direction:column}}.dww-page-items label,.dww-page-items select{margin:0!important;padding:0!important}.dashboard-container{width:100%}.dashboard-persona-toggle-bar{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:14px;box-shadow:inset 0 1px 3px #0000000d;display:flex;margin:0 auto 24px;max-width:680px;padding:5px;width:100%}.persona-toggle-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.88rem;font-weight:700;gap:8px;justify-content:center;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.persona-toggle-btn.active{background:#fff;box-shadow:0 4px 12px #00000014;color:#0f172a}.dashboard-title-section{align-items:center;display:flex;gap:10px;margin-bottom:24px}.dashboard-icon{font-size:22px}.dashboard-text{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;padding:20px}.stat-title{color:#718096;font-size:13px;font-weight:500;margin:0 0 8px}.stat-value{color:#1a202c;font-size:30px;font-weight:800;margin:0 0 6px}.stat-sub{color:#a0aec0;font-size:12px;margin:0}.action-card,.announcement-card,.welcome-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:18px;padding:22px 24px}.card-label{color:#2d3748;font-size:.95rem;font-weight:700;margin:0 0 14px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:600;padding:9px 18px;transition:opacity .2s}.btn:hover{opacity:.88}.btn-primary{background-color:#00a3ff;color:#fff}.btn-outline{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.welcome-desc{color:#4a5568;font-size:.9rem;line-height:1.7;margin:0 0 12px}.footer-credit{color:#a0aec0;font-size:11px;margin:0}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.dashboard-flex-row{display:flex;gap:18px;margin-bottom:18px}.dashboard-flex-row>div{flex:1 1}.dashboard-container .announcement-card,.dashboard-container .celebration-card,.dashboard-container .checkins-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:350px!important;margin-top:0!important;padding:22px 24px}.announcement-content-wrapper,.celebration-content-wrapper,.checkins-table-wrapper{flex:1 1;overflow-y:auto}.checkins-table-wrapper{overflow-x:auto}.checkins-table{border-collapse:collapse;font-size:.85rem;width:100%}.checkins-table td,.checkins-table th{border-bottom:1px solid #edf2f7;padding:10px 12px;text-align:center}.checkins-table td.emp-name,.checkins-table th:first-child{text-align:left}.checkins-table th{background:#fff;color:#718096;font-weight:600;position:sticky;top:0;z-index:10}.checkins-table td.emp-name{color:#2d3748;font-weight:500}.checkins-table td.time-col{font-weight:600}.status-badge{border-radius:9999px;font-size:.75rem;padding:3px 8px}.status-absent{background-color:#fee2e2;color:#ef4444}.status-checkedin{background-color:#dbeafe;color:#2563eb}.status-completed{background-color:#dcfce7;color:#16a34a}.status-present{background-color:#fef9c3;color:#ca8a04}.loading-text,.no-data-text{color:#718096;font-size:.85rem;font-style:italic;margin:10px 0}@media (max-width:900px){.dashboard-flex-row{flex-direction:column}}.emp-checkin-widget{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffffb3,#f0f4ffcc);border:1px solid #13c6df33;border-radius:16px;box-shadow:0 4px 20px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:16px 20px}.emp-checkin-header{align-items:center;display:flex;gap:12px}.emp-checkin-icon{background:#13c6df1a;border-radius:12px;font-size:1.5rem;padding:8px}.emp-checkin-title-block h3{color:#1a202c;font-size:1.1rem;font-weight:700;margin:0}.emp-checkin-title-block p{color:#718096;font-size:.8rem;margin:2px 0 0}.emp-checkin-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.emp-checkin-time-box{display:flex;flex-direction:column;gap:4px}.time-box-label{color:#718096;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.time-box-val{color:#1a202c;font-size:1.15rem;font-weight:700}.time-box-val.checkin{color:#16a34a}.time-box-val.checkout{color:#ea580c}.emp-checkin-actions{align-items:center;display:flex}.checkin-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:10px 24px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.btn-checkin{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #16a34a40;color:#fff}.btn-checkin:hover{box-shadow:0 6px 18px #16a34a66;transform:translateY(-2px)}.btn-checkout{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #ea580c40;color:#fff}.btn-checkout:hover{box-shadow:0 6px 18px #ea580c66;transform:translateY(-2px)}.btn-disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed}.checkin-error-msg{background:#ef44440d;border-left:3px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.8rem;font-weight:600;margin:0;padding:6px 12px}.checkins-table td.actions-col{padding:6px 12px;text-align:center}.recheckin-btn{align-items:center;background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:4px 8px;transition:all .15s ease}.recheckin-btn:hover{background:#3182ce;border-color:#3182ce;color:#fff}.no-actions{color:#a0aec0;font-size:.8rem}.celebration-content:before{animation:float-celebration 3s ease-in-out infinite}.celebration-content:after{animation:float-celebration 4s ease-in-out infinite alternate}@keyframes float-celebration{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-4px) rotate(10deg)}}.top-performer-card{background:linear-gradient(135deg,#1e1b4b,#312e81 60%,#4338ca);border:2px solid #c8e3ee;border-radius:16px;box-shadow:0 12px 28px #312e814d,0 0 20px #f59e0b59;box-sizing:border-box;color:#fff;display:flex;flex:1 1;flex-direction:column;height:350px!important;justify-content:space-between;min-width:320px;overflow:hidden;padding:20px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.top-performer-card:hover{box-shadow:0 16px 36px #312e8166,0 0 26px #f59e0b8c;transform:translateY(-3px)}.top-performer-header{align-items:center;border-bottom:1px solid #ffffff2e;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.top-performer-tag{align-items:center;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:24px;box-shadow:0 3px 10px #f59e0b73;color:#0f172a;display:flex;font-size:.85rem;font-weight:800;gap:8px;letter-spacing:.6px;padding:6px 16px;text-transform:uppercase}.top-performer-tag .trophy-icon{font-size:1.8rem;line-height:1}.top-performer-gif{border:1.5px solid #f59e0b99;border-radius:10px;box-shadow:0 4px 12px #0000004d;height:75px;max-width:140px;object-fit:cover}.top-performer-body{align-items:center;display:flex;flex:1 1;gap:22px}.top-performer-avatar-wrapper{flex-shrink:0;position:relative}.top-performer-avatar{border:4px solid #38bdf8;border-radius:50%;box-shadow:0 0 20px #f59e0bb3;cursor:pointer;height:110px;object-fit:cover;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);width:110px}.top-performer-avatar:hover{transform:scale(1.08)}.top-performer-avatar-wrapper .star-badge{bottom:0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));font-size:2.2rem;position:absolute;right:0}.top-performer-info{flex:1 1}.top-performer-name{color:#fef08a;font-size:1.45rem;font-weight:800;letter-spacing:.4px;margin:0 0 8px;text-shadow:0 2px 6px #0006}.top-performer-purpose{color:#e0e7ff;font-size:1rem;font-weight:500;line-height:1.5;margin:0}.user-mgmt-container{width:100%}.mgmt-header{justify-content:space-between;margin-bottom:20px}.header-left,.mgmt-header{align-items:center;display:flex}.header-left{gap:10px}.mgmt-icon{font-size:22px}.mgmt-header h2{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.add-user-btn{background-color:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:10px 22px;transition:opacity .2s}.add-user-btn:hover{opacity:.88}.table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;height:calc(100vh - 250px);min-height:200px}.user-table{border-collapse:collapse;font-size:13px;min-width:900px;text-align:center;width:100%}.user-table th{background-color:#f8fafc;border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;letter-spacing:.3px;position:sticky;top:0;white-space:nowrap;z-index:10}.user-table td,.user-table th{padding:18px 15px;text-align:center}.user-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;vertical-align:middle}.user-table td.td-name,.user-table th.th-name{padding-left:45px!important;text-align:left}.user-table td.td-role,.user-table th.th-role{text-align:center!important}.user-table td.user-code-col{color:#1e3a8a;font-family:monospace;font-size:.9rem;font-weight:700}.user-table tbody tr:last-child td{border-bottom:none}.user-table tbody tr:hover{background-color:#f8fafc}.avatar-circle{align-items:center;background-color:#e2e8f0;border-radius:50%;color:#4a5568;display:flex;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.role-badge{border-radius:4px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.role-badge.executive{background:#e0e7ff;color:#4338ca}.role-badge.manager{background:#dcfce7;color:#15803d}.role-badge.admin{background:#fee2e2;color:#b91c1c}.role-badge.team-leader{background:#f3e8ff;color:#6b21a8}.role-badge.viewer{background:#f1f5f9;color:#475569}.status-badge{text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#b91c1c}.status-badge.relieved{background:#dbeafe;color:#1e40af}.status-badge.long-leave{background:#fef3c7;color:#92400e}.status-badge.abscond{background:#991b1b;color:#fff}.top-performer{background:#fef3c7;border-radius:4px;color:#92400e;font-size:11px;font-weight:700;padding:3px 8px}.action-dropdown{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;min-width:160px;outline:none;padding:8px 12px;transition:background .15s,border-color .15s}.action-dropdown:hover{background:#f1f5f9;border-color:#cbd5e0}.action-dropdown:focus{background:#f1f5f9;border-color:#00a3ff}.modal-box{max-width:560px}.modal-actions.centered{justify-content:center}.btn-primary-modal{background:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 20px;transition:opacity .18s}.btn-primary-modal:hover{opacity:.88}.btn-danger-modal{border-radius:6px;padding:8px 24px}.assign-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.assign-col{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.assign-col-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;display:flex;font-size:.88rem;font-weight:700;gap:8px;padding:10px 14px}.assign-col-icon{font-size:1rem}.assign-list{max-height:240px;overflow-y:auto;padding:8px 4px}.assign-check{align-items:center;border-radius:4px;color:#4a5568;cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:6px 12px;transition:background .15s}.assign-check:hover{background:#f1f5f9}.assign-check input{accent-color:#00a3ff;cursor:pointer}.assign-check.select-all{border-bottom:1px solid #edf2f7;color:#2d3748;font-weight:700;margin-bottom:4px;padding-bottom:8px}.assign-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#744210;font-size:.78rem;line-height:1.5;margin:14px 0 0;padding:8px 12px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px}.form-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.form-input:focus{border-color:#00a3ff}.pwd-input-wrap{align-items:center;display:flex;position:relative}.pwd-input-wrap .form-input{padding-right:40px!important}.pwd-toggle-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;line-height:1;padding:0;position:absolute;right:10px;transition:color .15s;-webkit-user-select:none;user-select:none}.pwd-toggle-btn:hover{color:#475569}.form-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;cursor:pointer;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.form-select:focus{border-color:#00a3ff}.form-hint{margin:5px 0 0}.form-error{margin:-8px 0 12px}.file-input{cursor:pointer}.form-check-group{margin-bottom:14px}.check-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px}.check-label input{accent-color:#00a3ff;cursor:pointer}.impersonate-info{display:flex;flex-direction:column;gap:12px}.impersonate-label{color:#4a5568;font-size:.88rem;margin:0}.impersonate-user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:12px 16px}.impersonate-user-card strong{color:#1a202c;font-size:.95rem}.impersonate-user-card span{color:#718096;font-size:.8rem}.impersonate-warning{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#744210;font-size:.8rem;line-height:1.5;padding:10px 14px}.delete-modal{padding:8px 0;text-align:center}.delete-icon{font-size:2.5rem;margin-bottom:10px}.delete-msg{color:#4a5568;font-size:.9rem;line-height:1.6;margin:0 0 8px}.assign-list::-webkit-scrollbar{width:4px}.assign-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.user-mgmt-container .table-wrapper{height:calc(100vh - 250px)!important;min-height:200px!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.user-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}.att-container{display:flex;flex-direction:column;font-family:DM Sans,Segoe UI,sans-serif;gap:16px;width:100%}.att-page-header{align-items:center;display:flex;justify-content:space-between}.att-page-title{align-items:center;display:flex;gap:10px}.att-page-icon{font-size:22px}.att-page-title h2{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.att-header-actions{display:flex;gap:10px}.att-btn-add{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .18s}.att-btn-add:hover{opacity:.88}.att-btn-mark{background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .18s}.att-btn-mark:hover{opacity:.88}.att-controls{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:14px;padding:14px 18px}.att-date-selectors,.att-filters{display:flex;gap:8px}.att-select-ctrl{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a202c;cursor:pointer;font-family:inherit;font-size:.82rem;outline:none;padding:7px 12px;transition:border-color .18s}.att-select-ctrl:focus{border-color:#7c3aed}.att-filter-input{border:1px solid #e2e8f0;border-radius:6px;color:#1a202c;font-family:inherit;font-size:.82rem;min-width:180px;outline:none;padding:7px 12px;transition:border-color .18s}.att-filter-input:focus{border-color:#7c3aed}.att-view-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;margin-left:auto;padding:3px}.att-view-tab{background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:6px 16px;transition:all .18s;white-space:nowrap}.att-view-tab:hover{color:#2d3748}.att-view-tab.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#7c3aed}.att-info-bar{align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;color:#4a5568;display:flex;flex-wrap:wrap;font-size:.82rem;gap:20px;padding:10px 16px}.att-info-bar strong{color:#1a202c}.att-legend{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.att-legend-item{align-items:center;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:6px;transition:transform .18s ease}.att-legend-item:hover{transform:translateY(-1px)}.att-legend-dot{border-radius:50%;box-shadow:0 0 6px currentColor;flex-shrink:0;height:9px;transition:transform .18s ease,box-shadow .18s ease;width:9px}.att-legend-item:hover .att-legend-dot{box-shadow:0 0 10px currentColor,0 0 4px currentColor;transform:scale(1.25)}.att-table-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.att-section-title{align-items:center;background:#f8fafc;border-bottom:1px solid #edf2f7;color:#2d3748;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;margin:0;padding:14px 18px 12px}.att-overall-salary{align-items:center;background:linear-gradient(135deg,#7c3aed1f,#7c3aed0a);border:1.5px solid #7c3aed;border-radius:20px;box-shadow:0 0 12px #7c3aed26;color:#1e293b;display:inline-flex;font-family:inherit;font-size:.92rem;font-weight:600;gap:6px;padding:6px 16px}.att-overall-salary strong{color:#7c3aed;font-size:1.05rem;font-weight:800}.att-table-scroll{overflow-x:auto}.att-table-hint{background:#fafafa;border-top:1px solid #f1f5f9;color:#9ca3af;font-size:.75rem;padding:10px 16px}.att-table{border-collapse:collapse;font-size:12px;min-width:1100px;width:100%}.att-th-sticky{background:#1e293b;position:sticky;z-index:2}.att-th-sno{left:0;min-width:100px;width:100px}.att-th-name{left:80px;min-width:190px;width:190px}.att-th-cat{left:280px;min-width:120px;width:120px}.att-table th{background:#1e293b;border-right:1px solid #ffffff14;color:#e2e8f0;font-size:11.5px;font-weight:700;padding:8px 6px;text-align:center;white-space:nowrap}.att-th-day{min-width:38px;padding:4px 2px;width:38px}.att-th-day-inner{align-items:center;display:flex;flex-direction:column;gap:1px}.att-th-day-num{font-size:12px;font-weight:800}.att-th-day-name{color:#94a3b8;font-size:9px;font-weight:500}.att-th-sunday{background:#1a1a2e!important}.att-th-total{font-size:11px;min-width:36px;width:36px}.att-th-wages{background:#1d3461!important;min-width:60px;width:60px}.att-mark-row td{background:#f8fafc;border-bottom:1px solid #edf2f7;padding:4px 2px}.att-mark-label{background:#f8fafc;color:#718096;font-size:10px;font-weight:600;left:0;padding:4px 8px!important;position:sticky;text-align:left!important;z-index:2}.att-quick-btns{display:flex;gap:2px;justify-content:center;width:100%}.att-quick-select{appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#1a202c;cursor:pointer;font-size:10px;font-weight:600;height:22px;outline:none;padding:0 4px;text-align:center;text-align-last:center;transition:all .15s;width:100%}.att-quick-select:hover{background:#f8fafc;border-color:#cbd5e0}.att-quick-select:focus{border-color:#7c3aed}.att-table td{border-bottom:1px solid #f1f5f9;padding:4px;text-align:center;vertical-align:middle}.att-table tbody tr:hover{background:#f8f7ff}.att-td-cat,.att-td-name,.att-td-sno{background:#fff;position:sticky;z-index:1}.att-td-sno{color:#9ca3af;font-size:11px;left:0;min-width:90px;width:90px}.att-td-name{left:90px;text-align:center}.att-td-cat{left:280px}.att-table tbody tr:hover .att-td-cat,.att-table tbody tr:hover .att-td-name,.att-table tbody tr:hover .att-td-sno{background:#f8f7ff}.att-sunday-col{background:#64748b0d}.att-emp-name-btn{align-items:center;background:none;border:none;border-radius:4px;color:#1a202c;cursor:pointer;display:flex;font-family:inherit;font-size:12.5px;font-weight:600;gap:7px;justify-content:center;margin:0 auto;padding:2px 25px;transition:background .15s;white-space:nowrap}.att-emp-name-btn:hover{background:#ede9fe;color:#7c3aed}.att-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#13c6df);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.att-avatar.sm{font-size:10px;height:22px;width:22px}.att-cat-badge{background:#f1f5f9;border-radius:20px;color:#475569;display:inline-block;font-size:10.5px;font-weight:600;padding:2px 8px;white-space:nowrap}.att-cat-management{background:#fef3c7;color:#92400e}.att-cat-admin{background:#fee2e2;color:#991b1b}.att-cat-vendor-management{background:#ccfbf1;color:#0f766e}.att-cat-senior-operator{background:#dcfce7;color:#166534}.att-cat-operator{background:#ffedd5;color:#c2410c}.att-cat-coordinator{background:#e0f2fe;color:#0369a1}.att-cat-executive{background:#f1f5f9;color:#475569}.att-cat-team-leader{background:#e0e7ff;color:#4338ca}.att-cat-manager{background:#fae8ff;color:#86198f}.att-cell{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;display:flex;font-family:inherit;font-size:10.5px;font-weight:700;height:26px;justify-content:center;letter-spacing:0;margin:0 auto;padding:0;transition:all .15s;width:30px}.att-cell:hover:not(:disabled){box-shadow:0 2px 6px #0000001f;transform:scale(1.1)}.att-cell:disabled{cursor:default;opacity:.6}.att-cell-p{background:#dcfce7!important;box-shadow:0 0 5px #16a34a59;transition:transform .15s,box-shadow .15s}.att-cell-p:hover:not(:disabled){box-shadow:0 0 10px #16a34a99!important}.att-cell-a{background:#fee2e2!important;box-shadow:0 0 5px #dc262659;transition:transform .15s,box-shadow .15s}.att-cell-a:hover:not(:disabled){box-shadow:0 0 10px #dc262699!important}.att-cell-h{background:#fef9c3!important;box-shadow:0 0 5px #d9770659;transition:transform .15s,box-shadow .15s}.att-cell-h:hover:not(:disabled){box-shadow:0 0 10px #d9770699!important}.att-cell-ph{background:#ede9fe!important;box-shadow:0 0 5px #7c3aed59;transition:transform .15s,box-shadow .15s}.att-cell-ph:hover:not(:disabled){box-shadow:0 0 10px #7c3aed99!important}.att-cell-wo{background:#f1f5f9!important;border-color:#e2e8f0!important;box-shadow:0 0 4px #64748b33;color:#94a3b8!important;transition:transform .15s,box-shadow .15s}.att-cell-wo:hover:not(:disabled){box-shadow:0 0 8px #64748b73!important}.att-cell-empty{border-color:#f1f5f9!important;color:#cbd5e0!important;transition:transform .15s,box-shadow .15s}.att-cell-empty:hover:not(:disabled){box-shadow:0 0 8px #cbd5e073!important}.att-td-total{font-size:12px;font-weight:700}.att-td-p{color:#16a34a}.att-td-a{color:#dc2626}.att-td-h{color:#d97706}.att-td-ph{color:#7c3aed}.att-td-wages{background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:800}.att-summary-table{border-collapse:collapse;font-size:13px;min-width:1700px;width:100%}.att-summary-table td.att-sum-sticky-id,.att-summary-table th.att-sum-sticky-id{left:0;max-width:120px;min-width:120px;position:sticky;width:120px}.att-summary-table td.att-sum-sticky-emp,.att-summary-table th.att-sum-sticky-emp{left:80px;max-width:180px;min-width:180px;position:sticky;width:180px}.att-summary-table td.att-sum-sticky-role,.att-summary-table th.att-sum-sticky-role{left:270px;max-width:130px;min-width:130px;position:sticky;width:130px}.att-summary-table td.att-sum-sticky-gpay,.att-summary-table th.att-sum-sticky-gpay{left:400px;max-width:130px;min-width:130px;position:sticky;width:130px}.att-summary-table td.att-sum-sticky-salary,.att-summary-table th.att-sum-sticky-salary{left:530px;max-width:160px;min-width:160px;position:sticky;width:160px}.att-summary-table th.att-sum-sticky-emp,.att-summary-table th.att-sum-sticky-gpay,.att-summary-table th.att-sum-sticky-id,.att-summary-table th.att-sum-sticky-role,.att-summary-table th.att-sum-sticky-salary{background:#f8fafc!important;z-index:3}.att-summary-table td.att-sum-sticky-emp,.att-summary-table td.att-sum-sticky-gpay,.att-summary-table td.att-sum-sticky-id,.att-summary-table td.att-sum-sticky-role,.att-summary-table td.att-sum-sticky-salary{background:#fff;z-index:1}.att-summary-table td.att-sum-sticky-salary,.att-summary-table th.att-sum-sticky-salary{border-right:2px solid #cbd5e1!important}.att-summary-table td.att-sum-sticky-salary:after,.att-summary-table th.att-sum-sticky-salary:after{background:linear-gradient(90deg,#00000014,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:-6px;top:0;width:6px}.att-summary-table tbody tr.att-row-hidden td.att-sum-sticky-emp,.att-summary-table tbody tr.att-row-hidden td.att-sum-sticky-gpay,.att-summary-table tbody tr.att-row-hidden td.att-sum-sticky-id,.att-summary-table tbody tr.att-row-hidden td.att-sum-sticky-role,.att-summary-table tbody tr.att-row-hidden td.att-sum-sticky-salary,.att-summary-table tbody tr:hover td.att-sum-sticky-emp,.att-summary-table tbody tr:hover td.att-sum-sticky-gpay,.att-summary-table tbody tr:hover td.att-sum-sticky-id,.att-summary-table tbody tr:hover td.att-sum-sticky-role,.att-summary-table tbody tr:hover td.att-sum-sticky-salary{background:#f8fafc}.att-summary-table td:nth-child(6),.att-summary-table th:nth-child(6){min-width:140px;width:140px}.att-summary-table th{background:#f8fafc;border-bottom:1px solid #edf2f7;color:#475569;font-weight:700;padding:12px 14px;text-align:center;white-space:nowrap}.att-summary-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;padding:10px 14px;text-align:center;vertical-align:middle}.att-summary-table tbody tr:last-child td{border-bottom:none}.att-summary-table tbody tr:hover{background:#f8fafc}.att-summary-input{border:1px solid #cbd5e1;color:#1e293b;font-family:inherit;font-size:12px;text-align:right;transition:all .15s}.att-summary-input:focus{box-shadow:0 0 0 2px #7c3aed26}.att-summary-input::-webkit-inner-spin-button,.att-summary-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.att-summary-select{border:1px solid #cbd5e1;font-family:inherit;font-weight:700}.att-summary-select.status-pending{background:#e53e3e;color:#fff}.att-text-green{color:#16a34a;font-weight:700}.att-text-red{color:#dc2626;font-weight:700}.att-text-amber{color:#d97706;font-weight:700}.att-text-purple{color:#7c3aed;font-weight:700}.att-text-blue{color:#2563eb;font-weight:700}.att-emp-cell{color:#1a202c;font-weight:600;justify-content:center}.att-emp-cell,.att-pct-inline{align-items:center;display:flex;gap:8px}.att-pct-track{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;min-width:80px;overflow:hidden}.att-pct-track.sm{height:6px}.att-pct-fill{border-radius:4px;height:100%;transition:width .4s ease}.att-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px}.att-status-badge.good{background:#dcfce7;color:#15803d}.att-status-badge.warn{background:#fef3c7;color:#92400e}.att-status-badge.poor{background:#fee2e2;color:#b91c1c}.att-yearly-months{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);padding:18px}.att-month-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:14px 12px;text-align:center;transition:all .18s}.att-month-card:hover{background:#ede9fe;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed26;transform:translateY(-2px)}.att-month-card.current{background:#ede9fe;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed33}.att-month-name{color:#374151;font-size:.82rem;font-weight:700;margin-bottom:4px}.att-month-wd{color:#9ca3af;font-size:.72rem;margin-bottom:6px}.att-month-pct{font-size:1.1rem;font-weight:800}.att-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.att-modal-box{animation:att-modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:88vh;max-width:460px;overflow-y:auto;padding:28px 30px 24px;width:100%}.att-modal-box.att-modal-wide{max-width:560px}@keyframes att-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.att-modal-title{color:#1a202c;font-size:1.05rem;font-weight:700;margin:0 0 4px}.att-modal-sub{color:#718096;font-size:.8rem;margin:0 0 18px}.att-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.att-detail-card{border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px 12px;text-align:center}.att-detail-card.green{background:#dcfce7}.att-detail-card.red{background:#fee2e2}.att-detail-card.amber{background:#fef3c7}.att-detail-card.purple{background:#ede9fe}.att-detail-card.blue{background:#dbeafe}.att-detail-card.teal{background:#ccfbf1}.att-detail-val{color:#1a202c;font-size:1.6rem;font-weight:800;line-height:1}.att-detail-lbl{color:#4a5568;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.att-pct-bar-wrap{margin-bottom:8px}.att-pct-label{color:#374151;font-size:.8rem;font-weight:700;margin-bottom:5px}.att-form-group{margin-bottom:14px}.att-form-group label{color:#374151;display:block;font-size:.8rem;font-weight:600;margin-bottom:5px}.att-req{color:#e53e3e}.att-input,.att-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.84rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.att-input:focus,.att-select:focus{border-color:#7c3aed}.att-input-with-icon{align-items:center;display:flex;position:relative}.att-input-icon{color:#718096;font-size:.9rem;font-weight:600;left:12px;position:absolute}.att-input-icon-padded{padding-left:28px}.att-modal-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:14px}.att-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.att-btn-cancel:hover{background:#e2e8f0}.att-btn-primary{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.att-btn-primary:hover{opacity:.88}.att-table-scroll::-webkit-scrollbar{height:6px}.att-table-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.att-modal-box::-webkit-scrollbar{width:5px}.att-modal-box::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}@media (max-width:1100px){.att-yearly-months{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.att-controls{align-items:stretch;flex-direction:column}.att-view-tabs{margin-left:0}.att-yearly-months{grid-template-columns:repeat(3,1fr)}.att-detail-grid{grid-template-columns:repeat(2,1fr)}}.att-summary-table td,.att-summary-table th{border-right:1px solid #edf2f7}.att-summary-table td:last-child,.att-summary-table th:last-child{border-right:none}.att-summary-input{border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;color:#1a202c;font-size:11.5px;outline:none;padding:4px 6px;text-align:center;transition:border-color .15s;width:75px}.att-summary-input:focus{border-color:#7c3aed}.att-summary-select{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:11.5px;font-weight:600;outline:none;padding:4px 8px;text-align:center;transition:all .15s}.att-summary-select.status-credited{background:#dcfce7;border-color:#bbf7d0;color:#16a34a}.att-summary-select.status-pending{background:#fef3c7;border-color:#fde68a;color:#d97706}.att-summary-select.status-wip{background:#dbeafe;border-color:#bfdbfe;color:#2563eb}.att-actions-cell{display:flex;gap:6px}.att-action-btn,.att-actions-cell{align-items:center;justify-content:center}.att-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;padding:6px 8px;transition:all .15s ease}.att-action-btn:hover{background:#f1f5f9;transform:scale(1.1)}.att-action-btn.edit:hover{background:#e0e7ff;color:#4f46e5}.att-action-btn.hide:hover{background:#f1f5f9;color:#475569}.att-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.att-row-hidden{background-color:#f8fafc;opacity:.55}.att-row-hidden td{color:#94a3b8}.att-checkbox-label{align-items:center;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;margin-left:8px;-webkit-user-select:none;user-select:none}.att-checkbox-label input{accent-color:#7c3aed;cursor:pointer;height:15px;width:15px}.att-top-scroll-wrapper{background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;height:8px;overflow-x:auto;overflow-y:hidden;width:100%}.att-top-scroll-wrapper::-webkit-scrollbar{height:5px}.att-top-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.att-table th{background-color:#1e293b!important;color:#e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}.pm-wrapper{width:100%}.pm-header{justify-content:space-between;margin-bottom:20px}.pm-header,.pm-title{align-items:center;display:flex}.pm-title{gap:10px}.pm-folder-icon{display:block;flex-shrink:0;font-size:22px}.pm-title h1{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.btn-add-project{background-color:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .2s}.btn-add-project:hover{opacity:.88}.pm-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.pm-table{min-width:820px;text-align:center}.pm-table thead tr{background-color:#f8fafc}.pm-table thead th{border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;letter-spacing:0;padding:14px 15px;text-align:center;text-transform:none;white-space:nowrap}.pm-row{border-bottom:1px solid #f1f5f9;transition:background .12s ease}.pm-row:last-child{border-bottom:none}.pm-row:hover{background-color:#f8fafc}.pm-table tbody td{color:#4a5568;font-size:13px;padding:11px 15px;vertical-align:middle}.pm-name{color:#2d3748!important;font-weight:600}.pm-client,.pm-rate{color:#4a5568!important;font-weight:500}.pm-empty{color:#a0aec0!important;padding:48px!important}.badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.badge--billing{background:#e0e7ff;color:#4338ca}.badge--simple{background:#e0f2fe;color:#0369a1}.badge--medium{background:#fef3c7;color:#92400e}.badge--complex{background:#fce7f3;color:#9d174d}.badge--high-complex{background:#fee2e2;color:#b91c1c}.badge--active{color:#38a169}.badge--active,.badge--inactive{background:none;font-weight:600;padding:0}.badge--inactive{color:#e53e3e}.action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:15px;line-height:1;padding:4px 6px;transition:background .15s,transform .15s}.action-btn:hover{background:#f1f5f9;transform:scale(1.15)}.pm-pagination{color:#a0aec0;font-size:12px;padding:14px 16px 6px}.pm-pagination-left{align-items:center;display:flex;gap:8px}.pm-pagination-left label{color:#718096;font-size:13px;font-weight:500}.pm-pagination-left select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;outline:none;padding:4px 10px}.pm-pagination-right{align-items:center;display:flex;gap:10px}.modal{animation:modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:88vh;max-width:520px;overflow-y:auto;padding:28px 30px 24px;width:100%}.modal--confirm{max-width:420px;text-align:center}.modal-title{font-size:1.1rem;margin:0 0 20px}.confirm-icon{font-size:2.5rem;margin-bottom:10px}.confirm-text{color:#4a5568;font-size:.9rem;line-height:1.6;margin:0 0 8px}.form-body{display:flex;flex-direction:column;gap:16px}.form-body,.form-group{margin-bottom:0}.form-group--checkbox{align-items:center;flex-direction:row}.form-label{font-size:.82rem}.required{color:#e53e3e}.optional{color:#a0aec0;font-weight:400}.form-input,.form-select,.form-textarea{font-size:.85rem}.form-input--error{border-color:#e53e3e!important}.form-textarea{min-height:72px}.form-hint{color:#718096;font-size:.75rem;line-height:1.4}.form-error{font-size:.78rem}.checkbox-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#00a3ff;cursor:pointer;height:16px;width:16px}.modal-actions{margin-top:22px}.modal--confirm .modal-actions{justify-content:center}.btn-cancel{border-radius:6px;padding:8px 20px}.btn-submit{background:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:8px 20px;transition:opacity .18s}.btn-submit:hover{opacity:.88}.btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:8px 24px;transition:opacity .18s}.btn-danger:hover{opacity:.88}.modal::-webkit-scrollbar{width:5px}.modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}@media (max-width:768px){.pm-table tbody td:nth-child(2),.pm-table thead th:nth-child(2){display:none}.modal{margin:12px;padding:24px 18px 20px}}.pm-actions{align-items:center;display:flex;gap:6px;justify-content:center}.billing-type-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:500;min-width:130px;outline:none;padding:7px 32px 7px 12px;transition:all .18s ease}.billing-type-select:hover{background-color:#f8fafc;border-color:#cbd5e1}.billing-type-select:focus{background-color:#fff;border-color:#00a3ff;box-shadow:0 0 0 3px #00a3ff1f}.billing-type-select option{background:#fff;color:#2d3748;font-size:.82rem}.targets-container{box-sizing:border-box;color:#334155;font-family:Inter,-apple-system,sans-serif;width:100%}.targets-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.targets-title-block{align-items:center;display:flex;gap:14px}.targets-icon-glow{background:radial-gradient(circle,#14b8a626 0,#14b8a600 70%);border-radius:50%;font-size:26px;padding:8px}.gradient-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#0d9488);-webkit-background-clip:text;font-size:1.4rem;font-weight:800;margin:0 0 4px}.subtitle{color:#64748b;font-size:.85rem;margin:0}.period-navigation-widget{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 10px #00000005;display:flex;padding:4px 8px}.period-nav-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.period-nav-btn:hover{background:#f1f5f9;color:#1e293b}.period-display{align-items:center;color:#1e293b;display:flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;min-width:140px;padding:0 16px}.calendar-icon{color:#0d9488}.metrics-summary-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.metric-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000005;overflow:hidden;padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.metric-summary-card:hover{box-shadow:0 8px 20px #0000000d;transform:translateY(-2px)}.card-top{gap:8px;margin-bottom:12px}.card-icon,.card-top{align-items:center;display:flex}.card-icon{border-radius:8px;justify-content:center;padding:6px}.card-blue .card-icon{background:#eff6ff;color:#3b82f6}.card-emerald .card-icon{background:#ecfdf5;color:#10b981}.card-rose .card-icon{background:#fff5f5;color:#ef4444}.card-purple .card-icon{background:#f0fdfa;color:#0d9488}.card-title{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-value{align-items:baseline;color:#1e293b;display:flex;font-size:1.6rem;font-weight:800;gap:4px;margin:0 0 6px}.value-separator{color:#cbd5e1;font-size:1.2rem;font-weight:400}.card-sub{color:#64748b;font-size:.78rem;margin:0}.targets-toolbar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000005;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px;padding:12px 16px}.search-box-wrapper{flex:1 1;max-width:400px;min-width:280px;position:relative}.search-icon-inside{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-field{border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;outline:none;padding:8px 12px 8px 36px;transition:all .2s;width:100%}.search-input-field:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.filter-button-group{display:flex;gap:6px}.filter-tab-btn{background:none;border:1px solid #0000;border-radius:20px;color:#64748b;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .2s}.filter-tab-btn:hover{background:#f8fafc;color:#1e293b}.filter-tab-btn.active{background:#0d9488;border-color:#0d9488;color:#fff}.projects-governance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:40px}.project-governed-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #00000005;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:22px;position:relative;transition:all .2s}.project-governed-card:hover{box-shadow:0 10px 25px #0000000d;transform:translateY(-3px)}.glowing-card-emerald{background:linear-gradient(180deg,#fff 80%,#f0fdf4);border-color:#10b981}.card-inactive{opacity:.65}.card-project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header-client-block{text-align:left}.card-header-project-block{align-items:center;display:flex;gap:8px;text-align:right}.project-card-name{background-color:#475569;border:none;border-radius:6px;color:#fff;display:inline-block;font-size:1.05rem;font-weight:900;margin:0;padding:6px 12px;text-align:right;transition:all .2s}.glowing-card-emerald .project-card-name{background-color:#047857;color:#fff}.project-client-sub{background-color:#0d9488;border:none;border-radius:6px;color:#fff;display:inline-block;font-size:.88rem;font-weight:800;letter-spacing:.5px;padding:6px 12px;text-align:left;text-transform:uppercase;transition:all .2s}.glowing-card-emerald .project-client-sub{background-color:#059669;color:#fff}.header-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.badge-complexity{border-radius:6px;font-size:.7rem;font-weight:700;padding:3px 8px;text-transform:uppercase}.badge-complexity.simple{background:#f0fdf4;color:#166534}.badge-complexity.medium{background:#fefbeb;color:#92400e}.badge-complexity.complex{background:#fff1f2;color:#9f1239}.badge-complexity.heavy-complex{background:#fdf4ff;color:#a21caf}.badge-inactive-state{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.65rem;font-weight:700;padding:2px 6px}.project-progress-container{margin-bottom:22px}.progress-labels{color:#475569;display:flex;font-size:.78rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.progress-track-bar{background:#e2e8f0;border-radius:6px;height:12px;overflow:hidden;position:relative}.progress-track-bar.unset{align-items:center;background:#f1f5f9;border:1px dashed #cbd5e1;display:flex;justify-content:center}.unset-hint{color:#94a3b8;font-size:.7rem;font-weight:500}.progress-fill-bar{align-items:center;border-radius:6px;display:flex;height:100%;justify-content:flex-end;transition:width .4s cubic-bezier(.1,.8,.25,1)}.progress-value-tooltip{color:#fff;font-size:.65rem;font-weight:700;padding-right:6px;white-space:nowrap}.progress-emerald{background:linear-gradient(90deg,#10b981,#059669)}.progress-indigo{background:linear-gradient(90deg,#14b8a6,#0d9488)!important;box-shadow:0 0 10px #0d94884d!important}.progress-amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-rose{background:linear-gradient(90deg,#f43f5e,#e11d48)}.weekly-visual-breakdown{background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid #99f6e4;border-radius:12px;box-shadow:inset 0 2px 4px #ffffffe6,0 4px 12px #0d948808;margin-bottom:18px;padding:14px 16px}.breakdown-title{color:#0f766e;font-size:.76rem;font-weight:800;letter-spacing:.2px;margin:0 0 12px;text-transform:uppercase}.weeks-track-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.week-track-node{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 5px #00000005;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:8px 4px;transition:all .25s cubic-bezier(.4,0,.2,1)}.week-track-node:hover{transform:translateY(-3px) scale(1.04)}.week-track-node.no-target{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.week-track-node.no-target:hover{border-color:#94a3b8;box-shadow:0 4px 12px #94a3b826}.week-track-node.week-node-met{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;box-shadow:0 2px 6px #10b98114}.week-track-node.week-node-met:hover{border-color:#22c55e;box-shadow:0 6px 16px #10b98138}.week-track-node.has-target:not(.week-node-met){background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fca5a5;box-shadow:0 2px 6px #f43f5e14}.week-track-node.has-target:not(.week-node-met):hover{border-color:#f43f5e;box-shadow:0 6px 16px #f43f5e38}.week-label{font-size:.65rem;font-weight:800;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.week-label,.week-track-node.no-target .week-label{color:#64748b}.week-node-met .week-label{color:#166534}.week-track-node.has-target:not(.week-node-met) .week-label{color:#9f1239}.week-range-text{color:#64748b;display:block;font-size:.62rem;font-weight:600;margin-bottom:4px;text-align:center}.week-node-met .week-range-text{color:#166534;opacity:.8}.week-track-node.has-target:not(.week-node-met) .week-range-text{color:#9f1239;opacity:.8}.week-actual{font-size:.85rem;font-weight:900}.week-actual,.week-track-node.no-target .week-actual{color:#334155}.week-node-met .week-actual{color:#14532d}.week-track-node.has-target:not(.week-node-met) .week-actual{color:#881337}.week-target-divider{height:1px;margin:3px 0;width:14px}.week-target-divider,.week-track-node.no-target .week-target-divider{background-color:#cbd5e1}.week-node-met .week-target-divider{background-color:#a7f3d0}.week-track-node.has-target:not(.week-node-met) .week-target-divider{background-color:#fecdd3}.week-target-val{color:#64748b;font-size:.68rem;font-weight:700}.week-track-node.no-target .week-target-val{color:#94a3b8}.week-node-met .week-target-val{color:#166534;opacity:.8}.week-track-node.has-target:not(.week-node-met) .week-target-val{color:#b3113f;opacity:.8}.card-footer-analytics{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.mini-status-badges{display:flex;gap:6px}.mini-badge{align-items:center;border-radius:6px;display:flex;font-size:.7rem;font-weight:700;gap:3px;padding:3px 6px}.badge-pending{background:#f1f5f9;color:#475569}.badge-progress{background:#eff6ff;color:#2563eb}.badge-hold{background:#fff7ed;color:#ea580c}.edit-targets-action-btn{align-items:center;background:none;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.72rem;font-weight:700;gap:4px;padding:6px 10px;transition:all .2s}.edit-targets-action-btn:hover{background:#f0fdfa;border-color:#0d9488;color:#0d9488}.dashboard-loading-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loader-element{animation:spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#0d9488;height:32px;margin-bottom:16px;width:32px}.dashboard-empty-wrapper,.dashboard-error-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:60px 20px;text-align:center}.error-icon{color:#ef4444;margin-bottom:12px}.empty-icon{color:#94a3b8;margin-bottom:12px}.retry-btn{background:#0d9488;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;margin-top:12px;padding:8px 18px}.target-modal-overlay{align-items:center;animation:fadeIn .18s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2100}.target-modal-content{animation:slideIn .22s cubic-bezier(.1,.8,.25,1);background:#fff;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;max-height:92vh;max-width:720px;overflow-y:auto;padding:28px 30px;width:100%}.modal-header-block{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:14px;margin-bottom:20px;padding-bottom:16px}.header-icon-wrapper{background:#f0fdfa;border-radius:10px;color:#0d9488;padding:8px}.modal-headline{color:#0f172a;font-size:1.1rem;font-weight:800;margin:0 0 3px}.modal-sub{color:#64748b;font-size:.8rem;font-weight:500;margin:0}.target-form-wrapper{display:flex;flex-direction:column}.target-form-main-row{display:flex;gap:28px;margin-bottom:24px}.target-form-left-col{display:flex;flex:1 1 260px;flex-direction:column;gap:18px;min-width:240px}.form-group-block{display:flex;flex-direction:column;gap:6px}.input-label,.input-label-tag{color:#475569;font-size:.82rem;font-weight:700}.modal-select-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.88rem;outline:none;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.modal-select-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.modal-number-input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.88rem;outline:none;padding:8px 12px;width:100%}.modal-number-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.large-input{font-size:1.1rem;font-weight:700;padding:10px 14px}.distribute-toggle-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:14px}.distribute-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.distribute-checkbox-label input[type=checkbox]{display:none}.custom-checkbox-ui{border:2px solid #cbd5e1;border-radius:4px;display:inline-block;flex-shrink:0;height:16px;margin-top:2px;position:relative;transition:all .15s;width:16px}.distribute-checkbox-label input[type=checkbox]:checked+.custom-checkbox-ui{background:#0d9488;border-color:#0d9488}.distribute-checkbox-label input[type=checkbox]:checked+.custom-checkbox-ui:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:7px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:3px}.checkbox-text{display:flex;flex-direction:column;gap:2px}.cb-title{color:#1e293b;font-size:.82rem;font-weight:700}.cb-desc{color:#64748b;font-size:.72rem;line-height:1.3}.target-form-right-col{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:12px;display:flex;flex:3 1;flex-direction:column;padding:16px 20px}.weekly-fields-headline{color:#0f766e;font-size:.82rem;font-weight:700;margin:0 0 16px}.weekly-inputs-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.form-group-block-mini{display:flex;flex-direction:column;gap:5px;text-align:center}.mini-input-label{color:#0f766e;font-size:.7rem;font-weight:700}.mini-input{border-color:#5eead4;font-size:.8rem;font-weight:700;padding:6px;text-align:center}.mini-input:disabled{background:#f0fdfa;border-color:#ccfbf1;color:#14b8a6;cursor:not-allowed}.auto-distribution-hint-box{align-items:center;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;color:#0f766e;display:flex;font-size:.7rem;font-weight:600;gap:6px;margin-top:auto;padding:8px 10px}.sparkle-icon{flex-shrink:0}.modal-actions-wrapper{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.modal-btn-dismiss{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:700;padding:8px 18px;transition:background .15s}.modal-btn-dismiss:hover{background:#e2e8f0}.modal-btn-confirm{background:#0d9488;border-radius:8px;font-size:.8rem;padding:8px 20px;transition:opacity .15s}.modal-btn-confirm:hover{opacity:.9}.modal-btn-confirm:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.targets-header-section{align-items:flex-start;flex-direction:column}.targets-toolbar{align-items:stretch;flex-direction:column}.search-box-wrapper{max-width:none}.target-form-main-row{flex-direction:column;gap:20px}}.clickable-card{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.clickable-card:hover{border-color:#cbd5e1;box-shadow:0 12px 30px #0d948814;transform:translateY(-4px)}.clickable-card.glowing-card-emerald:hover{border-color:#10b981;box-shadow:0 12px 30px #10b9811f}.drawer-overlay{animation:drawerFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a4d;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:2200}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.drawer-container{animation:drawerSlideIn .28s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#f8fafc,#e0f2fe);box-shadow:-10px 0 40px #0f172a1f;display:flex;flex-direction:column;height:100vh;max-width:580px;transition:max-width .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes drawerSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{background:linear-gradient(135deg,#0a0a0a,#0d9488);border-bottom:1px solid #0d9488;padding:12px 28px;position:relative}.drawer-header,.drawer-title-section{align-items:center;display:flex;justify-content:space-between}.drawer-title-section{flex:1 1;flex-direction:row;padding-left:100px;padding-right:100px}.drawer-project-name{color:#fff;font-size:1.45rem;font-weight:900;margin:0;text-align:right;text-shadow:0 2px 4px #0000001a;text-transform:uppercase}.drawer-client-name{color:#ccfbf1;font-size:1.1rem;font-weight:800;letter-spacing:.8px;text-align:left;text-transform:uppercase}.wk-date-range{color:#64748b;font-size:.73rem;font-weight:500;margin-left:4px}.weekly-stat-row.status-met .wk-date-range{color:#0f766e;opacity:.85}.weekly-stat-row.status-behind .wk-date-range{color:#be123c;opacity:.85}.weekly-stat-row.status-unset .wk-date-range{color:#64748b;opacity:.8}.drawer-header-actions{align-items:center;display:flex;gap:8px;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.drawer-maximize-btn{align-items:center;background:#cfae1c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:32px;justify-content:center;transition:all .2s;width:32px}.drawer-maximize-btn:hover{background:#fafa08;color:red}.drawer-close-btn{align-items:center;background:#cd6666;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:32px;justify-content:center;transition:all .2s;width:32px}.drawer-close-btn:hover{background:#ef4444;color:#fff}.drawer-container.maximized{border-radius:0;max-width:100vw;width:100vw}.drawer-error,.drawer-loading{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.drawer-error{color:#ef4444;font-weight:600}.drawer-body,.single-page-drawer{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.drawer-content-scrollable{display:flex;flex:1 1;flex-direction:column;gap:28px;overflow-y:auto;padding:28px 32px}.drawer-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 18px #0f172a0a;padding:22px 24px}.overview-section{border-left:4px solid #3b82f6!important}.complexity-pages-section{border-left:4px solid #10b981!important}.weekly-targets-section{border-left:4px solid #f59e0b!important}.incomplete-metric{align-items:center;border:1px solid;border-radius:6px;box-shadow:0 2px 6px #0f172a14;display:inline-flex;font-size:1rem;font-weight:1000;gap:8px;line-height:1.2;min-height:48px;padding:7px 14px 7px 16px;white-space:nowrap}.incomplete-metric-icon{align-items:center;background:#0000;border:none;border-radius:0;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;line-height:1;width:28px}.incomplete-metric-icon svg{color:currentColor;display:block;height:28px;width:28px}.incomplete-books-metric{background:#fff7ed;border-color:#fdba74;color:#b45309}.incomplete-books-metric .incomplete-metric-icon{color:#ea580c}.incomplete-pages-metric{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.incomplete-pages-metric .incomplete-metric-icon{color:#2563eb}.incomplete-metric-count{border-radius:5px;box-shadow:inset 0 -1px 0 #ffffff2e;color:#fff;font-size:1rem;font-weight:900;line-height:1.1;min-width:34px;padding:6px 10px;text-align:center}.incomplete-books-metric .incomplete-metric-count{background:#ea580c}.incomplete-pages-metric .incomplete-metric-count{background:#2563eb}.books-registry-section{border-left:4px solid #8b5cf6!important}.section-title{align-items:center;color:#0d9488;display:flex;font-size:.8rem;font-weight:800;gap:8px;letter-spacing:.6px;margin:0 0 16px;text-transform:uppercase}.section-title:before{background:#14b8a6;border-radius:2px;content:"";height:14px;width:4px}.highlighted-workflow-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;box-shadow:0 4px 12px #3b82f60a;padding:18px 20px}.workflow-card-header{align-items:center;display:flex;gap:10px}.workflow-header-icon{color:#3b82f6}.workflow-card-header.center-header{justify-content:center;text-align:center;width:100%}.workflow-card-title{color:#1e3a8a;font-size:.88rem;font-weight:800;margin:0}.workflow-card-title.center-title{color:#1e40af;font-size:1.25rem;font-weight:900;margin:0;text-align:center;width:100%}.workflow-highlight{color:#1d4ed8;font-weight:900}.complexity-pages-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.complexity-page-node{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;display:flex;flex:1 1 200px;flex-direction:column;gap:8px;max-width:260px;min-width:180px;padding:12px}.c-text-header{align-items:center;display:flex;justify-content:space-between}.c-label{color:#475569;font-size:.8rem;font-weight:800}.c-pages-val{color:#0f172a;font-size:.8rem}.c-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.c-progress-fill{background:#0d9488;border-radius:3px;height:100%}.complexity-page-node.simple{background:#f0fdf4;border-color:#bbf7d0}.complexity-page-node.simple .c-label{color:#15803d}.complexity-page-node.simple .c-progress-fill{background:#22c55e}.complexity-page-node.medium{background:#fefce8;border-color:#fde68a}.complexity-page-node.medium .c-label{color:#b45309}.complexity-page-node.medium .c-progress-fill{background:#eab308}.complexity-page-node.complex{background:#fff7ed;border-color:#fed7aa}.complexity-page-node.complex .c-label{color:#c2410c}.complexity-page-node.complex .c-progress-fill{background:#f97316}.complexity-page-node.heavy-complex{background:#fdf4ff;border-color:#f0abfc}.complexity-page-node.heavy-complex .c-label{color:#a21caf}.complexity-page-node.heavy-complex .c-progress-fill{background:#d946ef}.weekly-stats-list{display:flex;flex-direction:column;gap:14px}.weekly-stat-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 16px;transition:all .2s ease-in-out}.weekly-stat-row:hover{border-color:#5eead4;box-shadow:0 4px 12px #0d948814;transform:translateY(-1px)}.weekly-stat-row.active-filter{border-color:#0d9488!important;box-shadow:0 0 0 2px #0d94882e!important}.week-label-header{align-items:center;display:flex;justify-content:space-between}.wk-name{color:#1e293b;font-size:.82rem;font-weight:800}.wk-vals{color:#64748b;font-size:.8rem}.wk-vals strong{color:#0f172a}.wk-progress-bar-wrapper{align-items:center;display:flex;gap:12px}.wk-progress-bar-track{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.wk-progress-bar-fill{border-radius:4px;height:100%}.wk-progress-percent{color:#1e293b;font-size:.75rem;font-weight:700;min-width:32px;text-align:right}.wk-no-target-hint{color:#94a3b8;font-size:.75rem;font-style:italic;font-weight:500}.weekly-stat-row.status-unset{background:#f8fafc;border-color:#e2e8f0}.weekly-stat-row.status-met{background:#f0fdfa;border-color:#99f6e4}.weekly-stat-row.status-met .wk-name{color:#0f766e}.weekly-stat-row.status-met .wk-vals{color:#115e59}.weekly-stat-row.status-behind{background:#fff1f2;border-color:#fecdd3}.weekly-stat-row.status-behind .wk-name{color:#be123c}.weekly-stat-row.status-behind .wk-vals{color:#9f1239}.progress-emerald{background:linear-gradient(90deg,#14b8a6,#0d9488)}.tab-toolbar{display:flex;gap:10px;margin-bottom:16px}.mini-search-wrapper{flex:1 1;position:relative}.mini-search-icon{color:#94a3b8;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.mini-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;font-size:.8rem;outline:none;padding:8px 10px 8px 32px;transition:all .15s;width:100%}.mini-search-input:focus{background:#fff;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.mini-status-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.8rem;outline:none;padding:6px 10px}.drawer-table-container{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.drawer-jobs-table,.registry-table-compact{border-collapse:initial;border-spacing:0;font-size:.78rem;text-align:left;width:100%}.registry-table-compact td,.registry-table-compact th{padding:10px 12px;text-align:center;white-space:nowrap}.registry-table-compact .job-title{max-width:200px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.registry-table-compact .job-task-name{color:#0d9488;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-box-container{display:flex;flex-direction:column;gap:6px;min-width:180px}.employee-box{align-items:center;border-radius:5px;box-shadow:0 1px 2px #00000005;display:flex;gap:8px;padding:4px 8px}.employee-box.prod-box{background:#f0fdf4;border:1px solid #dcfce7;border-left:3px solid #10b981}.employee-box.qc-box{background:#fff7ed;border:1px solid #ffedd5;border-left:3px solid #f97316}.employee-icon-prod,.employee-icon-qc{font-size:.85rem;line-height:1}.employee-names-list{color:#334155;font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-jobs-table th,.registry-table-compact th{background:#0d9488;border-bottom:none;color:#fff;font-weight:700;padding:12px 14px}.drawer-jobs-table th:first-child,.registry-table-compact th:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.drawer-jobs-table th:last-child,.registry-table-compact th:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.drawer-jobs-table td,.registry-table-compact td{border-bottom:1px solid #f1f5f9;color:#0f172a;vertical-align:middle}.drawer-jobs-table tbody tr:nth-child(2n) td,.registry-table-compact tbody tr:nth-child(2n) td{background-color:#f8fafc}.drawer-jobs-table tr:last-child td{border-bottom:none}.drawer-jobs-table tr:hover td,.registry-table-compact tr:hover td{background:#f8fafc}.job-code{color:#1e293b;font-weight:700}.job-isbn{color:#64748b}.job-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-status-tag{border-radius:4px;font-size:.65rem;font-weight:800;padding:2px 6px;text-transform:uppercase}.job-status-tag.comp{background:#ecfdf5;color:#047857}.job-status-tag.pend{background:#f8fafc;color:#475569}.job-status-tag.prog{background:#eff6ff;color:#1e40af}.job-date{color:#64748b}.job-days{color:#0f172a;font-weight:700;text-align:center}.complexity-mini-tag{background:#f1f5f9;border-radius:5px;color:#475569;display:inline-block;font-size:.71rem;font-weight:700;padding:2px 8px;text-transform:capitalize}.complexity-mini-tag.simple{background:#dcfce7;color:#16a34a}.complexity-mini-tag.medium{background:#fef9c3;color:#ca8a04}.complexity-mini-tag.complex{background:#ffedd5;color:#ea580c}.complexity-mini-tag.heavy-complex{background:#fae8ff;color:#a21caf}.empty-tab-state{color:#94a3b8;font-size:.82rem;font-weight:500;padding:40px 20px;text-align:center}.drawer-content-scrollable::-webkit-scrollbar,.drawer-table-container::-webkit-scrollbar{height:6px;width:6px}.drawer-content-scrollable::-webkit-scrollbar-track,.drawer-table-container::-webkit-scrollbar-track{background:#0000}.drawer-content-scrollable::-webkit-scrollbar-thumb,.drawer-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.drawer-content-scrollable::-webkit-scrollbar-thumb:hover,.drawer-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:640px){.drawer-container{max-width:100%}}.header-actions-group{align-items:center;display:flex;gap:16px}.btn-create-target-bulk{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:30px;box-shadow:0 4px 12px #0d948840;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:800;gap:8px;padding:10px 18px;transition:all .2s ease-in-out}.btn-create-target-bulk:hover{box-shadow:0 6px 16px #0d948859;transform:translateY(-1px)}.btn-create-target-bulk .btn-icon{flex-shrink:0}.progress-bars-stack{display:flex;flex-direction:column;gap:10px;margin-top:14px}.bulk-modal-content{border-radius:16px!important;max-height:94vh!important;max-width:1000px!important;overflow-y:auto!important;width:90%!important}.bulk-modal-fields-row{display:flex;gap:20px;margin-bottom:24px}.bulk-modal-fields-row .form-group-block{flex:1 1}.bulk-projects-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px #00000005;margin-bottom:24px;max-height:400px;overflow-y:auto}.bulk-projects-form-table{border-collapse:collapse;text-align:left;width:100%}.bulk-projects-form-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.8rem;font-weight:800;padding:12px 16px;position:sticky;top:0;z-index:10}.bulk-projects-form-table td{border-bottom:1px solid #f1f5f9;font-size:.82rem;padding:14px 16px;vertical-align:middle}.bulk-projects-form-table tr:hover{background:#f8fafc}.proj-name-cell{color:#1e293b;font-weight:800}.wf-cell{color:#64748b}.complexity-inputs-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);min-width:320px}.complexity-input-item{align-items:center;display:flex;gap:8px}.checkbox-mini{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.76rem;font-weight:700;gap:6px;-webkit-user-select:none;user-select:none}.mini-pages-num-input{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-size:.75rem;font-weight:700;padding:4px 8px;width:72px}.mini-pages-num-input:focus{border-color:#14b8a6;outline:none}.total-count-badge{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:.78rem;font-weight:800;padding:4px 8px;white-space:nowrap}.mini-book-input{width:90px}.empty-table-msg{color:#94a3b8;font-style:italic;padding:24px;text-align:center}.total-target-display-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;box-shadow:0 4px 12px #2563eb0d;padding:16px;text-align:center}.total-target-display-card .display-label{color:#1e40af;display:block;font-size:.8rem;font-weight:800;margin-bottom:6px;text-transform:uppercase}.total-target-display-card .display-value-badge{color:#1d4ed8;font-size:1.5rem;font-weight:900;margin:0}.overall-page-input{background-color:#f0fdfa!important;border-color:#5eead4!important;color:#0d9488!important;font-weight:800!important;text-align:center;width:90px!important}.bulk-projects-vertical-container{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:20px 4px 4px}.bulk-project-vertical-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000005;overflow:visible;transition:all .2s}.bulk-project-vertical-card:hover{border-color:#5eead4;box-shadow:0 6px 16px #0d94880d}.bulk-project-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px}.bulk-project-title{color:#0f172a;font-size:.92rem;font-weight:800;margin:0}.bulk-project-workflow{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:6px;color:#0d9488;font-size:.76rem;font-weight:700;padding:4px 10px}.bulk-project-card-body{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:2fr 1fr;padding:20px}@media (max-width:768px){.bulk-project-card-body{gap:20px;grid-template-columns:1fr}}.bulk-complexity-section{display:flex;flex-direction:column;gap:12px}.section-small-label{color:#64748b;font-size:.72rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.bulk-complexity-vertical-list{display:flex;flex-direction:column;gap:12px}.bulk-complexity-row{align-items:center;display:flex;gap:16px}.bulk-overall-target-section{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:16px}.overall-page-input-large{background-color:#fff!important;border-color:#5eead4!important;border-radius:8px;color:#0d9488!important;font-size:1.05rem;font-weight:800;padding:8px 12px;text-align:center}.bulk-project-card-weeks{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.bulk-weekly-inputs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:12px}@media (max-width:768px){.bulk-weekly-inputs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bulk-weekly-inputs-grid{grid-template-columns:1fr}}.weekly-input-item{display:flex;flex-direction:column;gap:4px}.weekly-input-label{color:#475569;font-size:.78rem;font-weight:750}.weekly-range-label{color:#94a3b8;font-size:.68rem;margin-bottom:4px}.weekly-page-input-field{text-align:center;width:100%!important}.weekly-pages-breakdown-wrapper{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:18px}.weekly-breakdown-header-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-bottom:12px}.weekly-breakdown-title{color:#475569;flex-shrink:0;font-size:.8rem;font-weight:700;margin:0;white-space:nowrap}.weekly-breakdown-subtitle{color:#94a3b8;font-weight:400}.weekly-autofill-btn{align-items:center;background:#f0fdfa;border:1px solid #99f6e4;border-radius:6px;color:#0d9488;cursor:pointer;display:flex;font-size:.72rem;font-weight:700;gap:4px;padding:4px 10px;transition:all .15s;white-space:nowrap}.weekly-autofill-btn:hover{background:#ccfbf1;border-color:#5eead4;color:#0f766e}.weekly-remaining-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:5px;margin-bottom:2px;padding:8px 12px}.weekly-remaining-bar.over{background:#fef2f2;border-color:#fecaca}.weekly-remaining-bar.balanced{background:#f0fdf4;border-color:#bbf7d0}.remaining-label{color:#475569;font-size:.72rem;font-weight:700}.weekly-remaining-bar.over .remaining-label{color:#dc2626}.weekly-remaining-bar.balanced .remaining-label{color:#16a34a}.remaining-progress-track{background:#e2e8f0;border-radius:4px;height:4px;overflow:hidden}.remaining-progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.weekly-row-item{align-items:center;border-bottom:1px dashed #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:6px 0}.weekly-row-item:last-child{border-bottom:none}.weekly-row-labels{display:flex;flex-direction:column;gap:2px}.weekly-wk-name{color:#334155;font-size:.82rem;font-weight:700}.weekly-wk-range{color:#94a3b8;font-size:.71rem}.weekly-single-input{text-align:center!important;width:90px!important}@media (min-width:1000px){.drawer-container.maximized{border-radius:0;height:100vh;max-width:100vw;width:100vw}.drawer-container.maximized .drawer-header{background:linear-gradient(135deg,#9f5d5d,#0d9488);border-bottom:1px solid #0d9488;box-sizing:border-box;min-height:50px;padding:22px 44px}.drawer-container.maximized .drawer-header-actions{gap:10px;right:44px}.drawer-container.maximized .drawer-title-section{padding-right:150px}.drawer-container.maximized .drawer-close-btn,.drawer-container.maximized .drawer-maximize-btn{height:38px;width:38px}.drawer-container.maximized .drawer-project-name{line-height:1.25}.drawer-container.maximized .drawer-client-name,.drawer-container.maximized .drawer-project-name{color:#fff;font-size:2.25rem;font-weight:800;text-transform:uppercase}.drawer-container.maximized .drawer-content-scrollable{box-sizing:border-box;gap:32px;margin:0;max-width:100%;padding:36px 48px 52px;width:100%}.drawer-container.maximized .drawer-section{border-radius:16px;padding:28px 32px}.drawer-container.maximized .section-title{font-size:1.02rem;margin-bottom:20px}.drawer-container.maximized .highlighted-workflow-card{border-radius:14px;padding:24px 28px}.drawer-container.maximized .workflow-card-header{gap:12px}.drawer-container.maximized .workflow-card-title{font-size:.88rem}.drawer-container.maximized .workflow-card-title.center-title{color:#1b818c;font-size:2.25rem;font-weight:800;margin:0;text-align:center;text-transform:uppercase;width:100%}.drawer-container.maximized .complexity-pages-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(220px,1fr))}.drawer-container.maximized .complexity-page-node{border-radius:12px;gap:12px;max-width:none;min-width:0;padding:18px}.drawer-container.maximized .c-label,.drawer-container.maximized .c-pages-val{font-size:.9rem}.drawer-container.maximized .c-progress-bar{border-radius:4px;height:8px}.drawer-container.maximized .weekly-stats-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-container.maximized .weekly-stat-row{border-radius:12px;gap:10px;padding:18px 20px}.drawer-container.maximized .wk-name{font-size:.9rem}.drawer-container.maximized .wk-vals{font-size:.86rem}.drawer-container.maximized .detail-row-2col{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-container.maximized .tab-toolbar{gap:14px;margin-bottom:20px}.drawer-container.maximized .mini-search-input,.drawer-container.maximized .mini-status-select{font-size:.86rem;min-height:40px}.drawer-container.maximized .mini-search-input{padding:9px 12px 9px 34px}.drawer-container.maximized .drawer-table-container{border-radius:10px}.drawer-container.maximized .drawer-jobs-table,.drawer-container.maximized .registry-table-compact{font-size:.84rem}.drawer-container.maximized .drawer-jobs-table td,.drawer-container.maximized .drawer-jobs-table th,.drawer-container.maximized .registry-table-compact td,.drawer-container.maximized .registry-table-compact th{padding:12px 14px}.drawer-container.maximized .registry-table-compact .job-title{max-width:320px}.drawer-container.maximized .registry-table-compact .job-task-name{max-width:220px}}@media (min-width:1000px) and (max-width:1250px){.drawer-container.maximized .drawer-content-scrollable{padding-left:32px;padding-right:32px}.drawer-container.maximized .complexity-pages-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}.bj-container{display:flex;flex-direction:column;gap:20px;height:auto;min-height:100%;overflow:visible;width:100%}.bj-page-header{align-items:center;display:flex;justify-content:space-between}.bj-page-title{gap:10px}.bj-page-icon{font-size:22px}.bj-header-btns{display:flex;gap:10px}.bj-bulk-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .18s}.bj-bulk-btn:hover{opacity:.88}.bj-add-btn{background:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .18s}.bj-add-btn:hover{opacity:.88}.bj-screenshot-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .18s}.bj-screenshot-btn:hover{opacity:.88}.bj-filter-box{background:#fff;background-color:#fff;border-bottom:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;padding:20px 24px 16px;position:sticky;top:65px;z-index:900}.bj-filter-title{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin-bottom:18px}.bj-filter-grid{grid-gap:14px 16px;display:grid;gap:14px 16px;grid-template-columns:repeat(7,1fr)}.bj-filter-grid .bj-filter-group:nth-child(6),.bj-filter-grid .bj-filter-group:nth-child(7),.bj-filter-grid .bj-filter-group:nth-child(8){grid-column:auto}.bj-filter-group{display:flex;flex-direction:column;gap:6px}.bj-filter-group label{align-items:center;color:#4a5568;display:flex;font-size:.78rem;font-weight:600;gap:5px}.flt-icon{font-size:.85rem}.bj-filter-group input,.bj-filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-size:.82rem;outline:none;padding:8px 10px;transition:border-color .18s;width:100%}.bj-filter-group input:focus,.bj-filter-group select:focus{border-color:#00a3ff}.bj-filter-actions-group{align-items:center;display:flex;flex-direction:row;grid-column:1/-1;justify-content:space-between;margin-top:10px}.bj-filter-buttons-right{display:flex;gap:10px}.bj-search-btn{background:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.bj-search-btn:hover{opacity:.88}.bj-clear-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 22px;transition:background .18s}.bj-clear-btn:hover{background:#e2e8f0}.bj-table-container{border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex:0 0 auto!important;flex-direction:column;overflow:visible}.bj-table-container,.bj-table-wrapper{height:auto!important;min-height:0!important;width:100%}.bj-table-wrapper{background:#fff;max-height:calc(100vh - 260px);overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;position:relative;scrollbar-gutter:stable}.bj-table{border-collapse:collapse;font-size:12.5px;min-width:1200px;width:100%}.bj-table thead tr{background-color:#f8fafc}.bj-table th{background-color:#f8fafc;border-bottom:1px solid #edf2f7;box-shadow:inset 0 -1px 0 #e2e8f0;color:#475569;font-size:14px;font-weight:800;letter-spacing:.2px;line-height:1.35;padding:4px 10px;position:sticky;top:0;z-index:20}.bj-table td,.bj-table th{text-align:center;white-space:nowrap}.bj-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:13px;padding:4px 12px;vertical-align:middle}.bj-table tbody tr:last-child td{border-bottom:none}.bj-table tbody tr:hover{background-color:#f8fafc}.cell-dash{color:#cbd5e0;font-weight:500}.cell-pink{align-items:center;background:#fee2e2;border-radius:4px;color:#e53e3e;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.td-center{text-align:center}.td-date{color:#64748b;white-space:nowrap}.td-title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-ref{max-width:120px}.td-processes{max-width:180px;overflow:hidden;text-overflow:ellipsis}.bj-processes-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.bj-process-tag{background:#f3e8ff;border:1px solid #e9d5ff;border-radius:4px;color:#6b21a8;font-size:11px;font-weight:600;padding:1px 6px;white-space:nowrap}.bj-project-link{color:#7c3aed;cursor:default;font-size:12px;font-weight:600}.bj-isbn-link{color:#3b82f6;cursor:default;font-size:12px}.complexity-badge{border-radius:20px;font-size:11px;font-weight:700;padding:3px 8px}.status-pill{font-feature-settings:none;border-radius:5px;display:inline-block;font-size:11px;font-variant-ligatures:none;font-weight:700;padding:3px 9px;white-space:nowrap}.sp-finish{background:#dcfce7;color:#15803d}.sp-work-in-progress{background:#dbeafe;color:#1d4ed8}.sp-yet-to-start{background:#f3f4f6;color:#374151}.sp-ready-to-upload{background:#ede9fe;color:#6d28d9}.sp-uploaded{background:#d1fae5;color:#065f46}.sp-pending{background:#fef3c7;color:#92400e}.sp-hold{background:#fee2e2;color:#8d4a4a}.sp-querry{background:#fce7f3;color:#9d174d}.filestatus-pill{background:#fef9c3;border-radius:5px;color:#854d0e;font-weight:700;padding:3px 8px}.filestatus-pill,.ref-tag{display:inline-block;font-size:11px;white-space:nowrap}.ref-tag{background:#f1f5f9;border-radius:4px;color:#475569;padding:2px 7px}.billing-badge{border-radius:5px;display:inline-block;font-size:11px;font-weight:700;padding:3px 9px}.bb-received{background:#dcfce7;color:#15803d}.bb-pending{background:#fef3c7;color:#92400e}.bb-invoiced{background:#dbeafe;color:#1d4ed8}.bj-action-btns{align-items:center;display:flex;gap:6px}.bj-act-del,.bj-act-edit{align-items:center;background:none;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;padding:0;transition:transform .15s;width:30px}.bj-act-del:hover,.bj-act-edit:hover{transform:scale(1.15)}.bj-empty{color:#a0aec0;font-size:.9rem;padding:40px 20px;text-align:center}.bj-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.bj-modal-box{animation:bj-modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:480px;overflow-y:auto;padding:28px 30px 24px;width:100%}.bj-modal-box.bj-modal-wide{max-width:1500px;padding:40px}.bj-modal-box.bj-modal-xl{max-width:90vw}.bj-bulk-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#475569;font-size:.75rem}.bj-paste-td{padding:0!important}.bj-paste-textarea{background:#f8fafc;border:none;box-sizing:border-box;font-family:monospace;font-size:.9rem;height:250px;outline:none;padding:20px;resize:vertical;width:100%}.bj-paste-textarea:focus{background:#fff;box-shadow:inset 0 0 0 2px #7c3aed}.bj-grid-td{padding:0!important}.bj-grid-input{background:#0000;border:none;box-sizing:border-box;color:#1a202c;font-size:.8rem;min-width:120px;outline:none;padding:10px 12px;width:100%}.bj-grid-input:focus{background:#fff;box-shadow:inset 0 0 0 2px #7c3aed}.bj-grid-input.error-input{background:#fef2f2;box-shadow:inset 0 0 0 1px #ef4444}@keyframes bj-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bj-modal-title{color:#1a202c;font-size:1.05rem;font-weight:700;margin:0 0 18px}.bj-modal-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:14px}.bj-modal-actions.centered{justify-content:center}.bj-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.bj-btn-cancel:hover{background:#e2e8f0}.bj-btn-primary{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.bj-btn-primary:hover{opacity:.88}.bj-btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.bj-btn-danger:hover{opacity:.88}.bj-form{grid-gap:20px 40px;display:grid;gap:20px 40px;grid-template-columns:1fr 1fr}.bj-form-group{display:flex;flex-direction:column;gap:5px}.bj-form-group.full,.bj-form-row{grid-column:1/-1}.bj-form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}.bj-form-group label{color:#2d3748;font-size:.88rem;font-weight:600}.bj-form-group input,.bj-form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-size:.92rem;outline:none;padding:12px 15px;transition:border-color .18s;width:100%}.bj-form-group input:focus,.bj-form-group select:focus{border-color:#7c3aed}.error-input{border-color:#e53e3e!important}.bj-delete-modal{padding:8px 0;text-align:center}.bj-delete-icon{font-size:2.5rem;margin-bottom:10px}.bj-delete-msg{color:#4a5568;font-size:.88rem;line-height:1.6;margin:0 0 4px}.bj-bulk-project-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.bj-settings-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:0 16px;transition:all .2s}.bj-settings-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.bj-settings-btn:disabled{cursor:not-allowed;opacity:.5}.bj-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-weight:500;padding:40px 20px;text-align:center}.bj-bulk-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bj-settings-list{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto;padding-right:8px}.bj-setting-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.bj-setting-item.active{background:#faf5ff;border-color:#c4b5fd}.bj-setting-info{align-items:center;display:flex;gap:12px}.bj-setting-label{color:#1e293b;font-size:.9rem;font-weight:600}.bj-toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.bj-toggle-switch input{height:0;opacity:0;width:0}.bj-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.bj-slider,.bj-slider:before{position:absolute;transition:.3s}.bj-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #00000026;content:"";height:18px;left:3px;width:18px}.bj-toggle-switch input:checked+.bj-slider{background-color:#7c3aed}.bj-toggle-switch input:checked+.bj-slider:before{transform:translateX(20px)}.bj-checkbox-order{align-items:center;background:#e2e8f0;border-radius:50%;color:#4a5568;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;transition:all .2s;width:20px}.bj-setting-item.active .bj-checkbox-order{background:#7c3aed;color:#fff}.bj-paste-instruction{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:.85rem;font-weight:600;margin-bottom:16px;padding:10px 14px}.bj-field-order-badge{align-items:center;background:#7c3aed;border-radius:50%;color:#fff;display:inline-flex;font-size:.65rem;height:18px;justify-content:center;margin-right:6px;vertical-align:middle;width:18px}.bj-section-label{border-bottom:2px solid #1a1f36;color:#1a1f36;font-size:.74rem;font-weight:800;grid-column:1/-1;letter-spacing:.08em;margin-bottom:2px;padding:4px 0 2px;text-transform:uppercase}.bj-section-label.optional{border-bottom-color:#7c3aed;color:#7c3aed}.bj-modal-box::-webkit-scrollbar{width:5px}.bj-modal-box::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.bj-table-wrapper::-webkit-scrollbar,.double-scroll-top::-webkit-scrollbar{height:6px;width:6px}.bj-table-wrapper::-webkit-scrollbar-track,.double-scroll-top::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.bj-table-wrapper::-webkit-scrollbar-thumb,.double-scroll-top::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bj-table-wrapper::-webkit-scrollbar-thumb:hover,.double-scroll-top::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bj-table-wrapper{scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}@media (max-width:1200px){.bj-filter-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.bj-filter-grid{grid-template-columns:repeat(2,1fr)}.bj-form,.bj-form-row{grid-template-columns:1fr}}.bj-reconfirm-modal{padding:10px 0;text-align:center}.bj-warning-icon{animation:pulse-warn 1.5s infinite;display:inline-block;font-size:2.8rem;margin-bottom:12px}@keyframes pulse-warn{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.bj-reconfirm-msg{color:#1e293b;font-size:.95rem;font-weight:500;margin-bottom:8px}.bj-reconfirm-submsg{color:#64748b;font-size:.84rem;margin-bottom:14px}.bj-code-confirm{background:#fee2e2;border-radius:4px;color:#ef4444;font-family:monospace;font-size:.9rem;font-weight:700;padding:3px 8px}.bj-confirm-input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.9rem;font-weight:600;outline:none;padding:10px 14px;text-align:center;transition:all .2s ease-in-out;width:100%}.bj-confirm-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.bj-export-dropdown-container{display:inline-block;position:relative}.bj-export-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:6px;padding:9px 18px;transition:background .18s,opacity .18s}.bj-export-btn:hover{background:#4f46e5}.bj-export-dropdown-menu{animation:bj-dropdown-in .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:6px 0;position:absolute;right:0;top:110%;width:160px;z-index:100}@keyframes bj-dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bj-export-item{background:none;border:none;color:#475569;cursor:pointer;font-size:.83rem;font-weight:600;padding:10px 16px;text-align:left;transition:background .15s,color .15s;width:100%}.bj-export-item:hover{background:#f8f7ff;color:#7c3aed}.process-badge{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:4px;color:#7c3aed;display:inline-block;font-size:11px;font-weight:700;margin:2px;padding:2px 8px;text-transform:uppercase}.bj-td-check,.bj-th-check{background:inherit;left:0;min-width:42px;padding:8px 6px!important;position:sticky;text-align:center!important;width:42px;z-index:1}.bj-th-check{background:#f8fafc!important;left:0;position:sticky;top:0;z-index:11}.bj-row-checkbox{accent-color:#7c3aed;border-radius:3px;cursor:pointer;height:16px;width:16px}.bj-row-selected{background-color:#faf5ff!important;outline:1px solid #c4b5fd;outline-offset:-1px}.bj-row-selected td{background-color:#faf5ff}.bj-table-topbar{flex-wrap:wrap;justify-content:space-between;min-height:38px;padding:8px 14px}.bj-bulk-toolbar,.bj-table-topbar{align-items:center;display:flex;gap:10px}.bj-bulk-toolbar{animation:bj-toolbar-in .2s ease}@keyframes bj-toolbar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bj-bulk-count{background:#ede9fe;border-radius:20px;color:#7c3aed;padding:5px 12px}.bj-bulk-count,.bj-bulk-edit-trigger{font-size:.82rem;font-weight:700;white-space:nowrap}.bj-bulk-edit-trigger{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 16px;transition:opacity .18s}.bj-bulk-edit-trigger:hover{opacity:.88}.bj-bulk-clear-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:background .18s;white-space:nowrap}.bj-bulk-clear-btn:hover{background:#e2e8f0;color:#334155}.bj-bulk-edit-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.83rem;line-height:1.5;margin:0 0 18px;padding:10px 14px}.bj-bulk-edit-fields{display:flex;flex-direction:column;gap:10px}.bj-bulk-edit-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:14px;padding:11px 14px;transition:all .2s}.bj-bulk-edit-row.active{background:#faf5ff;border-color:#c4b5fd;box-shadow:0 1px 4px #7c3aed14}.bj-bulk-edit-toggle{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:10px;min-width:160px;-webkit-user-select:none;user-select:none}.bj-bulk-edit-toggle input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;height:16px;width:16px}.bj-bulk-toggle-dot{display:none}.bj-bulk-edit-label{color:#374151;font-size:.84rem;font-weight:600;white-space:nowrap}.bj-bulk-edit-row.active .bj-bulk-edit-label{color:#6d28d9}.bj-bulk-edit-control{flex:1 1}.bj-bulk-edit-control input[type=date],.bj-bulk-edit-control select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-size:.83rem;outline:none;padding:8px 10px;transition:border-color .18s,opacity .2s;width:100%}.bj-bulk-edit-control input[type=date]:focus,.bj-bulk-edit-control select:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1f}.bj-bulk-edit-control input[type=date]:disabled,.bj-bulk-edit-control select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.4}.bj-results-section{display:flex;flex:0 0 auto;flex-direction:column;gap:8px;height:auto;min-height:0;overflow:visible}.bj-table-container+.bj-table-container{margin-top:20px}.bj-table-container label{display:inline-block!important;margin:0!important;white-space:nowrap!important}.bj-pagination{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.bj-pagination label{display:inline-block!important;margin:0!important;padding:0!important;white-space:nowrap!important}.bj-pagination select{background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;color:#334155!important;cursor:pointer!important;font-size:.85rem!important;margin:0!important;outline:none!important;padding:0!important}.production-container{display:flex;flex-direction:column;gap:10px;width:100%}.production-header-section{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;display:flex;gap:16px;margin-bottom:10px;padding:10px}.production-header-icon{align-items:center;background:#fff3;border-radius:50px;display:flex;font-size:2.5rem;justify-content:center}.bj-page-title{align-items:center;display:flex;margin-bottom:4px;margin-top:4px}.bj-page-title-img-icon{background:#0000;border-radius:4px;display:block;height:40px;object-fit:contain;width:40px}.bj-page-title h2{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.production-title-block h2{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 4px}.production-title-block p{font-size:.875rem;margin:0;opacity:.9}.production-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000000d;margin-bottom:16px;padding:16px;position:sticky;top:65px;z-index:900}.filter-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.filter-group{display:flex;flex:1 1 140px;flex-direction:column;gap:4px;min-width:120px}.filter-group label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.filter-group input,.filter-group select{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#334155;font-size:.8rem;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.filter-group input:focus,.filter-group select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.filter-actions-group{align-items:center;border-top:1px dashed #e2e8f0;display:flex;gap:12px;justify-content:space-between;margin-top:4px;padding-top:12px;width:100%}.filter-buttons-right{display:flex;gap:12px}.btn-reset,.btn-search{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-reset{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-reset:hover{background:#e2e8f0;color:#334155}.btn-search{background:#2563eb;border:1px solid #2563eb;box-shadow:0 1px 2px 0 #0000000d}.btn-search:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.btn-search:active{transform:translateY(0)}.production-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000000d;overflow:visible}.table-wrapper{height:auto!important;max-height:calc(100vh - 260px);min-height:0!important;overflow-x:auto;overflow-y:auto;width:100%}.production-table{border-collapse:collapse;font-size:.875rem;text-align:left;width:100%}.production-table th{background:#f8fafc;border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;letter-spacing:0;padding:4px 12px;position:sticky;text-transform:none;top:0;white-space:nowrap;z-index:10}.production-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:13px;padding:4px 10px;text-align:center;vertical-align:middle}.production-table tr:hover{background-color:#f8fafc}.production-table tr.modified-row{background-color:#f0f7ff}.production-table tr.modified-row:hover{background-color:#e0f2fe}.proj-name-col{font-weight:500;max-width:160px}.proj-name-col,.title-text-trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-text-trunc{max-width:180px}.batch-col,.isbn-col{color:#475569;font-family:monospace}.page-count-col{color:#334155;font-weight:600}.pdf-type-col{color:#64748b;font-weight:500}.complexity-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-align:center;white-space:nowrap}.job-code-col{color:#1e3a8a;font-family:monospace;font-size:.9rem}.date-col{color:#475569;white-space:nowrap}.employees-col{max-width:400px;min-width:300px}.employee-input-wrapper{align-items:center;background:#eef2ff;border:1.5px solid #a5b4fc;border-left:3px solid #6366f1;border-radius:8px;display:flex;overflow:hidden;padding:0 8px 0 32px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.employee-input-wrapper:before{content:"👤";filter:hue-rotate(210deg);font-size:.82rem;left:9px;line-height:1;opacity:.75;pointer-events:none;position:absolute}.employee-input-wrapper:focus-within{background:#f5f3ff;border-color:#6366f1 #6366f1 #6366f1 #4f46e5;box-shadow:0 0 0 3px #6366f12e}.employee-input-wrapper.is-disabled{background:#f1f5f9;border-color:#e2e8f0 #e2e8f0 #e2e8f0 #cbd5e1;cursor:not-allowed;opacity:.65}.emp-names-list{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:500;gap:4px;justify-content:center}.emp-name-item{white-space:nowrap}.emp-separator{color:#cbd5e1;font-weight:400}.computed-start-date{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#15803d;display:inline-block;font-size:.8rem;font-weight:600;padding:2px 8px}.not-started{color:#94a3b8;font-size:.8rem;font-style:italic}.cell-dash{color:#cbd5e1}.inline-select{font-feature-settings:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:.75rem;font-variant-ligatures:none;font-weight:700;outline:none;padding:6px 10px;text-rendering:auto;width:100%}.inline-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.inline-date-input,.inline-employee-input{background:#0000;border:none;box-sizing:border-box;color:#000;cursor:text;font-family:inherit;font-size:.78rem;font-weight:500;letter-spacing:.01em;outline:none;padding:7px 4px;width:100%}.inline-employee-input::placeholder{color:#94a3b8;font-size:.75rem;font-style:italic}.inline-employee-input:disabled{color:#94a3b8;cursor:not-allowed}.inline-date-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px}.inline-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.inline-date-input.auto-date{background-color:#f0f9ff;border-color:#bae6fd;color:#0284c7;font-weight:500}.inline-date-input.manual-date{background-color:#fff;border-color:#cbd5e1;color:#0f172a;font-weight:600}.sp-finish{background-color:#dcfce7!important;border-color:#bbf7d0!important;color:#15803d!important}.sp-wip{background-color:#fef3c7!important;border-color:#fde68a!important;color:#d97706!important}.sp-yts{background-color:#e0f2fe!important;border-color:#bae6fd!important;color:#0369a1!important}.sp-rtu{background-color:#f3e8ff!important;border-color:#e9d5ff!important;color:#7e22ce!important}.sp-uploaded{background-color:#e2e8f0!important;border-color:#cbd5e1!important;color:#334155!important}.sp-pending{background-color:#ffedd5!important;border-color:#fed7aa!important;color:#c2410c!important}.sp-hold{background-color:#fee2e2!important;border-color:#fecaca!important;color:#b91c1c!important}.sp-query{background-color:#fce7f3!important;border-color:#fbcfe8!important;color:#be185d!important}.actions-col{text-align:center;white-space:nowrap;width:100px}.btn-save-row{background-color:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .15s ease}.btn-save-row:hover:not(:disabled){background-color:#059669;border-color:#059669}.btn-save-row:disabled{background-color:#e2e8f0;border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed}.save-success-icon{animation:popSuccess .3s ease-out;display:inline-block;font-size:1.25rem}@keyframes popSuccess{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.row-spinner{animation:spin .8s linear infinite;border:2px solid #cbd5e1;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:16px;width:16px}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.error-text{color:#ef4444;font-weight:500;margin-bottom:16px}.btn-retry{background-color:#475569;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:background-color .2s}.btn-retry:hover{background-color:#334155}.empty-state h3{color:#334155;font-size:1.125rem;margin:16px 0 8px}.empty-state p{color:#64748b;font-size:.875rem;margin:0}.table-pagination-footer{align-items:center;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:14px 20px}.pagination-info{color:#64748b;font-size:.8rem}.pagination-controls{display:flex;gap:8px}.btn-page{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.btn-page:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8;color:#1e293b}.btn-page:disabled{cursor:not-allowed;opacity:.5}.double-scroll-top{background:#fff;border-bottom:1px solid #f1f5f9}.double-scroll-top::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:6px;width:6px}.double-scroll-top::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.double-scroll-top::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.double-scroll-top::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.prod-td-check,.prod-th-check{background:inherit;left:0;min-width:42px;padding:8px 6px!important;position:sticky;text-align:center!important;width:42px;z-index:1}.prod-th-check{background:#f8fafc!important;left:0;position:sticky;top:0;z-index:11}.prod-row-checkbox{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.prod-row-selected{background-color:#eff6ff!important;outline:1px solid #93c5fd;outline-offset:-1px}.prod-row-selected td{background-color:#eff6ff}.prod-table-topbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;min-height:38px;padding:8px 14px}.prod-bulk-toolbar,.prod-table-topbar{align-items:center;display:flex;gap:10px}.prod-bulk-toolbar{animation:prod-toolbar-in .2s ease}@keyframes prod-toolbar-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.prod-bulk-count{background:#dbeafe;border-radius:20px;color:#1d4ed8;padding:5px 12px}.prod-bulk-count,.prod-bulk-edit-btn{font-size:.82rem;font-weight:700;white-space:nowrap}.prod-bulk-edit-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 16px;transition:opacity .18s}.prod-bulk-edit-btn:hover{opacity:.88}.prod-bulk-deselect-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:background .18s;white-space:nowrap}.prod-bulk-deselect-btn:hover{background:#e2e8f0;color:#334155}.prod-bulk-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.prod-bulk-modal{animation:prod-modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000002e;max-height:90vh;max-width:520px;overflow-y:auto;padding:28px 30px 24px;width:100%}@keyframes prod-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.prod-bulk-title{color:#1e293b;font-size:1.05rem;font-weight:700;margin:0 0 8px}.prod-bulk-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.83rem;line-height:1.5;margin:0 0 18px;padding:10px 14px}.prod-bulk-fields{display:flex;flex-direction:column;gap:10px}.prod-bulk-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:14px;padding:11px 14px;transition:all .2s}.prod-bulk-row.active{background:#eff6ff;border-color:#93c5fd;box-shadow:0 1px 4px #2563eb14}.prod-bulk-toggle{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:10px;min-width:140px;-webkit-user-select:none;user-select:none}.prod-bulk-toggle input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:16px;width:16px}.prod-bulk-label{color:#374151;font-size:.84rem;font-weight:600;white-space:nowrap}.prod-bulk-row.active .prod-bulk-label{color:#1d4ed8}.prod-bulk-control{flex:1 1}.prod-bulk-control input[type=date],.prod-bulk-control select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-size:.83rem;outline:none;padding:8px 10px;transition:border-color .18s,opacity .2s;width:100%}.prod-bulk-control input[type=date]:focus,.prod-bulk-control select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.prod-bulk-control input[type=date]:disabled,.prod-bulk-control select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.4}.prod-bulk-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:14px}.prod-bulk-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.prod-bulk-cancel:hover{background:#e2e8f0}.prod-bulk-apply{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.prod-bulk-apply:hover:not(:disabled){opacity:.88}.prod-bulk-apply:disabled{cursor:not-allowed;opacity:.45}.table-wrapper{height:calc(100vh - 340px)!important;min-height:200px!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.production-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.production-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.table-pagination-footer{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.table-pagination-footer label{display:inline-block!important;white-space:nowrap!important}.table-pagination-footer label,.table-pagination-footer select{margin:0!important;padding:0!important}.pm-container{display:flex;flex-direction:column;gap:20px;width:100%}.pm-page-header{justify-content:space-between}.pm-page-header,.pm-page-title{align-items:center;display:flex}.pm-page-title{gap:10px}.pm-page-icon{font-size:22px}.pm-page-title h2{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.pm-add-header-btn{background-color:#13c6df;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 20px;transition:opacity .18s;white-space:nowrap}.pm-add-header-btn:hover{opacity:.88}.pm-add-card{animation:pm-slide-down .22s ease;background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:24px 26px 20px}@keyframes pm-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pm-add-card-title{color:#2d3748;font-size:1rem;font-weight:700;margin:0 0 20px}.pm-form-group{margin-bottom:16px}.pm-form-label{color:#2d3748;display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}.pm-req{color:#e53e3e}.pm-form-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.pm-form-input:focus{border-color:#13c6df}.pm-form-input.input-error{border-color:#e53e3e}.pm-form-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.85rem;line-height:1.5;outline:none;padding:9px 12px;resize:vertical;transition:border-color .18s;width:100%}.pm-form-textarea:focus{border-color:#13c6df}.pm-form-error{color:#e53e3e;font-size:.78rem;font-weight:600;margin:4px 0 0}.pm-check-group{margin-bottom:16px}.pm-check-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.pm-check-label input{accent-color:#13c6df;cursor:pointer;height:15px;width:15px}.pm-create-btn{background-color:#13c6df;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 22px;transition:opacity .18s}.pm-create-btn:hover{opacity:.88}.pm-table-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:visible}@media (min-width:1024px){.pm-table-card{display:flex;flex:1 1;flex-direction:column;min-height:0}}.pm-table-header{background:#f8fafc;border-bottom:1px solid #edf2f7;padding:14px 20px 12px}.pm-table-title{color:#2d3748;font-size:.95rem;font-weight:700;margin:0}.pm-table-wrapper{border-radius:0 0 10px 10px;height:calc(100vh - 340px);min-height:200px;overflow-x:auto;overflow-y:auto}.pm-table{border-collapse:collapse;font-size:13px;min-width:580px;width:100%}.pm-table thead tr{background:#f8fafc}.pm-table th{border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;letter-spacing:.2px;padding:14px 15px;text-align:left;white-space:nowrap}.col-name{width:35%}.col-desc{width:25%}.col-status{width:12%}.col-created{width:14%}.col-actions{text-align:center;width:14%}.pm-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;padding:11px 15px;vertical-align:middle}.pm-table tbody tr:last-child td{border-bottom:none}.pm-table tbody tr:hover{background:#f8fafc}.td-name{font-size:13px;text-align:left}.pm-dash{color:#cbd5e0}.pm-status-badge{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:700;padding:3px 12px}.pm-status-badge.active{background:#dcfce7;color:#15803d}.pm-status-badge.inactive{background:#fee2e2;color:#b91c1c}.pm-action-btns{gap:6px}.pm-act-del,.pm-act-edit,.pm-action-btns{align-items:center;display:flex;justify-content:center}.pm-act-del,.pm-act-edit{border:none;border-radius:6px;cursor:pointer;font-size:14px;height:32px;padding:0;transition:opacity .18s,transform .15s;width:32px}.pm-act-del,.pm-act-edit{color:#fff}.pm-act-del:hover,.pm-act-edit:hover{opacity:.82;transform:scale(1.08)}.pm-empty{color:#a0aec0;font-size:.9rem;padding:40px 20px;text-align:center}.pm-pagination{background:#fafafa;border-top:1px solid #edf2f7;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 16px}.pm-pagination,.pm-per-page{align-items:center;display:flex}.pm-per-page{color:#4a5568;font-size:12.5px;gap:8px}.pm-per-page select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#2d3748;cursor:pointer;font-size:12.5px;outline:none;padding:4px 8px;transition:border-color .15s}.pm-per-page select:focus{border-color:#13c6df}.pm-page-info{color:#718096;font-size:12.5px}.pm-page-nav{display:flex;gap:4px}.pm-nav-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#4a5568;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:background .15s,border-color .15s;width:30px}.pm-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#13c6df}.pm-nav-btn:disabled{cursor:not-allowed;opacity:.35}.pm-nav-btn.active-page{background:#13c6df;border-color:#13c6df;color:#fff;font-weight:700}.pm-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.pm-modal-box{animation:pm-modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:88vh;max-width:480px;overflow-y:auto;padding:28px 30px 24px;width:100%}@keyframes pm-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pm-modal-title{color:#1a202c;font-size:1.05rem;font-weight:700;margin:0 0 20px}.pm-modal-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.pm-modal-actions.centered{justify-content:center}.pm-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.pm-btn-cancel:hover{background:#e2e8f0}.pm-btn-primary{background:#13c6df;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.pm-btn-primary:hover{opacity:.88}.pm-btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.pm-btn-danger:hover{opacity:.88}.pm-delete-modal{padding:8px 0;text-align:center}.pm-delete-icon{font-size:2.5rem;margin-bottom:10px}.pm-delete-msg{color:#4a5568;font-size:.88rem;line-height:1.6;margin:0 0 4px}.pm-modal-box::-webkit-scrollbar{width:5px}.pm-modal-box::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.pm-table-wrapper{height:calc(100vh - 340px)!important;min-height:200px!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.pm-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.pm-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.pm-per-page select,.pm-per-page span{margin:0!important;padding:0!important}.sm-container{display:flex;flex-direction:column;gap:20px;width:100%}.sm-page-header{justify-content:space-between}.sm-page-header,.sm-page-title{align-items:center;display:flex}.sm-page-title{gap:10px}.sm-page-icon{font-size:22px}.sm-page-title h2{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.sm-add-header-btn{background-color:#13c6df;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 20px;transition:opacity .18s;white-space:nowrap}.sm-add-header-btn:hover{opacity:.88}.sm-add-card{animation:sm-slide-down .22s ease;background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:24px 26px 22px}@keyframes sm-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sm-add-card-title{color:#2d3748;font-size:1rem;font-weight:700;margin:0 0 22px}.sm-form-group{flex:1 1;margin-bottom:18px}.sm-form-label{color:#2d3748;display:block;font-size:.82rem;font-weight:600;margin-bottom:7px}.sm-req{color:#e53e3e}.sm-form-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.sm-form-input:focus{border-color:#13c6df}.sm-form-input.input-error{border-color:#e53e3e}input[type=time].sm-form-input{cursor:pointer}.sm-form-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.85rem;line-height:1.55;outline:none;padding:9px 12px;resize:vertical;transition:border-color .18s;width:100%}.sm-form-textarea:focus{border-color:#13c6df}.sm-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sm-form-error{color:#e53e3e;font-size:.78rem;font-weight:600;margin:4px 0 0}.sm-check-group{margin-bottom:18px}.sm-check-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.sm-check-label input{accent-color:#13c6df;cursor:pointer;height:15px;width:15px}.sm-create-btn{background-color:#13c6df;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 22px;transition:opacity .18s}.sm-create-btn:hover{opacity:.88}.sm-table-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:visible}@media (min-width:1024px){.sm-table-card{display:flex;flex:1 1;flex-direction:column;min-height:0}}.sm-table-header{background:#f8fafc;border-bottom:1px solid #edf2f7;padding:14px 20px 13px}.sm-table-title{color:#2d3748;font-size:.95rem;font-weight:700;margin:0}.sm-empty-state{padding:48px 20px;text-align:center}.sm-empty-state p{color:#a0aec0;font-size:.88rem;margin:0}.sm-table-wrapper{border-radius:0 0 10px 10px;height:calc(100vh - 340px);min-height:200px;overflow-x:auto;overflow-y:auto}.sm-table{border-collapse:collapse;font-size:13px;min-width:680px;width:100%}.sm-table thead tr{background:#f8fafc}.sm-table th{border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;letter-spacing:.2px;padding:14px 15px;text-align:left;white-space:nowrap}.col-name{width:22%}.col-time{width:11%}.col-desc{width:22%}.col-status{width:10%}.col-actions,.col-created{width:12%}.sm-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;padding:11px 15px;vertical-align:middle}.sm-table tbody tr:last-child td{border-bottom:none}.sm-table tbody tr:hover{background:#f8fafc}.td-name{color:#2d3748;font-weight:600}.td-time{color:#4a5568;font-size:12.5px}.td-created,.td-desc{color:#718096;font-size:12.5px}.td-created{white-space:nowrap}.sm-dash{color:#cbd5e0}.sm-status-badge{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:700;padding:3px 12px}.sm-status-badge.active{background:#dcfce7;color:#15803d}.sm-status-badge.inactive{background:#fee2e2;color:#b91c1c}.sm-action-btns{align-items:center;display:flex;gap:6px}.sm-act-del,.sm-act-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:opacity .18s,transform .15s;width:32px}.sm-act-edit{background:#3b82f6}.sm-act-del{background:#ef4444}.sm-act-del:hover,.sm-act-edit:hover{opacity:.82;transform:scale(1.08)}.sm-pagination{background:#fafafa;border-top:1px solid #edf2f7;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 16px}.sm-pagination,.sm-per-page{align-items:center;display:flex}.sm-per-page{color:#4a5568;font-size:12.5px;gap:8px}.sm-per-page select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#2d3748;cursor:pointer;font-size:12.5px;outline:none;padding:4px 8px;transition:border-color .15s}.sm-per-page select:focus{border-color:#13c6df}.sm-page-info{color:#718096;font-size:12.5px}.sm-page-nav{display:flex;gap:4px}.sm-nav-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#4a5568;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:background .15s,border-color .15s;width:30px}.sm-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#13c6df}.sm-nav-btn:disabled{cursor:not-allowed;opacity:.35}.sm-nav-btn.active-page{background:#13c6df;border-color:#13c6df;color:#fff;font-weight:700}.sm-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.sm-modal-box{animation:sm-modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:88vh;max-width:500px;overflow-y:auto;padding:28px 30px 24px;width:100%}@keyframes sm-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sm-modal-title{color:#1a202c;font-size:1.05rem;font-weight:700;margin:0 0 20px}.sm-modal-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.sm-modal-actions.centered{justify-content:center}.sm-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.sm-btn-cancel:hover{background:#e2e8f0}.sm-btn-primary{background:#13c6df;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.sm-btn-primary:hover{opacity:.88}.sm-btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.sm-btn-danger:hover{opacity:.88}.sm-delete-modal{padding:8px 0;text-align:center}.sm-delete-icon{font-size:2.5rem;margin-bottom:10px}.sm-delete-msg{color:#4a5568;font-size:.88rem;line-height:1.6;margin:0 0 4px}.sm-modal-box::-webkit-scrollbar{width:5px}.sm-modal-box::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.sm-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.sm-table-wrapper::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.sm-allot-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 4px 20px #0000000a,0 2px 8px #00000005;padding:24px 26px 22px;transition:box-shadow .3s ease}.sm-allot-card:hover{box-shadow:0 8px 30px #0000000f,0 2px 10px #00000008}.sm-allot-card-title{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0 0 22px}.sm-allot-card-icon{font-size:1.15rem}.sm-allot-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.sm-allot-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.sm-allot-grid{grid-template-columns:1fr}}.sm-allot-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:14px;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sm-allot-column.is-assigned{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 15px #10b98114}.sm-allot-header{align-items:flex-start;display:flex;justify-content:space-between}.sm-allot-title-wrapper{display:flex;flex-direction:column;gap:2px}.sm-allot-title-wrapper h4{color:#1a202c;font-size:.9rem;font-weight:700;margin:0}.sm-allot-count{color:#64748b;font-size:.72rem;font-weight:600}.sm-allot-badge-success{animation:sm-pop-in .25s cubic-bezier(.175,.885,.32,1.275);background:#dcfce7;border-radius:12px;color:#15803d;font-size:.7rem;font-weight:700;padding:3px 8px;white-space:nowrap}.sm-allot-select-wrapper{position:relative}.sm-allot-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.sm-allot-select:hover{border-color:#13c6df}.sm-allot-select:focus{border-color:#13c6df;box-shadow:0 0 0 2px #13c6df26}.sm-shift-box{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;display:flex;flex-direction:column;gap:8px;height:180px;overflow-y:auto;padding:10px;transition:all .2s ease}.sm-shift-box::-webkit-scrollbar{width:5px}.sm-shift-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.is-assigned .sm-shift-box{background:#fffc;border-color:#a7f3d0;border-style:solid}.sm-shift-empty{align-items:center;color:#94a3b8;display:flex;font-size:.78rem;font-style:italic;height:100%;justify-content:center}.sm-shift-list{display:flex;flex-direction:column;gap:6px}.sm-shift-item{align-items:center;animation:sm-slide-in .2s cubic-bezier(.4,0,.2,1);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:6px 10px;transition:all .2s ease}.sm-shift-item:hover{background:#e2e8f0;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000a;transform:translateY(-1px)}.is-assigned .sm-shift-item{background:#f8fafc;border-color:#e2e8f0}.sm-shift-item-avatar{font-size:11px;margin-right:6px;opacity:.7}.sm-shift-item-name{color:#334155;flex-grow:1;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-shift-item-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:4px;padding:0;transition:all .15s ease;width:18px}.sm-shift-item-remove:hover{background:#fee2e2;color:#ef4444}.sm-allot-actions{margin-top:auto}.sm-assign-btn{align-items:center;background:#13c6df;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:700;gap:6px;justify-content:center;padding:9px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sm-assign-btn:hover:not(:disabled){box-shadow:0 4px 12px #13c6df40;opacity:.9;transform:translateY(-1px)}.sm-assign-btn:active:not(:disabled){transform:translateY(0)}.sm-assign-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.7}.sm-assign-btn.btn-success{background:#10b981;box-shadow:0 4px 12px #10b98133}.sm-assign-btn.btn-success:hover{box-shadow:0 6px 16px #10b9814d;opacity:.95}@keyframes sm-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sm-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sm-table-wrapper{height:calc(100vh - 340px)!important;min-height:200px!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.sm-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.sm-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.sm-pagination{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.sm-pagination label{display:inline-block!important;white-space:nowrap!important}.sm-pagination label,.sm-pagination select,.sm-per-page select,.sm-per-page span{margin:0!important;padding:0!important}.lv-wrapper{width:100%}.lv-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.lv-header-icon{font-size:22px;line-height:1}.lv-header-title{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.lv-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:0;margin-bottom:20px}.lv-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;color:#718096;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:7px;margin-bottom:-2px;padding:10px 20px;transition:color .18s,border-color .18s,background .18s;white-space:nowrap}.lv-tab:hover{background:#f8fafc;color:#2d3748}.lv-tab--active{background:#00a3ff;border-bottom-color:#00a3ff;color:#fff}.lv-tab--active:hover{background:#0090e0;color:#fff}.lv-tab-icon{font-size:14px;line-height:1}.lv-content{width:100%}@media (min-width:1024px){.lv-content{display:flex;flex:1 1;flex-direction:column;min-height:0}}.lv-filter-card{align-items:flex-end;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px;padding:18px 20px}.lv-filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.lv-filter-label{color:#2d3748;font-size:.82rem;font-weight:600}.lv-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a202c;cursor:pointer;font-family:inherit;font-size:.85rem;min-width:180px;outline:none;padding:9px 12px;transition:border-color .18s}.lv-filter-select:focus{border-color:#00a3ff}.lv-table-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;height:calc(100vh - 320px)!important;min-height:200px!important;overflow-x:auto;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.lv-table{border-collapse:collapse;font-size:13px;min-width:700px;text-align:left;width:100%}.lv-table th{background-color:#f8fafc;border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;letter-spacing:.2px;padding:14px 15px;white-space:nowrap}.lv-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;padding:11px 15px;text-align:center;vertical-align:middle}.lv-table tbody tr:last-child td{border-bottom:none}.lv-row:hover{background-color:#f8fafc}.lv-name-cell{color:#1a202c;font-weight:600}.lv-reason{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-empty{color:#a0aec0;font-style:italic;padding:40px!important;text-align:center}.lv-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.lv-badge--pending{background:#fef9c3;color:#92400e}.lv-badge--approved{background:#dcfce7;color:#15803d}.lv-badge--rejected{background:#fee2e2;color:#b91c1c}.lv-badge--cancelled{background:#f1f5f9;color:#475569}.lv-code-badge{background:#e0e7ff;color:#4338ca;font-weight:700;letter-spacing:.5px;padding:3px 8px}.lv-bool,.lv-code-badge{border-radius:4px;display:inline-block;font-size:11px}.lv-bool{font-weight:600;padding:3px 10px}.lv-bool--yes{background:#dcfce7;color:#15803d}.lv-bool--no{background:#f1f5f9;color:#475569}.lv-actions{align-items:center;display:flex;gap:6px}.lv-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:15px;line-height:1;padding:4px 6px;transition:background .15s}.lv-action-btn:hover{background:#f1f5f9}.lv-btn-primary{background-color:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .2s;white-space:nowrap}.lv-btn-primary:hover{opacity:.88}.lv-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.lv-btn-cancel:hover{background:#e2e8f0}.lv-btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:8px 24px;transition:opacity .18s}.lv-btn-danger:hover{opacity:.88}.lv-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.lv-modal{animation:lv-modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:88vh;max-width:520px;overflow-y:auto;padding:28px 30px 24px;width:100%}@keyframes lv-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lv-modal-title{color:#1a202c;font-size:1.1rem;font-weight:700;margin:0 0 20px}.lv-modal-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:16px}.lv-modal-actions--center{justify-content:center}.lv-modal::-webkit-scrollbar{width:5px}.lv-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.lv-confirm{padding:8px 0;text-align:center}.lv-confirm-icon{font-size:2.5rem;margin-bottom:10px}.lv-confirm-text{color:#4a5568;font-size:.9rem;line-height:1.6;margin:0 0 8px}.lv-form-body{display:flex;flex-direction:column;gap:0}.lv-form-group{margin-bottom:16px}.lv-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:0}.lv-form-label{color:#2d3748;display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}.lv-req{color:#e53e3e}.lv-form-input,.lv-form-select,.lv-form-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.lv-form-input:focus,.lv-form-select:focus,.lv-form-textarea:focus{border-color:#00a3ff}.lv-input--error{border-color:#e53e3e!important}.lv-form-textarea{min-height:72px;resize:vertical}.lv-form-hint{color:#718096;font-size:.75rem;margin:0 0 6px}.lv-form-error{color:#e53e3e;display:block;font-size:.78rem;font-weight:600;margin-top:4px}.lv-form-check{margin-bottom:14px}.lv-check-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px}.lv-check-label input[type=checkbox]{accent-color:#00a3ff;cursor:pointer;height:15px;width:15px}@media (max-width:768px){.lv-tabs{flex-wrap:wrap}.lv-tab{font-size:.78rem;padding:8px 14px}.lv-form-row{grid-template-columns:1fr}.lv-filter-card{align-items:stretch;flex-direction:column}.lv-modal{margin:0;padding:24px 18px 20px}}.lv-row--pending{background-color:#fffbeb!important;transition:background-color .25s ease}.lv-row--pending:hover{background-color:#fef3c7!important}.lv-row--pending td{background-color:inherit;border-bottom:1px solid #fef08a!important;color:#1e293b;font-weight:500}.lv-row--pending td:first-child{border-left:4px solid #d97706!important;position:relative}@keyframes lv-pulse{0%{box-shadow:0 0 0 0 #d97706b3;transform:scale(.9)}50%{box-shadow:0 0 0 6px #d9770600;transform:scale(1.15)}to{box-shadow:0 0 0 0 #d9770600;transform:scale(.9)}}.lv-pulse-dot{animation:lv-pulse 2s ease-in-out infinite;background-color:#d97706;border-radius:50%;box-shadow:0 0 8px #d9770680;display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.lv-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}.lv-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}.lv-table-card::-webkit-scrollbar{height:6px;width:6px}.lv-table-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lv-table-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tm-page-header{margin-bottom:20px}.tm-page-title h1{color:#2d3748;font-size:1.2rem;font-weight:700}.tm-header-actions{align-items:center;display:flex;gap:10px}.btn-remove-dup{background-color:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:8px 16px;transition:opacity .2s}.btn-remove-dup:hover{opacity:.88}.btn-export-csv{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:8px 16px;transition:opacity .2s}.btn-export-csv:hover{opacity:.88}.btn-add-task{background-color:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:8px 16px;transition:opacity .2s}.btn-add-task:hover{opacity:.88}.tm-export-dropdown-container{position:relative}.tm-export-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001f;margin-top:4px;min-width:140px;position:absolute;right:0;top:100%;z-index:100}.tm-export-item{background:none;border:none;color:#4a5568;cursor:pointer;display:block;font-size:.82rem;padding:10px 16px;text-align:left;transition:background-color .15s;width:100%}.tm-export-item:hover{background-color:#f1f5f9;color:#2d3748}.tm-export-item:first-child{border-radius:5px 5px 0 0}.tm-export-item:last-child{border-radius:0 0 5px 5px}.tm-filter-box{background:#fff;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;padding:16px 20px 18px;position:sticky;top:65px;z-index:900}.tm-filter-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.tm-filter-title{align-items:center;color:#4a5568;display:flex;font-size:.88rem;font-weight:700;gap:7px}.btn-clear-all{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;font-size:.76rem;font-weight:600;padding:5px 14px;transition:background .15s}.btn-clear-all:hover{background:#f1f5f9}.tm-filter-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto}.tm-filter-group{display:flex;flex-direction:column;gap:5px}.tm-filter-label{align-items:center;color:#718096;display:flex;font-size:.72rem;font-weight:600;gap:4px}.tm-filter-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#4a5568;font-size:.82rem;outline:none;padding:7px 10px;transition:border-color .18s;width:100%}.tm-filter-input:focus{border-color:#00a3ff}.tm-filter-select{appearance:none;-webkit-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#4a5568;cursor:pointer;font-size:.82rem;outline:none;padding:7px 28px 7px 10px;transition:border-color .18s;width:100%}.tm-filter-select:focus{border-color:#00a3ff}.btn-search{align-self:end;background-color:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;height:36px;padding:8px 18px;transition:opacity .2s;white-space:nowrap}.btn-search:hover{opacity:.88}.tm-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;height:calc(100vh - 340px);min-height:200px;overflow-x:auto;overflow-y:auto}.tm-table{min-width:1100px;text-align:left}.tm-table th,.tm-table thead tr{background-color:#f8fafc}.tm-table th{border-bottom:1px solid #edf2f7;box-shadow:inset 0 -1px 0 #e2e8f0;color:#475569;font-size:14px;font-weight:800;padding:14px 15px;position:sticky;top:0;white-space:nowrap;z-index:10}.tm-table th .sort-icon{color:#a0aec0;font-size:10px;margin-left:3px}.tm-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:13px;padding:11px 15px;vertical-align:middle}.tm-table tbody tr:last-child td{border-bottom:none}.tm-table tbody tr:hover{background-color:#f8fafc}.col-date{min-width:220px;width:220px}.col-project{min-width:90px;width:90px}.col-workflow{min-width:180px;width:220px}.col-job{max-width:500px;min-width:350px}.col-process{min-width:180px;width:220px}.col-employee{min-width:100px;width:220px}.col-status{min-width:80px;width:90px}.col-duedate{min-width:150px;white-space:nowrap;width:150px}.col-pages{min-width:90px;width:100px}.col-totalpages{min-width:70px;width:80px}.col-chapter{min-width:160px}.col-creator{min-width:90px;width:100px}.col-path{max-width:250px;min-width:180px}.col-actions{min-width:80px;width:80px}.cell-title{color:#2d3748;min-width:300px;word-break:break-word}.cell-project,.cell-title{font-weight:500;line-height:1.4}.cell-project{color:#4a5568}.cell-job{font-size:12px;word-break:break-all}.cell-chapter,.cell-job,.cell-process{color:#4a5568;line-height:1.4}.cell-chapter{font-size:12px;word-break:break-word}.status-badge{border-radius:4px;display:inline-block;font-weight:600;padding:3px 10px;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.completed{background:#dcfce7;color:#15803d}.status-badge.archived{background:#e0e7ff;color:#4338ca}.status-badge.inprogress{background:#dbeafe;color:#1d4ed8}.status-badge.cancelled{background:#fee2e2;color:#b91c1c}.tm-actions{gap:4px}.tm-action-btn{background:none;border-radius:4px;font-size:14px;line-height:1;padding:4px 5px;transition:background .15s,transform .15s}.tm-action-btn:hover{background:#f1f5f9;transform:scale(1.15)}.tm-pagination{color:#a0aec0;font-size:12px;padding:14px 16px 6px}.tm-pagination-left{align-items:center;display:flex;gap:8px}.tm-pagination-left label{color:#718096;font-size:13px;font-weight:500}.tm-pagination-left select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;outline:none;padding:4px 10px}.tm-pagination-right{align-items:center;display:flex;gap:10px}.page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:1rem;padding:4px 12px;transition:background .12s}.page-btn:hover:not(:disabled){background:#f1f5f9}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#4a5568;font-size:13px;font-weight:500}.page-count{color:#a0aec0;font-size:12px}.modal-overlay{background:#0f172a8c}.tm-modal{animation:modal-in .22s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;height:1200px;max-height:88vh;max-width:100vw;width:1250px}.tm-modal-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px 14px}.tm-modal-header-left{align-items:center;display:flex;gap:8px}.tm-modal-title{color:#1a202c;font-size:1rem;font-weight:700;margin:0}.tm-modal-close{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;transition:background .15s,color .15s}.tm-modal-close:hover{background:#f1f5f9;color:#4a5568}.tm-modal-body{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 20px}.tm-modal-body::-webkit-scrollbar{width:4px}.tm-modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.tm-modal-footer{border-top:1px solid #edf2f7;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px 18px}.tm-field-label{align-items:center;color:#4a5568;display:flex;font-size:.79rem;font-weight:600;gap:6px;margin-bottom:5px}.tm-field-label .req{color:#e53e3e}.tm-field-hint{color:#a0aec0;font-size:.7rem;font-weight:400}.tm-form-input,.tm-form-select,.tm-form-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.83rem;outline:none;padding:8px 12px;transition:border-color .18s,box-shadow .18s;width:100%}.tm-form-input:focus,.tm-form-select:focus,.tm-form-textarea:focus{border-color:#00a3ff;box-shadow:0 0 0 3px #00a3ff1a}.tm-form-input--error{border-color:#e53e3e!important}.tm-form-error{color:#e53e3e;display:block;font-size:.74rem;font-weight:600;margin-top:3px}.tm-form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.tm-form-textarea{min-height:70px;resize:vertical}.tm-job-placeholder{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.8rem;padding:10px 14px;text-align:center}.tm-checkbox-section-header{border-bottom:1px solid #e2e8f0;padding:7px 12px}.tm-checkbox-section-meta{gap:8px}.tm-checkbox-section-title{color:#718096;font-size:.74rem}.tm-selected-count{color:#00a3ff;font-size:.7rem}.tm-select-all-btn{background:none;border:none;color:#00a3ff;cursor:pointer;font-size:.72rem;font-weight:700;padding:0}.tm-select-all-btn:hover{text-decoration:underline}.tm-deselect-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.72rem;font-weight:700;padding:0}.tm-deselect-btn:hover{text-decoration:underline}.tm-checkbox-list::-webkit-scrollbar-thumb{background:#e2e8f0}.tm-checkbox-item{border-bottom:1px solid #f1f5f9;gap:10px;transition:background .12s}.tm-checkbox-item:hover{background:#f8fafc}.tm-checkbox-item.checked{background:#eff6ff;border-bottom-color:#dbeafe}.tm-checkbox-item input[type=checkbox]{accent-color:#00a3ff;cursor:pointer;flex-shrink:0;height:15px;width:15px}.tm-four-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.tm-three-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.tm-two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.btn-cancel,input[type=date].tm-form-input{color:#4a5568}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:9px 22px;transition:background .18s}.btn-cancel:hover{background:#e2e8f0}.btn-create-task{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 3px 12px #667eea59;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:700;gap:6px;padding:9px 20px;transition:opacity .18s,box-shadow .18s}.btn-create-task:hover{box-shadow:0 5px 18px #667eea73;opacity:.9}.btn-danger-modal{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:9px 24px;transition:opacity .18s}.btn-danger-modal:hover{opacity:.88}.tm-modal--confirm{border-radius:16px;height:auto;max-width:400px;overflow:hidden}.tm-modal--confirm .tm-modal-header{border-bottom:none;padding:20px 20px 0}.tm-modal--confirm .tm-modal-close{color:#a0aec0;font-size:16px}.tm-modal--confirm .tm-confirm-body{padding:10px 24px 20px;text-align:center}.tm-modal--confirm .tm-confirm-icon{animation:pulse-trash 2s ease-in-out infinite;font-size:3rem;margin-bottom:12px}.tm-modal--confirm .tm-confirm-text{color:#4a5568;font-size:.92rem;line-height:1.6;margin:0}.tm-modal--confirm .tm-confirm-text strong{color:#1a202c;font-weight:700}.tm-modal--confirm .tm-modal-footer{border-top:none;gap:12px;justify-content:center!important;padding:0 24px 28px}@keyframes pulse-trash{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width:1100px){.tm-filter-row{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width:700px){.tm-filter-row{grid-template-columns:1fr 1fr}.tm-bookjob-row,.tm-three-col,.tm-two-col{grid-template-columns:1fr}}.double-scroll-top::-webkit-scrollbar,.tm-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.double-scroll-top::-webkit-scrollbar-track,.tm-table-wrapper::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.double-scroll-top::-webkit-scrollbar-thumb,.tm-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.double-scroll-top::-webkit-scrollbar-thumb:hover,.tm-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tm-searchable-dropdown{position:relative;width:100%}.tm-dropdown-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a202c;cursor:pointer;display:flex;font-size:.83rem;height:38px;justify-content:space-between;outline:none;padding:8px 12px;transition:border-color .18s,box-shadow .18s;-webkit-user-select:none;user-select:none;width:100%}.tm-dropdown-trigger:hover{border-color:#cbd5e1}.tm-dropdown-trigger.open{border-color:#00a3ff;box-shadow:0 0 0 3px #00a3ff1a}.tm-dropdown-trigger-text{color:#1a202c;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-dropdown-arrow{color:#718096;font-size:.7rem;margin-left:8px;transition:transform .2s}.tm-dropdown-trigger.open .tm-dropdown-arrow{transform:rotate(180deg)}.tm-dropdown-content{animation:dropdown-fade-in .15s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;top:calc(100% + 4px);width:100%;z-index:1000}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tm-dropdown-search-input{border:none;border-bottom:1px solid #edf2f7;box-sizing:border-box;color:#1a202c;font-size:.83rem;outline:none;padding:8px 12px;width:100%}.tm-dropdown-options-list{display:flex;flex-direction:column;max-height:270px;overflow-y:auto}.tm-dropdown-options-list::-webkit-scrollbar{width:4px}.tm-dropdown-options-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tm-dropdown-bulk-actions{background:#f8fafc;border-bottom:1px solid #edf2f7;display:flex;gap:12px;padding:6px 12px}.tm-dropdown-option-item{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.82rem;padding:8px 12px;transition:background-color .12s;-webkit-user-select:none;user-select:none}.tm-dropdown-option-item:hover{background:#f8fafc}.tm-dropdown-option-item.checked{background:#eff6ff;color:#1d4ed8;font-weight:500}.tm-dropdown-no-results{color:#a0aec0;font-size:.8rem;padding:12px;text-align:center}.tm-bookjob-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr}.tm-checkbox-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tm-checkbox-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:8px 12px}.tm-checkbox-section-meta{align-items:center;display:flex;gap:6px}.tm-checkbox-section-title{color:#2d3748;font-size:.82rem;font-weight:600}.tm-selected-count{color:#3182ce;font-size:.78rem;font-weight:600}.tm-deselect-btn,.tm-select-all-btn{background:none;border:none;color:#3182ce;cursor:pointer;font-size:.75rem;font-weight:600;padding:0}.tm-deselect-btn:hover,.tm-select-all-btn:hover{text-decoration:underline}.tm-checkbox-list{display:flex;flex-direction:column;height:250px;overflow-y:auto}.tm-checkbox-list::-webkit-scrollbar{width:4px}.tm-checkbox-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tm-checkbox-item{align-items:center;border-bottom:1px solid #f8fafc;color:#4a5568;cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:8px 12px;transition:background-color .12s;-webkit-user-select:none;user-select:none}.tm-checkbox-item:last-child{border-bottom:none}.tm-checkbox-item:hover{background:#f0f8ff}.tm-checkbox-item.checked{background:#e4ebf7;color:#1d4ed8;font-weight:500}.tm-table-wrapper{height:calc(100vh - 340px)!important;min-height:200px!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.tm-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.tm-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.tm-pagination{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.tm-pagination label{display:inline-block!important;white-space:nowrap!important}.tm-pagination label,.tm-pagination select{margin:0!important;padding:0!important}.ra-container{display:flex;flex-direction:column;gap:20px;width:100%}.ra-page-header{justify-content:space-between}.ra-page-header,.ra-page-title{align-items:center;display:flex}.ra-page-title{gap:10px}.ra-page-icon{font-size:22px}.ra-page-title h2{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.ra-export-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:9px 18px;transition:opacity .18s}.ra-export-btn:hover{opacity:.88}.ra-filter-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:20px 24px 18px}.ra-filter-title{color:#2d3748;font-size:.9rem;font-weight:700;margin:0 0 16px}.ra-filter-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.ra-filter-group{display:flex;flex-direction:column;gap:6px}.ra-filter-group label{color:#4a5568;font-size:.78rem;font-weight:600}.ra-filter-input,.ra-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.83rem;outline:none;padding:8px 11px;transition:border-color .18s;width:100%}.ra-filter-input:focus,.ra-filter-select:focus{border-color:#13c6df}.ra-apply-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 20px;transition:opacity .18s}.ra-apply-btn:hover{opacity:.88}.ra-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.ra-stat-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:20px 22px}.ra-stat-label{color:#718096;font-size:.78rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.ra-stat-value{font-size:2rem;font-weight:800;line-height:1.1;margin:0 0 4px}.ra-stat-sub{color:#a0aec0;font-size:.75rem;margin:0}.ra-section-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:visible;padding:0}.ra-section-title{background:#fafbfc;border-bottom:1px solid #edf2f7;color:#2d3748;font-size:.95rem;font-weight:700;margin:0;padding:15px 20px 13px}.ra-breakdowns-row{display:flex;flex-direction:column;gap:20px}@media (min-width:1024px){.ra-breakdowns-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}.ra-breakdown-list{max-height:180px;overflow-y:auto;padding:6px 0}.ra-breakdown-row{align-items:center;border-bottom:1px solid #f7f8fa;display:flex;justify-content:space-between;padding:11px 20px;transition:background .14s}.ra-breakdown-row:last-child{border-bottom:none}.ra-breakdown-row:hover{background:#f8fafc}.ra-breakdown-name{color:#2d3748;font-size:13px;font-weight:500}.ra-breakdown-right{align-items:center;display:flex;gap:6px}.ra-hrs-val{color:#13c6df;font-size:13px;font-weight:700}.ra-sep{color:#cbd5e0;font-size:13px}.ra-pages-icon{font-size:12px}.ra-pages-val{color:#f59e0b;font-size:13px;font-weight:700}.ra-empty{color:#a0aec0;font-size:.85rem;margin:0;padding:20px;text-align:center}.ra-table-wrapper{border-radius:0 0 10px 10px;height:calc(100vh - 440px);min-height:200px;overflow-x:auto;overflow-y:auto}.ra-table{border-collapse:collapse;font-size:12.5px;min-width:780px;width:100%}.ra-table thead tr{background:#f8fafc}.ra-table th{border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;letter-spacing:.2px;padding:14px 15px;text-align:center;white-space:nowrap}.ra-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;padding:11px 15px;text-align:center;vertical-align:middle}.ra-table tbody tr:last-child td{border-bottom:none}.ra-table tbody tr:hover{background:#f8fafc}.td-id{font-feature-settings:"tnum";color:#64748b;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.td-employee{color:#2d3748}.ra-project-tag,.td-employee{font-weight:600;white-space:nowrap}.ra-project-tag{background:#ede9fe;border-radius:4px;color:#5b21b6;display:inline-block;font-size:11.5px;padding:2px 8px}.td-task{color:#4a5568;max-width:220px;overflow:hidden;text-overflow:ellipsis}.td-task,.td-time{white-space:nowrap}.td-time{font-feature-settings:"tnum";color:#64748b;font-variant-numeric:tabular-nums}.ra-dur{color:#13c6df;font-size:12.5px;font-weight:700}.ra-dur.high{color:#f59e0b}.ra-pages-cell{align-items:center;color:#f59e0b;display:flex;font-size:12.5px;font-weight:700;gap:4px}.ra-pages-icon-sm{font-size:11px}.ra-dash{color:#cbd5e0}.ra-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.ra-status-badge.completed{background:#e8f5e9;color:#2e7d32}.ra-status-badge.stopped{background:#ffe6e6;color:#d32f2f}.ra-status-badge.on-hold{background:#fff3e0;color:#e65100}.ra-status-badge.running,.ra-status-badge.wip{background:#e0f7fa;color:#00838f}.ra-status-badge.on-break{background:#f3e5f5;color:#6a1b9a}.ra-table-footer{background:#fafafa;border-top:1px solid #edf2f7;color:#718096;font-size:12px;padding:10px 16px;text-align:right}.ra-table-empty{color:#a0aec0;font-size:.88rem;padding:36px 20px;text-align:center}.double-scroll-top{display:block;height:8px;margin-bottom:6px;overflow-x:auto;overflow-y:hidden;width:100%}.double-scroll-top-inner{height:1px}.double-scroll-top::-webkit-scrollbar,.ra-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.double-scroll-top::-webkit-scrollbar-track,.ra-table-wrapper::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.double-scroll-top::-webkit-scrollbar-thumb,.ra-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.double-scroll-top::-webkit-scrollbar-thumb:hover,.ra-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:900px){.ra-filter-grid,.ra-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ra-filter-grid,.ra-stats-grid{grid-template-columns:1fr}}.ra-table-wrapper{height:calc(100vh - 440px)!important;min-height:200px!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.ra-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.ra-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.pm-pagination{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.pm-pagination label{display:inline-block!important;white-space:nowrap!important}.pm-pagination label,.pm-pagination select{margin:0!important;padding:0!important}.hg-wrapper{--pink:#ff3b5c;--pink-soft:#ff3b5c14;--pink-line:#ff3b5c2e;--cyan:#13c6df;--cyan-soft:#13c6df14;--cyan-line:#13c6df2e;--gray-accent:#9b9b9b;--hg-ink:#1a1a2e;--hg-bg:#f4f7fe;--hg-surface:#fff;--hg-glass:#ffffffb8;--hg-accent:#13c6df;--hg-accent-dark:#0d8fd9;--hg-accent-soft:#13c6df1a;--hg-green:#16a34a;--hg-green-soft:#22c55e1a;--hg-red:#ff3b5c;--hg-red-soft:#ff3b5c14;--hg-text:#1a1a2e;--hg-text-sub:#666;--hg-text-faint:#9ca3af;--hg-line:#13c6df26;--hg-line-strong:#13c6df4d;--hg-radius-sm:8px;--hg-radius-md:12px;--hg-radius-lg:16px;--hg-shadow-sm:0 1px 6px #0000000d;--hg-shadow-md:0 4px 20px #0000000f;--hg-font:"Poppins","Segoe UI",sans-serif;--tint-1:#6d5bd0;--tint-1-soft:#efecfb;--tint-2:#0e8a8a;--tint-2-soft:#e2f5f5;--tint-3:#16a34a;--tint-3-soft:#22c55e1a;--tint-4:#ff3b5c;--tint-4-soft:#ff3b5c14;--tint-5:#b8860f;--tint-5-soft:#faf1dc;--tint-6:#13c6df;--tint-6-soft:#13c6df1a;--hg-transition:all 0.22s ease;background:var(--hg-bg);color:var(--hg-text);display:flex;flex-direction:column;font-family:var(--hg-font);gap:16px;width:100%}.hg-page-header{justify-content:space-between}.hg-page-header,.hg-page-title{align-items:center;display:flex}.hg-page-title{gap:10px}.hg-page-icon{font-size:19px}.hg-page-title h2{color:var(--hg-ink);font-family:var(--hg-font);font-size:1.2rem;font-weight:700;margin:0}.hg-toolbar{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--hg-glass);border:1px solid var(--hg-line);border-radius:var(--hg-radius-md);box-shadow:var(--hg-shadow-sm);display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.hg-search-wrap{flex:1 1;max-width:320px;min-width:200px;position:relative}.hg-search-icon{font-size:12px;left:11px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hg-search{background:#fff;border:1px solid var(--hg-line);border-radius:10px;color:var(--hg-text);font-family:inherit;font-size:.8rem;outline:none;padding:8px 12px 8px 30px;transition:var(--hg-transition);width:100%}.hg-search::placeholder{color:var(--hg-text-faint)}.hg-search:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-soft)}.hg-toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.hg-saved-tag,.hg-unsaved-tag{border-radius:20px;font-size:.66rem;font-weight:700;letter-spacing:.06em;padding:5px 12px;text-transform:uppercase}.hg-saved-tag{background:var(--hg-green-soft);border:1px solid #22c55e40;color:#16a34a}.hg-unsaved-tag{animation:hg-pulse-warn 2s ease-in-out infinite;background:var(--pink-soft);border:1px solid var(--pink-line);color:var(--pink)}@keyframes hg-pulse-warn{0%,to{opacity:1}50%{opacity:.6}}.hg-add-btn{background:#fff;border:1px solid var(--hg-line-strong);border-radius:10px;color:var(--hg-text-sub);cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:700;letter-spacing:.03em;padding:8px 16px;transition:var(--hg-transition);white-space:nowrap}.hg-add-btn:hover{background:var(--cyan-soft);border-color:var(--cyan);color:var(--hg-accent-dark);transform:translateY(-1px)}.hg-save-btn{background:linear-gradient(135deg,#0d8fd9,#13c6df);border:none;border-radius:10px;box-shadow:0 4px 16px #13c6df47;color:#fff;cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:700;letter-spacing:.05em;padding:9px 20px;text-transform:uppercase;transition:var(--hg-transition);white-space:nowrap}.hg-save-btn:hover{box-shadow:0 8px 22px #13c6df6b;transform:translateY(-2px)}.hg-sheet-head,.hg-target-head{align-items:stretch;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--hg-glass);border:1px solid var(--hg-line);border-bottom:none;border-radius:var(--hg-radius-lg) var(--hg-radius-lg) 0 0;display:flex;overflow:hidden;position:relative}.hg-sheet-head:before,.hg-target-head:before{background:linear-gradient(90deg,var(--pink),var(--gray-accent) 50%,var(--cyan));content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.hg-dd-widget{display:flex;flex-shrink:0}.hg-dd-col{border-right:1px solid var(--hg-line);display:flex;flex-direction:column;width:118px}.hg-dd-label{background:#13c6df0d;border-bottom:1px solid var(--hg-line);color:var(--hg-text-faint);font-size:.6rem;font-weight:700;letter-spacing:1.2px;padding:6px 4px;text-align:center;text-transform:uppercase}.hg-dd-value{cursor:pointer;font-size:.8rem;position:relative;transition:background .18s}.hg-dd-day-label,.hg-dd-value{align-items:center;color:var(--hg-text);display:flex;flex:1 1;font-weight:700;justify-content:center;padding:8px 4px;text-align:center}.hg-dd-day-label{font-size:.76rem}.hg-dd-value:hover{background:var(--cyan-soft)}.hg-date-hidden{cursor:pointer;inset:0;opacity:0;position:absolute}.hg-dd-select{background:#0000;border:none;color:var(--hg-text);cursor:pointer;flex:1 1;font-family:inherit;font-size:.76rem;font-weight:700;outline:none;padding:8px 4px;text-align:center;transition:background .18s}.hg-dd-select:focus,.hg-dd-select:hover{background:var(--cyan-soft)}.hg-target-banner,.hg-title-banner{align-items:center;background:linear-gradient(135deg,#22243a,#1a1a2e 55%,#241a2e);color:#fff;display:flex;flex:1 1;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:.02em;padding:13px 18px;text-align:center}.hg-target-banner{border-radius:var(--hg-radius-lg) var(--hg-radius-lg) 0 0}.hg-sheet-card{background:var(--hg-surface);border:1px solid var(--hg-line);border-bottom-left-radius:var(--hg-radius-lg);border-bottom-right-radius:var(--hg-radius-lg);box-shadow:var(--hg-shadow-md);overflow:hidden}.hg-target-card{border-radius:var(--hg-radius-lg);border-top:none;margin-bottom:4px}.hg-table-container{overflow-x:auto;scrollbar-color:var(--hg-line-strong) #0000;scrollbar-width:thin}.hg-table-container::-webkit-scrollbar{height:7px}.hg-table-container::-webkit-scrollbar-track{background:#0000}.hg-table-container::-webkit-scrollbar-thumb{background:var(--hg-line-strong);border-radius:10px}.hg-table{border-collapse:initial;border-spacing:0;font-family:var(--hg-font);font-size:12px;min-width:2800px;width:100%}.hg-target-table{min-width:900px}.hg-target-table td,.hg-target-table th{border-bottom:1px solid #dde3ee!important;border-right:1.5px solid #c4cfe0!important;padding:6px!important}.hg-target-table th.th-group{border-right:2px solid #a0aec0!important}.hg-target-table td{max-width:90px;min-width:72px;width:72px}.hg-table thead th{background:#f4f7fe;border-bottom:2px solid var(--hg-line-strong);border-right:1px solid var(--hg-line);color:var(--hg-text-sub);font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:10px 8px;position:sticky;text-align:center;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.th-fixed{background:linear-gradient(135deg,#22243a,#1a1a2e)!important;color:#fff!important}.hg-table td{border-bottom:1px solid var(--hg-line);border-right:1px solid var(--hg-line);padding:6px 5px;text-align:center;vertical-align:middle}.hg-table tr>:first-child{border-left:1px solid var(--hg-line)}.hg-table thead tr>:first-child{border-left:none}.hg-table thead th.th-h1{background:#efecfb;color:#4c3fa0}.hg-table thead th.th-h2{background:#e2f5f5;color:#0b6666}.hg-table thead th.th-h3{background:#faf1dc;color:#8a6408}.hg-table thead th.th-h4{background:#22c55e1f;color:#157a3d}.hg-table thead th.th-h5{background:#13c6df1f;color:#0d8fa8}.hg-table thead th.th-h6{background:#ff3b5c1a;color:#c2264a}.hg-table thead th.th-h7{background:#fdf0f6;color:#99215f}.hg-table thead th.th-h8{background:#e7e9f0;color:var(--hg-text-sub)}.hg-table thead th.th-h9{background:#f3e8ff;color:#7e22ce}.hg-table thead th.th-h10{background:#fed7aa;color:#c2410c}.hg-table thead th.th-h11{background:#d9f99d;color:#4d7c0f}.hg-table thead th.th-h12{background:#bae6fd;color:#0369a1}.td-hour-process,.th-hour-process{min-width:140px!important;width:140px!important}.th-add-col,.th-add-group{background:#f4f7fe!important;vertical-align:middle;width:84px}.hg-add-group-btn,.hg-add-hour-btn{align-items:center;background:var(--hg-surface);border:1.5px dashed var(--hg-line-strong);border-radius:20px;color:var(--hg-text-faint);cursor:pointer;display:inline-flex;font-family:var(--hg-font);font-size:12px;font-weight:700;height:26px;justify-content:center;letter-spacing:0;padding:0 10px;text-transform:none;transition:var(--hg-transition)}.hg-add-hour-btn{padding:0;width:26px}.hg-add-group-btn:hover,.hg-add-hour-btn:hover{background:var(--cyan-soft);border-color:var(--cyan);border-style:solid;color:var(--hg-accent-dark)}.td-add-col-spacer{background:#f4f7fe}.hg-row{transition:background .15s}.hg-row:hover{background:var(--cyan-soft)!important}.hg-row.band-a{background:#fff}.hg-row.band-b{background:#fcfdff}.hg-row.band-c{background:#f9fbff}.hg-row.band-d{background:#f7f9ff}.hg-row.band-e{background:#f5f8ff}.hg-row.band-f{background:#f3f6ff}.hg-row.hg-row--absent{background:#ff002b14!important}.hg-row.hg-row--absent:hover{background:#ff3b5c26!important}.td-sno{color:var(--hg-text-faint);font-size:11px;font-weight:700;min-width:34px;position:relative;width:34px}.hg-sno-num{transition:opacity .1s}.hg-sno-remove{align-items:center;background:var(--pink-soft);border:none;border-radius:var(--hg-radius-sm);color:var(--pink);cursor:pointer;display:flex;font-size:10px;font-weight:800;inset:4px;justify-content:center;opacity:0;position:absolute;transition:var(--hg-transition)}.hg-row:hover .hg-sno-num{opacity:0}.hg-row:hover .hg-sno-remove{opacity:1}.hg-sno-remove:hover{background:#ff3b5c2e}.hg-drag-handle{color:var(--hg-text-faint);cursor:grab;display:none;font-size:14px;left:4px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.hg-drag-handle:active{cursor:grabbing}.hg-row:hover .hg-drag-handle{display:block}.hg-row-drag-over{background:var(--cyan-soft)!important;border-top:2.5px solid var(--cyan)!important}.td-name,.th-name{min-width:180px;width:180px}.td-h1{background:#6d5bd00d}.td-h2{background:#0e8a8a0d}.td-h3{background:#b8860f0d}.td-h4{background:#22c55e0d}.td-h5{background:#13c6df0f}.td-h6{background:#ff3b5c0d}.td-h7{background:#c4217a0d}.td-h8{background:#9297ab12}.td-h9{background:#7e22ce0d}.td-h10{background:#c2410c0d}.td-h11{background:#4d7c0f0d}.td-h12{background:#0369a10d}.hg-cell-input,.hg-cell-select{background:#0000;border:none;border-radius:6px;color:var(--hg-text);cursor:pointer;font-family:inherit;font-size:12px;height:100%;outline:none;padding:6px 5px;text-align:center;width:100%}.hg-cell-input{cursor:text}.hg-cell-input:hover,.hg-cell-select:hover{background:#13c6df0d}.hg-cell-input:focus,.hg-cell-select:focus{background:var(--cyan-soft);box-shadow:inset 0 0 0 2px var(--cyan)}.hg-cell-input--name{color:var(--hg-text);font-weight:700;text-align:left}.hg-cell-input--value{color:var(--hg-accent-dark);font-size:12px;font-weight:700;min-width:0;padding:3px 4px;text-align:center;width:100%}.td-checkin{color:#16a34a;font-weight:700}.td-checkout{color:#ea580c;font-weight:700}.hg-cell-select--project{color:#6d5bd0;font-weight:700}.hg-cell-select--process{appearance:none;color:var(--hg-text-sub);font-weight:600}.hg-cell-select--process::-ms-expand{display:none}.tgt-project-select{font-weight:700}.hg-col-header,.hg-group-header{align-items:center;display:flex;gap:5px;justify-content:center;white-space:nowrap}.hg-editable-label{border-bottom:1px dashed #0000;border-radius:4px;cursor:text;padding:1px 2px;transition:var(--hg-transition)}.hg-editable-label:hover{background:#fff9;border-bottom-color:initial}.hg-edit-input{background:#fff;border:1px solid var(--cyan);border-radius:6px;color:var(--hg-text);font:inherit;font-weight:700;letter-spacing:0;min-width:60px;outline:none;padding:3px 6px;text-align:center;text-transform:none}.hg-add-col-btn{align-items:center;background:#0000;border:1.5px dashed;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:800;height:18px;justify-content:center;line-height:1;opacity:.6;transition:var(--hg-transition);width:18px}.hg-add-col-btn:hover{background:#ffffffb3;opacity:1}.hg-del-col-btn{align-items:center;background:#ff3b5c24;border:none;border-radius:50%;color:var(--pink);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:800;height:16px;justify-content:center;line-height:1;opacity:0;transition:var(--hg-transition);width:16px}.th-group:hover .hg-del-col-btn{opacity:1}.hg-del-col-btn:hover{background:var(--pink);color:#fff;transform:scale(1.1)}.hg-del-col-btn--sm{font-size:8px;height:14px;width:14px}.hg-add-col-inline{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.hg-add-col-input{background:#fff;border:1px solid var(--cyan);border-radius:6px;color:var(--hg-text);font-family:var(--hg-font);font-size:11px;font-weight:500;letter-spacing:0;outline:none;padding:3px 6px;text-transform:none;width:96px}.hg-add-col-cancel,.hg-add-col-ok{align-items:center;border:none;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:800;height:18px;justify-content:center;width:18px}.hg-add-col-ok{background:var(--hg-green-soft);color:#16a34a}.hg-add-col-ok:hover{background:#22c55e40}.hg-add-col-cancel{background:var(--pink-soft);color:var(--pink)}.hg-add-col-cancel:hover{background:#ff3b5c38}.th-group-tint-1{background:var(--tint-1-soft)!important;color:var(--tint-1)!important}.th-group-tint-2{background:var(--tint-2-soft)!important;color:var(--tint-2)!important}.th-group-tint-3{background:var(--tint-3-soft)!important;color:var(--tint-3)!important}.th-group-tint-4{background:var(--tint-4-soft)!important;color:var(--tint-4)!important}.th-group-tint-5{background:var(--tint-5-soft)!important;color:var(--tint-5)!important}.th-group-tint-6{background:var(--tint-6-soft)!important;color:var(--tint-6)!important}.hg-empty{color:var(--hg-text-faint);font-size:.82rem;font-style:italic;padding:34px!important;text-align:center}.th-project{overflow:hidden;text-overflow:ellipsis}.td-project,.th-project{max-width:200px!important;min-width:140px!important;text-align:left!important;white-space:nowrap;width:160px!important}.td-project{overflow:visible!important}.td-sno,.th-sno{max-width:65px!important;min-width:55px!important;width:55px!important}.td-time,.th-time{min-width:90px!important;width:90px!important}.td-shift,.th-shift{min-width:140px!important;width:140px!important}.hg-popup-notification{animation:hg-popup-slide-in .35s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid var(--pink-line);border-left:4px solid var(--pink);border-radius:var(--hg-radius-md);bottom:24px;box-shadow:0 12px 34px #ff3b5c29;color:var(--hg-text);padding:16px 20px;position:fixed;right:24px;width:320px;z-index:1000}.hg-popup-close{color:var(--hg-text-faint);cursor:pointer;font-size:11px;position:absolute;right:12px;top:10px;transition:color .15s}.hg-popup-close:hover{color:var(--pink)}.hg-popup-notification p{font-size:12.5px;font-weight:500;line-height:1.5;margin:0}@keyframes hg-popup-slide-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.hg-toolbar{align-items:stretch;flex-direction:column}.hg-search-wrap{max-width:none}.hg-sheet-head,.hg-target-head{flex-direction:column}.hg-dd-widget{width:100%}.hg-dd-col{flex:1 1}}.hg-target-section-layout{align-items:stretch;display:flex;gap:20px;margin-bottom:24px}.hg-target-section-layout .hg-target-card{flex:1 1;margin-bottom:0;min-width:0}.hg-summary-container{background:var(--hg-surface);border:1px solid var(--hg-line);border-radius:var(--hg-radius-lg);box-shadow:var(--hg-shadow-sm);display:flex;flex-direction:column;max-height:480px;min-width:320px;padding:16px;width:320px}.hg-summary-header{align-items:center;border-bottom:1px solid var(--hg-line);display:flex;gap:8px;margin-bottom:14px;padding-bottom:10px}.hg-summary-icon{font-size:16px}.hg-summary-header h3{color:var(--hg-text);font-size:12px;font-weight:800;letter-spacing:.05em;margin:0;text-transform:uppercase}.hg-summary-scroll{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.hg-summary-scroll::-webkit-scrollbar{width:5px}.hg-summary-scroll::-webkit-scrollbar-track{background:#0000}.hg-summary-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.hg-summary-empty{color:var(--hg-text-faint);font-size:12px;font-style:italic;padding:24px 0;text-align:center}.hg-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--hg-radius-md);display:flex;flex-direction:column;gap:10px;padding:12px;transition:all .25s ease}.hg-summary-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.hg-summary-user{align-items:center;display:flex;gap:10px}.hg-summary-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;letter-spacing:.05em;width:32px}.hg-summary-user-info{display:flex;flex-direction:column}.hg-summary-user-name{color:var(--hg-text);font-size:13px;font-weight:700;line-height:1.2}.hg-summary-user-subtitle{color:#10b981;font-size:10.5px;font-weight:600}.hg-summary-detail-list{border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:6px;padding-top:8px}.hg-summary-detail-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.hg-summary-process-name{align-items:center;color:var(--hg-text-sub);display:flex;font-weight:500;gap:6px}.hg-summary-bullet{background:var(--cyan);border-radius:50%;height:5px;width:5px}.hg-summary-pages-badge{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:4px;color:#334155;font-size:11px;padding:1px 6px}.hg-summary-pages-badge strong{color:#0f172a}@media (max-width:1024px){.hg-target-section-layout{flex-direction:column}.hg-summary-container{max-height:350px;min-width:0;min-width:auto;width:100%}}.hg-project-text-disabled{color:var(--hg-text-faint);display:block;font-size:12px;font-weight:500;overflow:hidden;padding:6px 5px;text-overflow:ellipsis;white-space:nowrap}.hg-project-multiselect-container{height:100%;position:relative;width:100%}.hg-project-multiselect-trigger{align-items:center;background:#0000;border:1px solid #0000;color:#6d5bd0;display:flex;font-weight:700;gap:4px;height:100%;justify-content:space-between;text-align:left!important;width:100%}.hg-project-multiselect-trigger:hover{background:#6d5bd00d}.hg-project-multiselect-trigger .hg-trigger-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hg-project-multiselect-trigger .hg-trigger-arrow{color:var(--hg-text-faint);font-size:9px;transition:transform .2s ease}.hg-project-multiselect-container.active .hg-project-multiselect-trigger .hg-trigger-arrow{transform:rotate(180deg)}.hg-project-multiselect-dropdown{animation:hg-dropdown-fade-in .18s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid var(--hg-line);border-radius:var(--hg-radius-md);box-shadow:var(--hg-shadow-md);display:flex;flex-direction:column;gap:6px;left:0;margin-top:5px;padding:8px;position:absolute;top:100%;width:260px;z-index:1001}.hg-project-multiselect-dropdown.up{animation:hg-dropdown-fade-in-up .18s ease-out;bottom:100%;margin-bottom:5px;margin-top:0;top:auto}@keyframes hg-dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes hg-dropdown-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hg-dropdown-actions{border-bottom:1px solid #13c6df14;display:flex;gap:6px;justify-content:space-between;padding-bottom:6px}.hg-dropdown-action-btn{background:var(--cyan-soft);border:none;border-radius:4px;color:var(--hg-accent-dark);cursor:pointer;flex:1 1;font-size:10px;font-weight:700;padding:4px;transition:var(--hg-transition)}.hg-dropdown-action-btn:hover{background:#13c6df2e;color:#0369a1}.hg-dropdown-options{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto;padding-right:2px}.hg-dropdown-options::-webkit-scrollbar{width:4px}.hg-dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.hg-dropdown-option{align-items:center;border-radius:var(--hg-radius-sm);color:var(--hg-text-sub);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:8px;padding:6px 8px;transition:var(--hg-transition)}.hg-dropdown-option:hover{background:var(--hg-bg);color:var(--hg-text)}.hg-dropdown-option.checked{background:#6d5bd00f;color:#6d5bd0;font-weight:600}.hg-dropdown-option input[type=checkbox]{accent-color:#6d5bd0;cursor:pointer;flex-shrink:0;height:13px;width:13px}.hg-dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.al-container{display:flex;flex-direction:column;gap:20px;width:100%}.al-page-header{justify-content:space-between}.al-page-header,.al-page-title{align-items:center;display:flex}.al-page-title{gap:10px}.al-page-icon{font-size:22px}.al-page-title h2{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.al-filter-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:20px 24px}.al-filter-title{color:#2d3748;font-size:.92rem;font-weight:700;margin:0 0 16px}.al-filter-grid{grid-gap:14px 24px;display:grid;gap:14px 24px;grid-template-columns:1fr 1fr;margin-bottom:18px}.al-filter-group{display:flex;flex-direction:column;gap:6px}.al-filter-group label{color:#4a5568;font-size:.78rem;font-weight:600}.al-filter-select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%234a5568' d='m1 1 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;cursor:pointer;font-family:inherit;font-size:.85rem;outline:none;padding:9px 36px 9px 12px;transition:border-color .18s;width:100%}.al-filter-select:focus{border-color:#13c6df}.al-apply-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 20px;transition:opacity .18s}.al-apply-btn:hover{opacity:.88}.al-table-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:visible}.al-table-wrapper{border-radius:0 0 10px 10px;height:calc(100vh - 340px);min-height:200px;overflow-x:auto;overflow-y:auto}.al-table{border-collapse:collapse;font-size:13px;min-width:820px;width:100%}.al-table thead tr{background:#f8fafc}.al-table th{border-bottom:1px solid #edf2f7;color:#475569;font-size:14px;font-weight:800;padding:14px 15px;text-align:left;white-space:nowrap}.col-ts{min-width:145px;width:16%}.col-user{min-width:130px;width:16%}.col-action{min-width:80px;width:8%}.col-entity-type{min-width:90px;width:10%}.col-entity{min-width:130px;width:16%}.col-changes{width:22%}.col-ip{min-width:100px;width:12%}.al-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;padding:11px 15px;text-align:center;vertical-align:middle}.al-table tbody tr:last-child td{border-bottom:none}.al-table tbody tr:hover{background-color:#f8fafc}.td-ts{font-feature-settings:"tnum";color:#4b5563;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.td-user{color:#111827;font-weight:600}.al-action-badge{border-radius:5px;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.4px;padding:3px 9px;white-space:nowrap}.al-action-login{background:#fef3c7;color:#b45309}.al-action-logout{background:#e2e8f0;color:#475569}.al-action-create{background:#dcfce7;color:#15803d}.al-action-update{background:#dbeafe;color:#1d4ed8}.al-action-delete{background:#fee2e2;color:#b91c1c}.al-entity-badge{background:#cffafe;border-radius:5px;color:#0e7490;display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;white-space:nowrap}.td-entity{color:#111827;font-weight:600}.al-changes-text{color:#6b7280;font-size:12px;line-height:1.4}.al-dash{color:#d1d5db}.td-ip{color:#6b7280;font-family:Courier New,Courier,monospace;font-size:12px;white-space:nowrap}.al-empty{color:#a0aec0;font-size:.88rem;padding:48px 20px;text-align:center}.al-pagination{background:#fafafa;border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 16px}.al-pagination,.al-per-page{align-items:center;display:flex}.al-per-page{color:#4a5568;font-size:12.5px;gap:8px}.al-per-page select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%234a5568' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid #e2e8f0;border-radius:5px;color:#2d3748;cursor:pointer;font-family:inherit;font-size:12.5px;outline:none;padding:5px 28px 5px 10px;transition:border-color .15s}.al-per-page select:focus{border-color:#13c6df}.al-page-info{color:#718096;font-size:12.5px}.al-page-nav{gap:3px}.al-nav-btn,.al-page-nav{align-items:center;display:flex}.al-nav-btn{background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#4a5568;cursor:pointer;font-family:inherit;font-size:13px;height:32px;justify-content:center;line-height:1;min-width:32px;padding:0 6px;transition:background .14s,border-color .14s,color .14s}.al-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e0}.al-nav-btn:disabled{cursor:not-allowed;opacity:.38}.al-nav-edge{color:#718096;font-size:12px}.al-active-page{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;font-weight:700}@media (max-width:700px){.al-filter-grid{grid-template-columns:1fr}.al-pagination{align-items:flex-start;flex-direction:column}}.al-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.al-table-wrapper::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.al-table-wrapper{height:calc(100vh - 340px)!important;min-height:200px!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}.al-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.al-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.al-pagination{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.al-pagination label{display:inline-block!important;margin:0!important;padding:0!important;white-space:nowrap!important}.al-pagination select,.al-per-page select{margin:0!important;padding:5px 28px 5px 10px!important}.al-per-page span{margin:0!important;padding:0!important}.rp-container{background-color:#f5f6f8;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:24px}.rp-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.rp-header-bar h2{align-items:center;color:#1a1a1a;display:flex;font-size:24px;margin:0}.rp-header-actions{display:flex;gap:12px}.rp-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.rp-btn:disabled{cursor:not-allowed;opacity:.6}.rp-btn-primary{background-color:#1890ff;color:#fff}.rp-btn-primary:hover:not(:disabled){background-color:#40a9ff}.rp-btn-success{background-color:#52c41a;color:#fff}.rp-btn-success:hover:not(:disabled){background-color:#73d13d}.rp-btn-info{background-color:#13c2c2;color:#fff}.rp-btn-info:hover:not(:disabled){background-color:#36cfc9}.rp-btn-secondary{background-color:#8c98a4;color:#fff}.rp-btn-secondary:hover:not(:disabled){background-color:#a3afb7}.rp-btn-danger{background-color:#ff4d4f;color:#fff}.rp-btn-danger:hover:not(:disabled){background-color:#ff7875}.rp-btn-select-all{background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;color:#1890ff;cursor:pointer;font-size:13px;font-weight:500;padding:5px 12px;transition:all .2s;white-space:nowrap}.rp-btn-select-all:hover{background-color:#bae7ff;border-color:#1890ff}.rp-btn-select-all.rp-btn-deselect{background-color:#fff1f0;border-color:#ffa39e;color:#ff4d4f}.rp-btn-select-all.rp-btn-deselect:hover{background-color:#ffccc7;border-color:#ff4d4f}.rp-section{background:#0000;margin-bottom:32px}.rp-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rp-section-title{color:#1a1a1a;font-size:18px;margin:0 0 16px}.rp-grid{grid-gap:16px;display:grid;gap:16px}.rp-roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.rp-permissions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.rp-card{background:#fff;border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;padding:16px}.rp-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.rp-card-title{font-size:16px;font-weight:600;margin:0}.rp-badge-active{background-color:#d9f7be;border-radius:4px;color:#389e0d;font-size:12px;font-weight:500;padding:2px 8px}.rp-card-body{flex-grow:1}.rp-card-desc{color:#666;font-size:14px;line-height:1.5;margin:0}.rp-card-actions{display:flex;gap:8px;margin-top:16px}.rp-icon-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;transition:background-color .2s,transform .1s}.rp-icon-btn:hover{transform:scale(1.05)}.rp-icon-btn-edit{background-color:#fff7e6;border:1px solid #ffd591}.rp-icon-btn-edit:hover{background-color:#ffe7ba}.rp-icon-btn-assign{background-color:#e6fffb;border:1px solid #87e8de}.rp-icon-btn-assign:hover{background-color:#b5f5ec}.rp-icon-btn-delete{background-color:#fff1f0;border:1px solid #ffa39e}.rp-icon-btn-delete:hover{background-color:#ffccc7}.rp-perm-card{background:#fff;border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 1px 2px #0000000d;padding:16px}.rp-perm-name{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.rp-perm-id{color:#888;font-size:12px;margin-bottom:8px}.rp-perm-desc{color:#666;font-size:13px;margin:0}.rp-pagination{align-items:center;border-top:1px solid #f0f0f0;color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:16px;padding:16px 0}.rp-items-per-page select{border:1px solid #d9d9d9;border-radius:4px;margin-left:8px;padding:4px}.rp-pagination-controls{display:flex;gap:4px}.rp-pagination-controls button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:4px 10px}.rp-pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.rp-pagination-controls button.rp-active-page{background:#1890ff;border-color:#1890ff;color:#fff}.rp-modal-overlay{align-items:center;background-color:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rp-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.rp-modal-lg{max-width:700px}.rp-modal-confirm{max-width:420px}.rp-modal-header-danger{align-items:center;background-color:#fff1f0;border-bottom:1px solid #ffd6d6!important;border-radius:8px 8px 0 0;display:flex;flex-direction:column;padding:20px 24px 16px!important;text-align:center}.rp-modal-header-danger h2{color:#cf1322!important;font-size:18px!important;margin-top:4px!important}.rp-confirm-icon{font-size:36px;line-height:1;margin-bottom:8px}.rp-confirm-body{padding:20px 24px!important;text-align:center}.rp-confirm-message{color:#333;font-size:15px;line-height:1.5;margin:0 0 12px}.rp-confirm-warning{background-color:#fffbe6;border:1px solid #ffe58f;border-radius:4px;color:#8c8c8c;font-size:13px;margin:0;padding:8px 12px;text-align:left}.rp-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.rp-modal-header h2{font-size:20px;margin:0}.rp-modal-body{padding:24px}.rp-modal-body-scrollable{overflow-y:auto}.rp-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rp-form-group{margin-bottom:16px}.rp-form-group label{display:block;font-weight:500;margin-bottom:8px}.rp-form-group input[type=text],.rp-form-group textarea{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.rp-filter-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%238c8c8c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;color:#434343;cursor:pointer;font-size:14px;outline:none;padding:8px 32px 8px 12px;transition:all .2s ease-in-out;width:180px}.rp-filter-select:hover{background-color:#fafafa;border-color:#1890ff}.rp-filter-select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.rp-form-group input:focus,.rp-form-group textarea:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.rp-form-checkbox{align-items:center;display:flex;gap:8px;margin-bottom:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.rp-assign-perm-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.rp-assign-perm-item{align-items:flex-start;background:#f9fbfd;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.rp-assign-perm-item.selected{background:#e6f7ff;border-color:#91d5ff}.rp-assign-perm-info{display:flex;flex-direction:column}.rp-assign-perm-name{font-size:13px;font-weight:600}.rp-assign-perm-id{color:#888;font-size:11px}.rp-step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rp-step-header h4{font-size:16px;margin:0}.rp-step-count-badge{background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:12px;color:#1890ff;display:inline-block;font-size:12px;font-weight:500;margin-top:10px;padding:2px 10px}.rp-step-count-badge-green{background-color:#f6ffed;border-color:#b7eb8f;color:#52c41a}.rp-resource-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.rp-resource-item{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.rp-resource-item.selected{background:#e6f7ff;border-color:#1890ff}.rp-action-item input[type=checkbox],.rp-resource-item input[type=checkbox]{cursor:pointer}.rp-action-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.rp-action-item{align-items:flex-start;background:#fff;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.rp-action-item.selected{background:#f6ffed;border-color:#52c41a}.rp-action-info{display:flex;flex-direction:column}.rp-action-label{font-size:14px;font-weight:600}.rp-action-desc{color:#666;font-size:12px}.rp-summary-box{background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;padding:12px}.rp-summary-box p{margin:0 0 4px}.rp-text-muted{color:#666;font-size:13px}.rp-generated-box{background:#fffbe6;border:1px solid #ffe58f;border-radius:4px;padding:12px}.rp-generated-box h5{color:#d48806;margin:0 0 8px}.rp-generated-list{display:flex;flex-wrap:wrap;gap:6px}.rp-generated-name{background-color:#f0f5ff;border:1px solid #adc6ff;border-radius:3px;color:#1890ff;font-family:monospace;font-size:13px;font-weight:600;padding:2px 8px}.rp-tabs{border-bottom:2px solid #e8e8e8;display:flex;gap:12px;margin-bottom:24px}.rp-tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:600;outline:none;padding:12px 24px;transition:all .2s ease-in-out}.rp-tab-btn:hover{color:#1890ff}.rp-tab-btn.active{border-bottom-color:#1890ff;color:#1890ff}.rp-table th{background-color:#f8fafc!important;box-shadow:inset 0 -1px 0 #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}@media (min-width:1024px){.rp-filter-card{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;margin-bottom:16px!important;padding:16px 20px!important;position:sticky!important;top:65px!important;z-index:900!important}}.rp-pagination{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:12px 16px!important;width:100%!important}.rp-pagination label{display:inline-block!important;white-space:nowrap!important}.rp-items-per-page label,.rp-items-per-page select,.rp-pagination label,.rp-pagination select{margin:0!important;padding:0!important}.pa-container{color:#1e293b;font-family:Inter,Segoe UI,sans-serif;margin:0 auto;max-width:1140px;padding:28px 32px}.pa-header{gap:16px;margin-bottom:28px}.pa-header,.pa-header-icon{align-items:center;display:flex}.pa-header-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 4px 12px #6366f159;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.pa-header h1{color:#0f172a;font-size:1.45rem;font-weight:700;line-height:1.2;margin:0 0 3px}.pa-header p{color:#64748b;font-size:.84rem;margin:0}.pa-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:4px;margin-bottom:22px;padding:5px;width:fit-content}.pa-tab{background:#0000;border:none;border-radius:9px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;letter-spacing:.01em;padding:9px 26px;transition:all .2s ease}.pa-tab.active{background:#fff;box-shadow:0 1px 6px #0000001a;color:#4f46e5}.pa-tab:hover:not(.active){background:#ffffff80;color:#334155}.pa-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:28px 28px 24px}.pa-info-banner{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #38bdf8;border-radius:8px;color:#0369a1;display:flex;font-size:.84rem;gap:10px;line-height:1.5;margin-bottom:22px;padding:12px 16px}.pa-selector-block{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.pa-selector-label{color:#374151;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pa-filter-input{background:#f9fafb url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") 11px/16px no-repeat;border:1.5px solid #d1d5db;border-radius:9px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.9rem;max-width:460px;outline:none;padding:10px 14px 10px 38px;transition:border-color .2s,box-shadow .2s;width:100%}.pa-filter-input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pa-filter-input::placeholder{color:#9ca3af}.pa-select{appearance:none;-webkit-appearance:none;background:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1.5px solid #d1d5db;border-radius:9px;box-sizing:border-box;color:#1e293b;cursor:pointer;font-family:inherit;font-size:.9rem;max-width:460px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.pa-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pa-emp-card{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1.5px solid #c7d2fe;border-radius:12px;gap:14px;margin:14px 0 4px;padding:14px 16px}.pa-emp-avatar,.pa-emp-card{align-items:center;display:flex}.pa-emp-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #6366f14d;color:#fff;flex-shrink:0;font-size:1rem;font-weight:700;height:42px;justify-content:center;width:42px}.pa-emp-info{flex:1 1;min-width:0}.pa-emp-name{color:#1e293b;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-emp-meta{color:#6366f1;font-size:.78rem;margin-top:2px}.pa-emp-role-badge{background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;color:#5b21b6;font-size:.72rem;font-weight:700;padding:3px 10px;white-space:nowrap}.pa-section-label{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.07em;margin:22px 0 14px;text-transform:uppercase}.pa-section-label:after{background:#e2e8f0;content:"";flex:1 1;height:1px}.pa-pages-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));margin-bottom:24px}.pa-page-card{align-items:center;background:#f9fafb;border:2px solid #e2e8f0;border-radius:11px;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:11px 13px;position:relative;transition:all .18s ease;-webkit-user-select:none;user-select:none}.pa-page-card:before{background:linear-gradient(135deg,#0000,#6366f10a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.pa-page-card:hover{background:#f5f3ff;border-color:#a5b4fc;box-shadow:0 3px 10px #6366f11f;transform:translateY(-1px)}.pa-page-card:hover:before{opacity:1}.pa-page-card.checked{background:#eef2ff;border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.pa-page-card.fixed{cursor:default;opacity:.5}.pa-page-card.fixed:hover{background:#f9fafb;border-color:#e2e8f0;box-shadow:none;transform:none}.pa-page-card.role-inherited{background:#f5f3ff;border-color:#c7d2fe}.pa-page-card.role-inherited:hover{background:#e0e7ff;border-color:#a5b4fc}.pa-page-icon{flex-shrink:0;font-size:1.15rem;text-align:center;width:24px}.pa-page-label{color:#334155;flex:1 1;font-size:.82rem;font-weight:600;line-height:1.2}.pa-page-card.checked .pa-page-label{color:#4338ca}.pa-checkbox{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:5px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s;width:18px}.pa-page-card.checked .pa-checkbox{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;box-shadow:0 1px 4px #6366f166}.pa-checkbox-tick{color:#fff;font-size:10px;font-weight:800;line-height:1}.pa-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;margin-top:4px;padding-top:18px}.pa-btn-save{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:9px;box-shadow:0 2px 8px #6366f159;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:.01em;padding:10px 28px;transition:all .2s}.pa-btn-save:hover{box-shadow:0 4px 14px #6366f173;transform:translateY(-1px)}.pa-btn-save:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.pa-btn-reset{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;color:#475569;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;padding:10px 20px;transition:all .2s}.pa-btn-reset:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.pa-placeholder{color:#94a3b8;padding:50px 20px;text-align:center}.pa-placeholder-icon{display:block;font-size:3.5rem;margin-bottom:14px;opacity:.7}.pa-placeholder p{color:#94a3b8;font-size:.9rem;margin:0}.pa-loading{align-items:center;color:#94a3b8;display:flex;font-size:.88rem;gap:10px;padding:24px 0}.pa-spinner{animation:pa-spin .7s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;flex-shrink:0;height:18px;width:18px}@keyframes pa-spin{to{transform:rotate(1turn)}}.pa-toast{align-items:center;animation:pa-slide-in .3s cubic-bezier(.34,1.56,.64,1);background:#1e293b;border-radius:12px;bottom:28px;box-shadow:0 8px 30px #00000040;color:#fff;display:flex;font-size:.88rem;font-weight:500;gap:10px;padding:13px 22px;position:fixed;right:28px;z-index:9999}.pa-toast.success{background:linear-gradient(135deg,#059669,#047857)}.pa-toast.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}@keyframes pa-slide-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.pa-container{padding:16px}.pa-card{padding:18px 16px}.pa-pages-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pa-filter-input,.pa-select{max-width:100%}.pa-tab{font-size:.82rem;padding:8px 14px}}.st-container{display:flex;flex-direction:column;gap:20px;width:100%}.st-page-header{justify-content:space-between}.st-page-header,.st-page-title{align-items:center;display:flex}.st-page-title{gap:10px}.st-page-icon{font-size:22px}.st-page-title h2{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.st-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.st-col{display:flex;flex-direction:column;gap:20px}.st-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:22px 24px}.st-card-title{border-bottom:1px solid #f1f5f9;color:#2d3748;font-size:.95rem;font-weight:700;margin:0 0 18px;padding-bottom:12px}.st-divider{background:#f1f5f9;height:1px;margin:18px 0}.st-section-label{color:#374151;font-size:.8rem;font-weight:700;margin-bottom:5px}.st-form-group{margin-bottom:14px}.st-form-group:last-child{margin-bottom:0}.st-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px}.st-form-row .st-form-group{margin-bottom:0}.st-label{color:#374151;display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.st-req{color:#e53e3e}.st-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.84rem;outline:none;padding:8px 11px;transition:border-color .18s,box-shadow .18s;width:100%}.st-input:focus{border-color:#00a3ff;box-shadow:0 0 0 3px #00a3ff1a}.st-hint{color:#9ca3af;font-size:.73rem;line-height:1.4;margin:4px 0 0}.st-color-row{align-items:center;display:flex;gap:10px}.st-color-picker{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;flex-shrink:0;height:36px;padding:2px;width:44px}.st-toggle-item{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 14px}.st-toggle-label{align-items:center;color:#1e3a5f;cursor:pointer;display:flex;font-size:.84rem;font-weight:600;gap:8px}.st-checkbox{accent-color:#00a3ff;cursor:pointer;height:15px;width:15px}.st-quote-preview{background:linear-gradient(135deg,#ff3b5c0f,#13c6df0f);border:1px solid #13c6df40;border-radius:10px;margin-bottom:14px;padding:16px 18px}.st-quote-preview-label{color:#9ca3af;font-size:.68rem;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.st-quote-preview-text{border-left:3px solid #13c6df;color:#374151;font-size:.88rem;font-style:italic;line-height:1.6;margin:0 0 8px;padding-left:12px}.st-quote-count{color:#6b7280;font-size:.72rem;font-weight:600}.st-manage-quotes-btn{background:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;margin-bottom:2px;padding:9px 18px;transition:opacity .18s}.st-manage-quotes-btn:hover{opacity:.88}.st-save-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:9px 22px;transition:opacity .18s,transform .15s}.st-save-btn:hover{opacity:.88;transform:translateY(-1px)}.st-save-btn.large{font-size:.9rem;padding:11px 32px}.st-footer{display:flex;justify-content:flex-end;padding-top:4px}.st-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.st-modal-box{animation:st-modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:88vh;max-width:560px;overflow-y:auto;padding:28px 30px 24px;width:100%}@keyframes st-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.st-modal-title{color:#1a202c;font-size:1.05rem;font-weight:700;margin:0 0 6px}.st-modal-sub{color:#718096;font-size:.82rem;line-height:1.5;margin:0 0 18px}.st-quote-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-height:300px;overflow-y:auto;padding-right:2px}.st-quote-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:10px 12px}.st-quote-textarea{background:#0000;border:none;color:#374151;flex:1 1;font-family:inherit;font-size:.83rem;line-height:1.5;outline:none;resize:none}.st-quote-del{align-items:center;background:#fee2e2;border:none;border-radius:5px;color:#b91c1c;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;transition:opacity .15s;width:26px}.st-quote-del:hover{opacity:.8}.st-quote-add-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:4px}.st-quote-new{border:1.5px solid #e2e8f0;border-radius:8px;color:#1a202c;flex:1 1;font-family:inherit;font-size:.83rem;line-height:1.5;outline:none;padding:9px 12px;resize:none;transition:border-color .18s}.st-quote-new:focus{border-color:#00a3ff}.st-quote-add-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.82rem;font-weight:700;padding:9px 16px;transition:opacity .18s;white-space:nowrap}.st-quote-add-btn:hover{opacity:.88}.st-modal-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:14px}.st-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.st-btn-cancel:hover{background:#e2e8f0}.st-btn-primary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.st-btn-primary:hover{opacity:.88}.st-modal-box::-webkit-scrollbar{width:5px}.st-modal-box::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.st-quote-list::-webkit-scrollbar{width:4px}.st-quote-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}@media (max-width:900px){.st-form-row,.st-grid{grid-template-columns:1fr}}.celebration-card{background:#fff;border:1px solid #d946ef26;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:460px;margin-top:14px;padding:22px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.celebration-card:hover{box-shadow:0 10px 20px #d946ef14;transform:translateY(-2px)}.celebration-content-wrapper{flex:1 1;overflow-y:auto}.celebration-content{align-items:center;background:linear-gradient(135deg,#fff5f5,#fff0f6 50%,#f3f0ff);border-left:5px solid #d946ef;border-radius:8px;box-shadow:inset 0 1px 3px #00000005;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100%;overflow:hidden;padding:10px 0;position:relative}.celebration-content:before{animation:float-celebration-preview 3s ease-in-out infinite;content:"✨";font-size:1rem;opacity:.5;position:absolute;right:8px;top:8px}.celebration-content:after{animation:float-celebration-preview 4s ease-in-out infinite alternate;bottom:8px;content:"🎉";font-size:1rem;left:8px;opacity:.5;position:absolute}@keyframes float-celebration-preview{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-4px) rotate(10deg)}}.celebration-photo-container{align-items:center;border-radius:8px;cursor:zoom-in;display:flex;justify-content:center;overflow:hidden;position:relative;width:90%}.celebration-img{border-radius:8px;box-shadow:0 4px 12px #00000014;max-height:180px;max-width:100%;object-fit:contain;transition:transform .3s ease}.celebration-photo-container:hover .celebration-img{transform:scale(1.03)}.celebration-photo-overlay{align-items:center;background:#00000040;border-radius:8px;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.celebration-photo-container:hover .celebration-photo-overlay{opacity:1}.celebration-zoom-icon{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 10px #00000026;color:#1e293b;display:flex;font-size:1.1rem;height:36px;justify-content:center;transform:scale(.9);transition:transform .25s cubic-bezier(.175,.885,.32,1.275);width:36px}.celebration-photo-container:hover .celebration-zoom-icon{transform:scale(1)}.celebration-text-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffbf;border:1px dashed #f5d0fe;border-radius:8px;box-shadow:0 2px 6px #d946ef0a;box-sizing:border-box;color:#4a044e;font-size:.92rem;font-weight:700;line-height:1.5;padding:8px 12px;text-align:center;width:90%}.celebration-lightbox{align-items:center;animation:lightbox-fadein .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172ad9;display:flex;flex-direction:column;inset:0;justify-content:center;padding:24px;position:fixed;z-index:5000}@keyframes lightbox-fadein{0%{opacity:0}to{opacity:1}}.lightbox-close-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:44px;z-index:5010}.lightbox-close-btn:hover{background:#ef4444e6;border-color:#ef4444e6;box-shadow:0 4px 12px #ef444459;transform:scale(1.05) rotate(90deg)}.lightbox-content-box{flex:1 1;margin-top:10px;max-height:75vh;max-width:90vw;overflow:hidden;position:relative;width:100%}.lightbox-content-box,.lightbox-img-wrapper{align-items:center;display:flex;justify-content:center}.lightbox-img-wrapper{transition:transform .3s cubic-bezier(.4,0,.2,1)}.lightbox-img-element{border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:75vh;max-width:90vw;object-fit:contain;transition:transform .25s ease}.lightbox-controls-panel{align-items:center;animation:lightbox-control-slideup .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:50px;box-shadow:0 8px 32px #00000040;display:flex;gap:16px;margin-top:24px;padding:10px 20px;z-index:5010}@keyframes lightbox-control-slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lightbox-ctrl-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;padding:8px;transition:all .2s ease;width:38px}.lightbox-ctrl-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.lightbox-ctrl-btn:disabled{background:#0000;cursor:not-allowed;opacity:.3;transform:none}.lightbox-ctrl-divider{background:#ffffff26;height:24px;width:1px}.lightbox-info-tag{color:#ffffff80;font-size:.75rem;font-weight:600;min-width:50px;padding:0 4px;text-align:center}.celebration-fit-toggle{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172ab3;border:1px solid #fff3;border-radius:20px;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;gap:4px;padding:4px 8px;position:absolute;right:8px;transition:all .2s ease;z-index:20}.celebration-fit-toggle:hover{background:#0f172af2;box-shadow:0 4px 10px #00000026;transform:scale(1.05)}.card-zoom-controls{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172ad9,#1e293be6);border-radius:10px;box-shadow:0 2px 12px #0000002e;display:flex;gap:8px;margin:8px auto 0;max-width:100%;padding:8px 12px;width:fit-content}.card-zoom-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;color:#e2e8f0;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;transition:background .15s ease,transform .1s ease;width:28px}.card-zoom-btn:hover:not(:disabled){background:#6366f173;transform:scale(1.1)}.card-zoom-btn:disabled{cursor:not-allowed;opacity:.3}.card-zoom-slider{appearance:none;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;cursor:pointer;height:4px;outline:none;width:110px}.card-zoom-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 0 3px #6366f1;cursor:pointer;height:16px;-webkit-transition:box-shadow .15s ease;transition:box-shadow .15s ease;width:16px}.card-zoom-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #a855f7}.card-zoom-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.03em;min-width:34px;text-align:center}.card-zoom-reset{background:#ef44442e;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;font-size:.68rem;font-weight:600;padding:3px 8px;transition:background .15s ease,transform .1s ease;white-space:nowrap}.card-zoom-reset:hover{background:#ef444459;transform:scale(1.05)}.performer-builder{background:#fffaf0;border:1px solid #e7a008;border-radius:8px;box-shadow:0 4px 14px #78350f14;margin-top:16px;padding:18px}.performer-builder__header{align-items:center;display:flex;gap:14px;justify-content:space-between}.performer-builder__toggle{align-items:center;color:#78350f;cursor:pointer;display:flex;font-size:.95rem;font-weight:800;gap:8px}.performer-builder__toggle input{accent-color:#b45309;height:18px;margin:0;width:18px}.performer-builder__description{color:#9a5715;font-size:.78rem;line-height:1.45;margin:5px 0 16px 26px}.performer-builder__add,.performer-form__criteria-add,.performer-form__message-action{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:800;gap:6px;justify-content:center}.performer-builder__add{background:#2563eb;border:1px solid #1d4ed8;color:#fff;font-size:.78rem;min-height:34px;padding:7px 12px}.performer-builder__add:hover{background:#1d4ed8}.performer-builder__forms{display:flex;flex-direction:column;gap:14px}.performer-builder__empty{align-items:center;background:#fff;border:1px dashed #d6a64a;border-radius:8px;color:#6b7280;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:170px;text-align:center}.performer-builder__empty strong{color:#1f2937;font-size:.9rem}.performer-builder__empty span{font-size:.76rem;margin-bottom:4px}.performer-form{background:#fff;border:1px solid #e5c06d;border-radius:8px;box-shadow:0 3px 12px #1f293712;overflow:hidden}.performer-form__header{align-items:center;background:#fff7df;border-bottom:1px solid #f1dfb8;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.performer-form__title{align-items:center;display:flex;gap:10px;min-width:0}.performer-form__number{align-items:center;background:#92400e;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 30px;font-size:.78rem;font-weight:900;height:30px;justify-content:center;width:30px}.performer-form__title h4{color:#422006;font-size:.9rem;letter-spacing:0;margin:0}.performer-form__title p{color:#8a5b2a;font-size:.72rem;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performer-form__delete{align-items:center;background:#fff1f2;border:1px solid #fecaca;border-radius:6px;color:#be123c;cursor:pointer;display:inline-flex;flex:0 0 34px;height:34px;justify-content:center;width:34px}.performer-form__delete:hover{background:#ffe4e6}.performer-form__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.performer-form__field{display:flex;flex-direction:column;gap:6px;min-width:0}.performer-form__field--wide{grid-column:1/-1}.performer-form__field label,.performer-form__preview-label{color:#713f12;font-size:.76rem;font-weight:800}.performer-form__field input:not([type=file]),.performer-form__field select,.performer-form__field textarea{background:#fff;border:1px solid #d4a72c;border-radius:6px;box-sizing:border-box;color:#1f2937;font:inherit;font-size:.82rem;min-height:38px;outline:none;width:100%}.performer-form__field input:not([type=file]),.performer-form__field select{padding:8px 10px}.performer-form__field textarea{line-height:1.45;padding:9px 10px;resize:vertical}.performer-form__field input:focus,.performer-form__field select:focus,.performer-form__field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.performer-form__label-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.performer-form__criteria-add,.performer-form__message-action{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.7rem;padding:4px 8px}.performer-form__identity{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.72rem;gap:6px}.performer-form__database-id{border-left:1px solid #d1d5db;padding-left:8px}.performer-form__upload{align-items:center;background:#fffbeb;border:1px dashed #ca8a04;border-radius:6px;color:#854d0e;cursor:pointer;display:inline-flex;gap:7px;justify-content:center;min-height:38px}.performer-form__upload:hover{background:#fef3c7}.performer-form__file-input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.performer-form__hint{color:#6b7280;font-size:.68rem;line-height:1.35}.performer-form__preview{padding:0 16px 16px}.performer-builder__preview{background:#fff;border:1px solid #d7b35a;border-radius:8px;padding:14px}.performer-form__preview-label{display:block;margin-bottom:7px}.performer-form__preview-empty{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;display:flex;font-size:.78rem;justify-content:center;min-height:76px}@media (max-width:720px){.performer-builder{padding:12px}.performer-builder__header{align-items:flex-start;flex-direction:column}.performer-builder__add{width:100%}.performer-builder__description{margin-left:0}.performer-form__grid{grid-template-columns:1fr;padding:12px}.performer-form__field--wide{grid-column:auto}.performer-form__label-row{align-items:flex-start;flex-direction:column}.performer-form__criteria-add,.performer-form__message-action{align-self:flex-start}.performer-form__preview{padding:0 12px 12px}.performer-builder__preview{padding:10px}}.tm-wrapper{width:100%}.tm-page-header{justify-content:space-between;margin-bottom:18px}.tm-page-header,.tm-page-title{align-items:center;display:flex}.tm-page-title{gap:10px}.tm-icon{font-size:22px}.tm-page-title h1{color:#1a202c;font-size:1.25rem;font-weight:800;margin:0}.tm-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:6px;margin-bottom:20px}.tm-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;color:#718096;cursor:pointer;display:flex;font-family:inherit;font-size:.84rem;font-weight:600;gap:7px;margin-bottom:-2px;padding:9px 22px;transition:color .18s,border-color .18s,background .18s}.tm-tab:hover{background:#f8fafc;color:#2d3748}.tm-tab--active{background:#f0f9ff;border-bottom-color:#00a3ff;color:#00a3ff}.tm-tab-icon{font-size:15px}.tm-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;overflow:hidden}.tm-section--emp{margin-top:4px}.tm-section-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:14px 18px}.tm-section-title{color:#2d3748;font-size:.95rem;font-weight:700}.tm-btn-add{background:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.81rem;font-weight:700;padding:8px 18px;transition:opacity .18s}.tm-btn-add:hover{opacity:.88}.tm-table-container{overflow-x:auto}.tm-table{border-collapse:collapse;font-size:13px;min-width:700px;width:100%}.tm-table thead th{background-color:#f8fafc;border-bottom:1px solid #edf2f7;color:#475569;font-size:15px;font-weight:800;letter-spacing:.3px;padding:14px 15px;text-align:center;white-space:nowrap}.tm-row{border-bottom:1px solid #f1f5f9;transition:background .12s}.tm-row:last-child{border-bottom:none}.tm-row:hover{background:#f8fafc}.tm-table tbody td{color:#4a5568;padding:11px 16px;text-align:center;vertical-align:middle}.tm-cell-name{color:#2d3748!important;font-weight:600}.tm-cell-muted{color:#a0aec0!important;font-size:12.5px}.tm-empty{color:#a0aec0!important;padding:40px!important;text-align:center}.tm-status{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:600;padding:3px 11px}.tm-status--active{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.tm-status--inactive{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.tm-actions{display:flex;gap:6px}.tm-action-btn,.tm-actions{align-items:center;justify-content:center}.tm-action-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:30px;transition:background .18s,transform .15s;width:30px}.tm-action-btn:hover{transform:scale(1.08)}.tm-action-btn--edit{color:#f39c12}.tm-action-btn--edit:hover{background:#fef5e7}.tm-action-btn--delete{color:#e74c3c}.tm-action-btn--delete:hover{background:#fdedec}.emp-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;margin:0 auto;width:34px}.emp-role{padding:3px 12px}.emp-role,.tm-access-badge{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:700}.tm-access-badge{min-width:78px;padding:4px 12px}.tm-access-badge--granted{background:#d1fae5;border:1px solid #86efac;color:#065f46}.tm-access-badge--denied{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.role--admin{background:#fee2e2;color:#b91c1c}.role--manager{background:#d1fae5;color:#065f46}.role--executive{background:#ede9fe;color:#5b21b6}.role--viewer{background:#e0f2fe;color:#0369a1}.tm-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px 10px}.tm-page-count{color:#a0aec0;font-size:12px}.tm-page-btns{align-items:center;display:flex;gap:10px}.tm-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-family:inherit;font-size:1rem;padding:4px 12px;transition:background .12s}.tm-page-btn:hover:not(:disabled){background:#f1f5f9}.tm-page-btn:disabled{cursor:not-allowed;opacity:.4}.tm-page-info{color:#4a5568;font-size:12.5px;font-weight:500}.modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0f172a85;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.modal-box{animation:modal-in .22s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:88vh;max-width:500px;overflow-y:auto;padding:28px 30px 24px;width:100%}.modal-box--confirm{max-width:400px;text-align:center}.modal-box--wide{max-width:620px}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-warn-icon{font-size:2.4rem;margin-bottom:10px}.modal-title{color:#1a202c;font-size:1.05rem;font-weight:700;margin:0 0 18px}.modal-confirm-text{color:#4a5568;font-size:.89rem;line-height:1.65;margin:0 0 6px}.modal-hint{color:#718096;font-size:.82rem;margin:0 0 14px}.modal-form{gap:14px;margin-bottom:4px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:5px}.form-label{color:#2d3748;font-size:.81rem;font-weight:600}.req{color:#e53e3e}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a202c;font-family:inherit;font-size:.84rem;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00a3ff}.form-input--err{border-color:#e53e3e!important}.form-textarea{min-height:70px;resize:vertical}.form-error{color:#e53e3e;font-size:.77rem;font-weight:600}.modal-actions{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.modal-box--confirm .modal-actions{justify-content:center}.modal-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .18s}.modal-btn-cancel:hover{background:#e2e8f0}.modal-btn-confirm{background:#00a3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:8px 22px;transition:opacity .18s}.modal-btn-confirm:hover{opacity:.88}.modal-btn-confirm--danger{background:#ef4444}.modal-box::-webkit-scrollbar{width:5px}.modal-box::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:6px}.access-toggle-container{align-items:center;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px 20px}.access-toggle-label{color:#2d3748;font-size:.95rem;font-weight:600}.toggle-switch{display:inline-block;height:24px;position:relative;width:46px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#00a3ff}input:focus+.toggle-slider{box-shadow:0 0 1px #00a3ff}input:checked+.toggle-slider:before{transform:translateX(22px)}@media (max-width:768px){.tm-table tbody td:nth-child(3),.tm-table tbody td:nth-child(4),.tm-table thead th:nth-child(3),.tm-table thead th:nth-child(4){display:none}.modal-box{padding:22px 18px 18px}}.tm-dropdown-wrapper{position:relative}.tm-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:hidden;position:absolute;right:0;top:110%;width:230px;z-index:100}.tm-dropdown-item{background:#fff;border:none;color:#2d3748;cursor:pointer;font-size:.84rem;padding:11px 14px;text-align:left;transition:background .18s;width:100%}.tm-dropdown-item:hover{background:#f8fafc}:root{--font-body:"DM Sans","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--color-bg:#f4f6fb;--color-surface:#fff;--color-border:#e4e9f2;--color-border-light:#f0f3fa;--color-text-primary:#0f1c3f;--color-text-secondary:#5a6a8a;--color-text-muted:#9aa5bf;--identity-bg:#f0f6ff;--identity-border:#c3d9ff;--identity-text:#1a56db;--identity-top:#3b82f6;--shift-bg:#f0fdf8;--shift-border:#a7f3d0;--shift-text:#065f46;--shift-top:#10b981;--break-bg:#fff8f0;--break-border:#fcd9aa;--break-text:#9a3412;--break-top:#f97316;--lunch-bg:#fdf4ff;--lunch-border:#e9c9ff;--lunch-text:#6b21a8;--lunch-top:#a855f7;--output-bg:#f0fdf4;--output-border:#bbf7d0;--output-text:#14532d;--output-top:#22c55e;--active-bg:#dcfce7;--active-text:#15803d;--active-border:#86efac;--complete-bg:#eff6ff;--complete-text:#1d4ed8;--complete-border:#bfdbfe;--absent-bg:#fee2e2;--absent-text:#dc2626;--absent-border:#fca5a5;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 3px #0f1c3f0f;--shadow-md:0 4px 16px #0f1c3f17;--shadow-lg:0 8px 32px #0f1c3f1f}.tl-wrapper{background:#f4f6fb;background:var(--color-bg);box-sizing:border-box;color:#0f1c3f;color:var(--color-text-primary);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);min-height:100vh;padding:20px;width:100%}.tl-page-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.tl-page-header,.tl-page-title{align-items:center;display:flex}.tl-page-title{gap:14px}.tl-page-icon{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f1c3f0f;box-shadow:var(--shadow-sm);display:flex;font-size:26px;height:48px;justify-content:center;width:48px}.tl-page-title h1{color:#0f1c3f;color:var(--color-text-primary);font-size:1.4rem;font-weight:800;letter-spacing:-.5px;margin:0}.tl-page-sub{color:#9aa5bf;color:var(--color-text-muted);font-size:.78rem;font-weight:400;margin:3px 0 0}.tl-header-date{background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0f1c3f0f;box-shadow:var(--shadow-sm);color:#5a6a8a;color:var(--color-text-secondary);font-size:.78rem;font-weight:600;padding:8px 16px}.tl-view-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.tl-tabs-bar{background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f1c3f0f;box-shadow:var(--shadow-sm);display:flex;gap:6px;padding:4px}.tl-tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--radius-md);color:#5a6a8a;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.83rem;font-weight:600;gap:7px;padding:7px 18px;transition:all .18s}.tl-tab-btn:hover{background:#f4f6fb;background:var(--color-bg);color:#0f1c3f;color:var(--color-text-primary)}.tl-tab-btn--active{background:#3b82f6;background:var(--identity-top);box-shadow:0 2px 8px #3b82f659;color:#fff}.tl-tab-btn--active:hover{background:#2563eb;color:#fff}.tl-tab-icon{font-size:15px}.tl-tab-label{font-size:.83rem}.tl-period-nav{background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f1c3f0f;box-shadow:var(--shadow-sm);gap:8px;padding:5px 8px}.tl-nav-btn,.tl-period-nav{align-items:center;display:flex}.tl-nav-btn{background:#f4f6fb;background:var(--color-bg);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#5a6a8a;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:16px;height:30px;justify-content:center;transition:all .15s;width:30px}.tl-nav-btn:hover{background:#f0f6ff;background:var(--identity-bg);border-color:#c3d9ff;border-color:var(--identity-border);color:#1a56db;color:var(--identity-text)}.tl-period-label{color:#0f1c3f;color:var(--color-text-primary);font-size:.84rem;font-weight:700;min-width:190px;padding:0 8px;text-align:center;white-space:nowrap}.tl-today-btn{background:#f0f6ff;background:var(--identity-bg);border:1px solid #c3d9ff;border:1px solid var(--identity-border);border-radius:6px;border-radius:var(--radius-sm);color:#1a56db;color:var(--identity-text);cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:700;padding:5px 12px;transition:all .15s}.tl-today-btn:hover{background:#3b82f6;background:var(--identity-top);border-color:#3b82f6;border-color:var(--identity-top);color:#fff}.tl-calendar-btn{align-items:center;background:#f4f6fb;background:var(--color-bg);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#5a6a8a;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;position:relative;transition:all .15s;width:30px}.tl-calendar-btn:hover{background:#fdf4ff;background:var(--lunch-bg);border-color:#e9c9ff;border-color:var(--lunch-border);color:#6b21a8;color:var(--lunch-text)}.tl-calendar-popup-wrap{position:relative}.tl-calendar-popup{animation:calPop .18s ease;background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0f1c3f1f;box-shadow:var(--shadow-lg);padding:16px;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:999}@keyframes calPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cal-month-label{color:#0f1c3f;color:var(--color-text-primary);font-size:.88rem;font-weight:800}.cal-nav{display:flex;gap:4px}.cal-nav-btn{align-items:center;background:#f4f6fb;background:var(--color-bg);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:6px;color:#5a6a8a;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;height:26px;justify-content:center;transition:all .13s;width:26px}.cal-nav-btn:hover{background:#f0f6ff;background:var(--identity-bg);border-color:#c3d9ff;border-color:var(--identity-border);color:#1a56db;color:var(--identity-text)}.cal-grid-head{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.cal-dow{color:#9aa5bf;color:var(--color-text-muted);font-size:.65rem;font-weight:700;letter-spacing:.4px;padding:4px 0;text-align:center;text-transform:uppercase}.cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.cal-day{align-items:center;aspect-ratio:1;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#5a6a8a;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;justify-content:center;transition:all .13s}.cal-day:hover:not(.cal-day--empty){background:#f0f6ff;background:var(--identity-bg);border-color:#c3d9ff;border-color:var(--identity-border);color:#1a56db;color:var(--identity-text)}.cal-day--empty{cursor:default}.cal-day--today{background:#f0fdf8;background:var(--shift-bg);border-color:#a7f3d0;border-color:var(--shift-border);color:#065f46;color:var(--shift-text);font-weight:800}.cal-day--selected{background:#3b82f6!important;background:var(--identity-top)!important;border-color:#3b82f6!important;border-color:var(--identity-top)!important;box-shadow:0 2px 8px #3b82f659;color:#fff!important}.cal-day--in-week{background:#f0f6ff;background:var(--identity-bg);border-radius:0;color:#1a56db;color:var(--identity-text)}.cal-day--week-start{border-radius:6px 0 0 6px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.cal-day--week-end{border-radius:0 6px 6px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tl-summary-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.tl-sum-card{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #0000;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f1c3f0f;box-shadow:var(--shadow-sm);cursor:default;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:transform .18s,box-shadow .18s}.tl-sum-card:hover{box-shadow:0 4px 16px #0f1c3f17;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tl-sum-card--blue{border-color:#c3d9ff;border-color:var(--identity-border)}.tl-sum-card--green{border-color:#a7f3d0;border-color:var(--shift-border)}.tl-sum-card--purple{border-color:#e9c9ff;border-color:var(--lunch-border)}.tl-sum-card--orange{border-color:#fcd9aa;border-color:var(--break-border)}.tl-sum-card--cyan{border-color:#a5f3fc}.tl-sum-icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px;z-index:1}.tl-sum-card--blue .tl-sum-icon{background:#f0f6ff;background:var(--identity-bg)}.tl-sum-card--green .tl-sum-icon{background:#f0fdf8;background:var(--shift-bg)}.tl-sum-card--purple .tl-sum-icon{background:#fdf4ff;background:var(--lunch-bg)}.tl-sum-card--orange .tl-sum-icon{background:#fff8f0;background:var(--break-bg)}.tl-sum-card--cyan .tl-sum-icon{background:#ecfeff}.tl-sum-body{display:flex;flex-direction:column;z-index:1}.tl-sum-value{color:#0f1c3f;color:var(--color-text-primary);font-size:1.45rem;font-weight:800;letter-spacing:-.5px;line-height:1}.tl-sum-label{color:#9aa5bf;color:var(--color-text-muted);font-size:.69rem;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.tl-sum-glow{border-radius:50%;height:64px;opacity:.12;position:absolute;right:-12px;top:-12px;width:64px}.tl-sum-card--blue .tl-sum-glow{background:#3b82f6}.tl-sum-card--green .tl-sum-glow{background:#22c55e}.tl-sum-card--purple .tl-sum-glow{background:#a855f7}.tl-sum-card--orange .tl-sum-glow{background:#f97316}.tl-sum-card--cyan .tl-sum-glow{background:#06b6d4}.tl-filters{align-items:flex-end;background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f1c3f0f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:14px 16px}.tl-search-wrap{flex:1 1;min-width:160px;position:relative}.tl-search-icon{color:#9aa5bf;color:var(--color-text-muted);font-size:13px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tl-search{background:#f4f6fb;background:var(--color-bg);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#0f1c3f;color:var(--color-text-primary);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.82rem;outline:none;padding:8px 12px 8px 32px;transition:border-color .18s;width:100%}.tl-search:focus{background:#fff;border-color:#3b82f6;border-color:var(--identity-top)}.tl-filter-group{display:flex;flex-direction:column;gap:4px}.tl-filter-label{color:#9aa5bf;color:var(--color-text-muted);font-size:.67rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.tl-select{background:#f4f6fb;background:var(--color-bg);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#0f1c3f;color:var(--color-text-primary);cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.82rem;min-width:130px;outline:none;padding:8px 12px;transition:border-color .18s}.tl-select:focus{border-color:#3b82f6;border-color:var(--identity-top)}.tl-clear-btn{align-self:flex-end;background:#fee2e2;background:var(--absent-bg);border:1px solid #fca5a5;border:1px solid var(--absent-border);border-radius:6px;border-radius:var(--radius-sm);color:#dc2626;color:var(--absent-text);cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.78rem;font-weight:700;padding:8px 14px;transition:background .18s}.tl-clear-btn:hover{background:#fecaca}.tl-table-card{background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0f1c3f17;box-shadow:var(--shadow-md);overflow:hidden}.tl-table-container{overflow-x:auto}.tl-table{border-collapse:collapse;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:12.5px;min-width:1080px;width:100%}.tl-table--aggr{min-width:900px}.tl-table thead tr:first-child th{border-bottom:none;font-size:.69rem;font-weight:800;letter-spacing:.7px;padding:10px 14px 7px;text-align:center;text-transform:uppercase}.th-identity{background:#f0f6ff;background:var(--identity-bg);border-top:3px solid #3b82f6;border-top:3px solid var(--identity-top);color:#1a56db;color:var(--identity-text)}.th-identity,.th-shift{border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.th-shift{background:#f0fdf8;background:var(--shift-bg);border-top:3px solid #10b981;border-top:3px solid var(--shift-top);color:#065f46;color:var(--shift-text)}.th-break{background:#fff8f0;background:var(--break-bg);border-top:3px solid #f97316;border-top:3px solid var(--break-top);color:#9a3412;color:var(--break-text)}.th-break,.th-lunch{border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.th-lunch{background:#fdf4ff;background:var(--lunch-bg);border-top:3px solid #a855f7;border-top:3px solid var(--lunch-top);color:#6b21a8;color:var(--lunch-text)}.th-output{background:#f0fdf4;background:var(--output-bg);border-top:3px solid #22c55e;border-top:3px solid var(--output-top);color:#14532d;color:var(--output-text)}.th-group-label{display:block;text-align:center}.tr-subhead th{border-bottom:2px solid #e4e9f2;border-bottom:2px solid var(--color-border);font-size:.71rem;font-weight:700;letter-spacing:.2px;padding:9px 12px;text-align:center;white-space:nowrap}.tr-subhead th:first-child,.tr-subhead th:nth-child(2),.tr-subhead th:nth-child(3){background:#f0f6ff;background:var(--identity-bg);border-right:none;color:#1a56db;color:var(--identity-text)}.tr-subhead th:nth-child(3){border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.tr-subhead th:nth-child(4),.tr-subhead th:nth-child(5),.tr-subhead th:nth-child(6){background:#f0fdf8;background:var(--shift-bg);color:#065f46;color:var(--shift-text)}.tr-subhead th:nth-child(6){border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.tr-subhead th:nth-child(7),.tr-subhead th:nth-child(8){background:#fff8f0;background:var(--break-bg);color:#9a3412;color:var(--break-text)}.tr-subhead th:nth-child(8){border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.tr-subhead th:nth-child(10),.tr-subhead th:nth-child(11),.tr-subhead th:nth-child(12),.tr-subhead th:nth-child(9){background:#fdf4ff;background:var(--lunch-bg);color:#6b21a8;color:var(--lunch-text)}.tr-subhead th:nth-child(12){border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.tr-subhead th:nth-child(13),.tr-subhead th:nth-child(14),.tr-subhead th:nth-child(15){background:#f0fdf4;background:var(--output-bg);color:#14532d;color:var(--output-text)}.tr-subhead--aggr th:first-child,.tr-subhead--aggr th:nth-child(2){background:#f0f6ff;background:var(--identity-bg);color:#1a56db;color:var(--identity-text)}.tr-subhead--aggr th:nth-child(2){border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.tr-subhead--aggr th:nth-child(3),.tr-subhead--aggr th:nth-child(4),.tr-subhead--aggr th:nth-child(5){background:#f0fdf8;background:var(--shift-bg);color:#065f46;color:var(--shift-text)}.tr-subhead--aggr th:nth-child(5){border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.tr-subhead--aggr th:nth-child(6),.tr-subhead--aggr th:nth-child(7){background:#fff8f0;background:var(--break-bg);color:#9a3412;color:var(--break-text)}.tr-subhead--aggr th:nth-child(7),.tr-subhead--aggr th:nth-child(8){border-right:2px solid #e4e9f2;border-right:2px solid var(--color-border)}.tr-subhead--aggr th:nth-child(8){background:#fdf4ff;background:var(--lunch-bg);color:#6b21a8;color:var(--lunch-text)}.tr-subhead--aggr th:nth-child(10),.tr-subhead--aggr th:nth-child(11),.tr-subhead--aggr th:nth-child(9){background:#f0fdf4;background:var(--output-bg);color:#14532d;color:var(--output-text)}.tl-table tbody td:nth-child(12),.tl-table tbody td:nth-child(3),.tl-table tbody td:nth-child(6),.tl-table tbody td:nth-child(8),.tl-table--aggr tbody td:nth-child(2),.tl-table--aggr tbody td:nth-child(5),.tl-table--aggr tbody td:nth-child(7),.tl-table--aggr tbody td:nth-child(8){border-right:2px solid #f0f3fa;border-right:2px solid var(--color-border-light)}.tl-row{border-bottom:1px solid #f0f3fa;border-bottom:1px solid var(--color-border-light);transition:background .12s}.tl-row:hover{background:#f8faff}.tl-row--expanded,.tl-row:last-child{border-bottom:none}.tl-row--expanded{background:#f5f9ff!important}.tl-table tbody td{color:#5a6a8a;color:var(--color-text-secondary);padding:11px 13px;text-align:center;vertical-align:middle}.td-employee{text-align:left!important}.emp-cell{gap:8px;min-width:120px}.emp-avatar-sm,.emp-cell{align-items:center;display:flex}.emp-avatar-sm{border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:800;height:30px;justify-content:center;width:30px}.emp-name{color:#0f1c3f;color:var(--color-text-primary);font-size:12.5px;font-weight:700;white-space:nowrap}.date-badge{background:#f4f6fb;background:var(--color-bg);border:1px solid #e4e9f2;border:1px solid var(--color-border);color:#5a6a8a;color:var(--color-text-secondary)}.date-badge,.project-tag{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;white-space:nowrap}.project-tag{background:#f0f6ff;background:var(--identity-bg);border:1px solid #c3d9ff;border:1px solid var(--identity-border);color:#1a56db;color:var(--identity-text);max-width:140px;overflow:hidden;text-overflow:ellipsis}.td-time{color:#5a6a8a;color:var(--color-text-secondary);font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:12px;font-weight:600}.td-checkin,.td-checkin .td-time{color:#15803d}.td-checkout{color:#dc2626}.hrs-pill{border-radius:20px;display:inline-block;font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11.5px;font-weight:700;padding:3px 10px;white-space:nowrap}.hrs-pill--worked{background:#f0fdf8;background:var(--shift-bg);border:1px solid #a7f3d0;border:1px solid var(--shift-border);color:#065f46;color:var(--shift-text)}.hrs-pill--avg{background:#eff6ff;border:1px solid #c3d9ff;border:1px solid var(--identity-border);color:#1d4ed8}.hrs-pill--break{background:#fff8f0;background:var(--break-bg);border:1px solid #fcd9aa;border:1px solid var(--break-border);color:#9a3412;color:var(--break-text)}.hrs-pill--lunch{background:#fdf4ff;background:var(--lunch-bg);border:1px solid #e9c9ff;border:1px solid var(--lunch-border);color:#6b21a8;color:var(--lunch-text)}.days-badge{background:#f0fdf8;background:var(--shift-bg);border:1px solid #a7f3d0;border:1px solid var(--shift-border);border-radius:20px;color:#065f46;color:var(--shift-text);padding:3px 11px}.break-count,.days-badge{display:inline-block;font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:12px;font-weight:800}.break-count{background:#fff8f0;background:var(--break-bg);border:1px solid #fcd9aa;border:1px solid var(--break-border);border-radius:6px;border-radius:var(--radius-sm);color:#9a3412;color:var(--break-text);padding:3px 9px}.pages-val{color:#0f1c3f;color:var(--color-text-primary);font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:800}.pages-label{color:#9aa5bf;color:var(--color-text-muted);font-size:.67rem;font-weight:500;margin-left:2px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.status--active{animation:pulse-active 2s ease-in-out infinite;background:#dcfce7;background:var(--active-bg);border:1px solid #86efac;border:1px solid var(--active-border);color:#15803d;color:var(--active-text)}@keyframes pulse-active{0%,to{box-shadow:0 0 0 0 #22c55e4d}50%{box-shadow:0 0 0 4px #22c55e00}}.status--complete{background:#eff6ff;background:var(--complete-bg);border:1px solid #bfdbfe;border:1px solid var(--complete-border);color:#1d4ed8;color:var(--complete-text)}.status--absent{background:#fee2e2;background:var(--absent-bg);border:1px solid #fca5a5;border:1px solid var(--absent-border);color:#dc2626;color:var(--absent-text)}.expand-btn{align-items:center;background:#f4f6fb;background:var(--color-bg);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#9aa5bf;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:10px;height:28px;justify-content:center;margin:0 auto;transition:all .18s;width:28px}.expand-btn:hover{border-color:#c3d9ff;border-color:var(--identity-border);color:#1a56db;color:var(--identity-text)}.expand-btn--open,.expand-btn:hover{background:#f0f6ff;background:var(--identity-bg)}.expand-btn--open{border-color:#7dd3fc;color:#0284c7}.tl-empty{color:#9aa5bf!important;color:var(--color-text-muted)!important;padding:48px 20px!important;text-align:center!important}td.tl-empty{display:table-cell}.tl-empty-inner{align-items:center;display:flex;flex-direction:column;gap:8px}.tl-empty-icon{display:block;font-size:2rem;margin-bottom:4px}.tl-timeline-row td{background:#f5f9ff;border-bottom:2px solid #bae6fd;padding:0!important}.tl-timeline-wrap{padding:18px 24px 22px}.tl-timeline-header{margin-bottom:14px}.tl-timeline-title{color:#1a56db;color:var(--identity-text);font-size:.78rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.tl-timeline{align-items:flex-start;display:flex;flex-wrap:wrap;gap:0;row-gap:14px}.tl-event{flex-direction:column;gap:4px}.tl-event,.tl-event-dot{align-items:center;display:flex;position:relative}.tl-event-dot{border:2px solid #0000;border-radius:50%;flex-shrink:0;font-size:13px;height:34px;justify-content:center;transition:transform .18s;width:34px;z-index:1}.tl-event-dot:hover{transform:scale(1.1)}.tl-event-line{background:#e4e9f2;background:var(--color-border);height:2px;left:calc(50% + 17px);position:absolute;top:16px;width:28px;z-index:0}.tl-event-info{align-items:center;display:flex;flex-direction:column;gap:1px;min-width:52px}.tl-event-time{color:#0f1c3f;color:var(--color-text-primary);font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700}.tl-event-label{color:#9aa5bf;color:var(--color-text-muted);font-size:10px;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:uppercase}.tl--checkin .tl-event-dot{background:#dcfce7;background:var(--active-bg);border-color:#22c55e;color:#15803d}.tl--checkout .tl-event-dot{background:#fee2e2;background:var(--absent-bg);border-color:#ef4444;color:#b91c1c}.tl--break .tl-event-dot{background:#fff8f0;background:var(--break-bg);border-color:#f97316;color:#c2410c}.tl--resume .tl-event-dot{background:#f0f6ff;background:var(--identity-bg);border-color:#38bdf8;color:#0369a1}.tl--lunch .tl-event-dot{background:#fdf4ff;background:var(--lunch-bg);border-color:#a855f7;color:#7e22ce}.tl--break .tl-event-line,.tl--resume .tl-event-line{background:#fb923c}.tl--lunch .tl-event-line{background:#c084fc}.tl--checkin .tl-event-line,.tl--checkout .tl-event-line{background:#4ade80}.tl-breakdown-wrap{background:#f5f9ff}.tl-breakdown-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tl-breakdown-card{background:#fff;background:var(--color-surface);border:1px solid #e4e9f2;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f1c3f0f;box-shadow:var(--shadow-sm);padding:14px 16px}.tl-bd-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.tl-bd-date{color:#0f1c3f;color:var(--color-text-primary);font-size:.82rem;font-weight:800}.tl-bd-stats{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.tl-bd-stat{display:flex;flex-direction:column;gap:3px}.tl-bd-stat-label{color:#9aa5bf;color:var(--color-text-muted);font-size:.67rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.tl-bd-stat-val{color:#0f1c3f;color:var(--color-text-primary);font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.82rem;font-weight:700}.tl-bd-stat-val--in{color:#065f46;color:var(--shift-text)}.tl-bd-stat-val--out{color:#dc2626;color:var(--absent-text)}.tl-bd-timeline{border-top:1px solid #f0f3fa;border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:0;padding-top:10px;row-gap:10px}.tl-event--mini .tl-event-dot{font-size:11px;height:26px;width:26px}.tl-event--mini .tl-event-line{left:calc(50% + 13px);top:12px;width:22px}.tl-event--mini .tl-event-time{font-size:10px}.tl-table-footer{align-items:center;background:#fafbfd;border-top:1px solid #f0f3fa;border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 18px}.tl-record-count{color:#9aa5bf;color:var(--color-text-muted);font-size:12px}.tl-record-count strong{color:#0f1c3f;color:var(--color-text-primary)}.tl-footer-totals{gap:12px}.footer-stat,.tl-footer-totals{align-items:center;display:flex}.footer-stat{font-size:12px;gap:6px}.footer-stat-label{color:#9aa5bf;color:var(--color-text-muted);font-weight:500}.footer-stat-val{color:#0f1c3f;color:var(--color-text-primary);font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:13px;font-weight:800}.footer-stat-val--active{color:#065f46;color:var(--shift-text)}.footer-divider{color:#e4e9f2;color:var(--color-border);font-size:1rem}@media (max-width:1200px){.tl-summary-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.tl-summary-row{grid-template-columns:repeat(2,1fr)}.tl-filters{align-items:stretch;flex-direction:column}.tl-search-wrap,.tl-select{min-width:0;min-width:auto}.tl-select{width:100%}.tl-view-tabs{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.tl-summary-row{grid-template-columns:1fr 1fr}.tl-page-header{align-items:flex-start;flex-direction:column}.tl-period-label{font-size:.76rem;min-width:140px}}:root{--inv-primary:#00a3ff;--inv-primary-dk:#0082cc;--inv-danger:#ef4444;--inv-success:#22c55e;--inv-warning:#f59e0b;--inv-bg:#f4f6fb;--inv-white:#fff;--inv-border:#e2e8f0;--inv-text:#1e293b;--inv-text-muted:#64748b;--inv-text-light:#94a3b8;--inv-shadow-sm:0 1px 3px #0000000f;--inv-shadow-md:0 4px 12px #00000014;--inv-shadow-lg:0 8px 32px #0000001f;--inv-radius:10px;--inv-radius-sm:6px;--inv-font:"Segoe UI","Inter",sans-serif;--inv-doc-border:#000}.inv-wrapper{background:#f4f6fb;background:var(--inv-bg);color:#1e293b;color:var(--inv-text);font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);padding-bottom:40px;width:100%}.inv-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.inv-page-title-group{align-items:center;display:flex;gap:14px}.inv-page-icon{font-size:28px;line-height:1}.inv-page-title{color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:-.3px;margin:0}.inv-page-sub{color:#64748b;color:var(--inv-text-muted);font-size:.78rem;margin:2px 0 0}.inv-header-actions{display:flex;flex-wrap:wrap;gap:10px}.inv-btn--history{align-items:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:6px;border-radius:var(--inv-radius-sm);box-shadow:0 4px 12px #7c3aed59;color:#fff;cursor:pointer;display:inline-flex;font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.83rem;font-weight:700;gap:7px;padding:9px 18px;transition:all .18s ease}.inv-btn--history:hover{background:linear-gradient(135deg,#6d28d9,#4c1d95);transform:translateY(-1px)}.inv-card{background:#fff;background:var(--inv-white);border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:10px;border-radius:var(--inv-radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--inv-shadow-sm);margin-bottom:18px;overflow:hidden}.inv-card--export{background:linear-gradient(135deg,#f0f9ff,#fff 60%);border:2px solid #bae6fd}.inv-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--inv-border);display:flex;gap:10px;padding:14px 20px}.inv-card-icon{font-size:18px}.inv-card-title{color:#0f172a;flex:1 1;font-size:1rem;font-weight:700;margin:0}.inv-card-badge{background:#dbeafe;border:1px solid #bfdbfe;border-radius:20px;color:#1d4ed8;font-size:.7rem;font-weight:600;padding:2px 10px}.inv-card-body{padding:20px}.inv-card-body--noPad{padding:0}.inv-chevron{color:#64748b;color:var(--inv-text-muted);font-size:12px}.inv-col-count{background:#e0f2fe;border-radius:20px;color:#00a3ff;color:var(--inv-primary);font-size:.75rem;font-weight:600;padding:2px 10px}.inv-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--inv-radius-sm);cursor:pointer;display:inline-flex;font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.83rem;font-weight:700;gap:7px;padding:9px 18px;transition:all .18s ease;white-space:nowrap}.inv-btn--primary{background:#00a3ff;background:var(--inv-primary);box-shadow:0 4px 12px #00a3ff4d;color:#fff}.inv-btn--primary:hover{background:#0082cc;background:var(--inv-primary-dk);transform:translateY(-1px)}.inv-btn--outline{background:#fff;border:1.5px solid #00a3ff;border:1.5px solid var(--inv-primary);color:#00a3ff;color:var(--inv-primary)}.inv-btn--outline:hover{background:#e0f2fe}.inv-btn--secondary{background:#f1f5f9;border:1.5px solid #e2e8f0;border:1.5px solid var(--inv-border);color:#334155}.inv-btn--secondary:hover{background:#e2e8f0}.inv-btn--success{background:#16a34a;color:#fff}.inv-btn--success:hover{background:#15803d}.inv-btn--sm{font-size:.78rem;padding:6px 12px}.inv-btn--ml{margin-left:auto}.inv-btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.inv-label{color:#64748b;color:var(--inv-text-muted);display:block;font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.inv-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);box-sizing:border-box;color:#1e293b;color:var(--inv-text);font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.87rem;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.inv-input:focus{border-color:#00a3ff;border-color:var(--inv-primary);box-shadow:0 0 0 3px #00a3ff1a}.inv-textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);box-sizing:border-box;color:#1e293b;color:var(--inv-text);font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.87rem;outline:none;padding:9px 12px;resize:vertical;width:100%}.inv-textarea:focus{border-color:#00a3ff;border-color:var(--inv-primary)}.inv-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);color:#1e293b;color:var(--inv-text);cursor:pointer;font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.87rem;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.inv-select:focus{border-color:#00a3ff;border-color:var(--inv-primary)}.inv-field-block{margin-bottom:14px}.inv-field-block--grow{flex:1 1;margin-bottom:0;min-width:160px}.inv-field-block--btn{margin-bottom:0}.inv-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.inv-details-left,.inv-details-right{display:flex;flex-direction:column}.inv-meta-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.inv-select--client{flex:1 1}.inv-client-selector-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.inv-client-selector-row .inv-select{flex:1 1}.inv-client-preview{background:#fafbff;border:1px solid #e2e8f0;border-radius:6px;border-radius:var(--inv-radius-sm);min-height:40px;padding:10px 14px}.inv-client-name{color:#1e293b;color:var(--inv-text);font-size:.88rem;font-weight:700;margin-bottom:4px}.inv-client-addr{color:#64748b;color:var(--inv-text-muted);font-size:.78rem;line-height:1.5;white-space:pre-line}.inv-title-builder{display:flex;flex-direction:column;gap:12px}.inv-title-preview{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;border-radius:var(--inv-radius-sm);color:#0369a1;font-size:.9rem;font-weight:700;letter-spacing:.3px;padding:12px 16px;text-align:center}.inv-title-selectors{display:flex;gap:16px}.inv-title-selectors .inv-field-block{flex:1 1;margin-bottom:0}.inv-proj-filters{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px}.inv-proj-filters .inv-field-block{margin-bottom:0;min-width:130px}.inv-proj-filters-fields{display:flex;flex-wrap:wrap;gap:10px;width:100%}.inv-proj-filters-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;width:100%}.inv-proj-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);margin-bottom:12px;max-height:340px;overflow-x:auto;overflow-y:auto}.inv-proj-empty{color:#64748b;color:var(--inv-text-muted);font-size:.9rem;padding:32px;text-align:center}.inv-proj-table{border-collapse:collapse;font-size:12.5px;min-width:900px;width:100%}.inv-proj-table thead th{background:#f0f9ff;border-bottom:2px solid #bae6fd;color:#0369a1;font-size:.72rem;font-weight:700;padding:9px 10px;position:sticky;text-align:center;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.inv-proj-row{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .1s}.inv-proj-row:hover{background:#f8fbff}.inv-proj-row--sel{background:#e0f2fe!important}.inv-proj-row td{padding:8px 10px;text-align:center;vertical-align:middle}.inv-proj-tag{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1d4ed8;font-weight:700}.inv-proc-tag,.inv-proj-tag{display:inline-block;font-size:11px;padding:2px 8px;white-space:nowrap}.inv-proc-tag{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#15803d;font-weight:600}.inv-td-mono{color:#475569;font-family:monospace;font-size:11.5px}.inv-td-title{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-td-num{color:#0f172a;font-weight:600}.inv-td-amt{color:#15803d;font-weight:700}.inv-complexity{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.inv-complexity--simple{background:#dcfce7;border:1px solid #86efac;color:#15803d}.inv-complexity--medium{background:#fef9c3;border:1px solid #fde047;color:#854d0e}.inv-complexity--complex{background:#fed7aa;border:1px solid #fb923c;color:#9a3412}.inv-complexity--heavycomplex{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.inv-fstatus{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.inv-fstatus--uploaded{background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1}.inv-fstatus--rtu{background:#dcfce7;border:1px solid #86efac;color:#15803d}.inv-fstatus--hold{background:#fef9c3;border:1px solid #fde047;color:#854d0e}.inv-fstatus--query{background:#faf5ff;border:1px solid #e9d5ff;color:#7e22ce}.inv-proj-add-row{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;border-radius:var(--inv-radius-sm);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 14px}.inv-proj-sel-info{color:#15803d;font-size:.83rem;font-weight:600}.inv-col-hint{background:#fffbeb;border-left:3px solid #f59e0b;border-left:3px solid var(--inv-warning);border-radius:0 6px 6px 0;border-radius:0 var(--inv-radius-sm) var(--inv-radius-sm) 0;color:#64748b;color:var(--inv-text-muted);font-size:.8rem;margin-bottom:14px;padding:8px 12px}.inv-col-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:16px}.inv-col-item{align-items:center;background:#fafbff;border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);display:flex;gap:10px;padding:10px 14px;transition:all .15s}.inv-col-item--on{background:#f0f9ff;border-color:#00a3ff;border-color:var(--inv-primary)}.inv-col-name{color:#1e293b;color:var(--inv-text);flex:1 1;font-size:.82rem;font-weight:600}.inv-col-priority{align-items:center;animation:inv-pop .2s ease;background:#00a3ff;background:var(--inv-primary);border-radius:50%;box-shadow:0 2px 6px #00a3ff66;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:800;height:22px;justify-content:center;min-width:22px}@keyframes inv-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.inv-fixed-cols{align-items:center;background:#f1f5f9;border-radius:6px;border-radius:var(--inv-radius-sm);display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.inv-fixed-cols-label{color:#64748b;color:var(--inv-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.inv-fixed-col-chip{background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;font-size:.72rem;font-weight:600;padding:3px 10px;white-space:nowrap}.inv-toggle-wrap{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.inv-toggle{background:#cbd5e1;border-radius:11px;flex-shrink:0;height:22px;position:relative;transition:background .22s;width:40px}.inv-toggle--on{background:#00a3ff;background:var(--inv-primary)}.inv-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;left:3px;position:absolute;top:3px;transition:left .22s;width:16px}.inv-toggle--on .inv-toggle-knob{left:21px}.inv-toggle-label{color:#1e293b;color:var(--inv-text);font-size:.85rem;font-weight:600}.inv-table-scroll{overflow-x:auto}.inv-table{border-collapse:collapse;font-size:12.5px;min-width:800px;width:100%}.inv-thead-top th{border:1px solid #e2e8f0;border:1px solid var(--inv-border);color:#475569;font-size:.72rem;font-weight:700;padding:9px 10px;text-align:center;vertical-align:middle;white-space:nowrap}.inv-th{background:#f8fafc}.inv-th--sno{width:44px}.inv-th--proj{background:#f0f9ff;border-color:#bae6fd;color:#0369a1;min-width:130px}.inv-th--proc{background:#f0fdf4;border-color:#bbf7d0;color:#15803d;min-width:130px}.inv-th--batch{min-width:140px}.inv-th--opt{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.inv-th--page{min-width:70px;width:70px}.inv-th--rate{min-width:70px;width:80px}.inv-th--fixed{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.inv-th--penalty{background:#fee2e2;border-color:#fca5a5;color:#dc2626;min-width:80px;width:80px}.inv-th--total{background:#ecfdf5;border-color:#6ee7b7;color:#065f46;font-weight:800}.inv-th--action{background:#fef2f2;border-color:#fca5a5;color:#dc2626;width:36px}.inv-th-edit{background:#0000;border:none;color:inherit;cursor:text;font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.72rem;font-weight:700;outline:none;text-align:center;width:100%}.inv-th-edit:focus{background:#fff9;border-radius:3px}.inv-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--inv-border);transition:background .1s}.inv-tr:hover{background:#fafbff}.inv-td{border:1px solid #e2e8f0;border:1px solid var(--inv-border);color:#1e293b;color:var(--inv-text);font-size:12.5px;padding:7px 10px;text-align:center;vertical-align:middle}.inv-td.col-left{text-align:left}.inv-td--center{text-align:center}.inv-td--calc{background:#f0f9ff;color:#0369a1;font-weight:700;text-align:right}.inv-td--total{background:#f0fdf4;color:#15803d;font-weight:800;text-align:right}.inv-cell-input{background:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;color:#1e293b;color:var(--inv-text);font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:12px;min-width:70px;outline:none;padding:5px 7px;transition:all .15s;width:100%}.inv-cell-input:focus{background:#fff;border-color:#00a3ff;border-color:var(--inv-primary);box-shadow:0 0 0 2px #00a3ff1a}.inv-cell-input--num{min-width:55px;text-align:center}.inv-cell-input--combo{background:#fafbff;border-color:#e2e8f0;min-width:120px}.inv-cell-input--combo:focus{background:#fff;border-color:#00a3ff;border-color:var(--inv-primary);box-shadow:0 0 0 2px #00a3ff1f}.inv-cell-input--combo::placeholder{color:#94a3b8;font-size:11px;font-style:italic}.inv-row-del{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;margin:0 auto;transition:background .15s;width:24px}.inv-row-del:hover{background:#fca5a5}.inv-totals-panel{border-top:2px solid #e2e8f0;border-top:2px solid var(--inv-border);display:flex;gap:0}.inv-totals-left{align-items:center;background:#fffbeb;border-right:1px solid #e2e8f0;border-right:1px solid var(--inv-border);display:flex;flex:1 1;padding:16px 20px}.inv-amount-words-inline{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px;line-height:1.6}.inv-amount-words-label{color:#92400e;font-size:.78rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.inv-amount-words-value{color:#78350f;font-size:.88rem;font-weight:600}.inv-totals-right{min-width:300px;padding:8px 0}.inv-total-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--inv-border);display:flex;gap:20px;justify-content:space-between;padding:9px 20px}.inv-total-row:last-child{border-bottom:none}.inv-total-row--grand{background:#f0fdf4;border-top:2px solid #bbf7d0}.inv-total-label{align-items:center;display:flex;font-size:.84rem;font-weight:600;gap:6px}.inv-total-label,.inv-total-value{color:#1e293b;color:var(--inv-text)}.inv-total-value{font-size:.9rem;font-weight:700}.inv-total-value--grand{color:#15803d;font-size:1.1rem;font-weight:800}.inv-igst-input{border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:4px;color:#1e293b;color:var(--inv-text);font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.82rem;outline:none;padding:3px 6px;text-align:center;width:50px}.inv-igst-input:focus{border-color:#00a3ff;border-color:var(--inv-primary)}.inv-bank-selector-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.inv-bank-display-with-qr{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.inv-bank-display{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);flex:1 1;padding:14px 18px}.inv-bank-display-grid{grid-gap:10px 20px;display:grid;gap:10px 20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.inv-bank-field{display:flex;flex-direction:column;gap:2px}.inv-bank-lbl{color:#64748b;color:var(--inv-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.inv-bank-val{color:#1e293b;color:var(--inv-text);font-size:.88rem;font-weight:600}.inv-bank-val--mono{color:#0369a1;font-family:monospace;font-size:.9rem}.inv-bank-edit-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.inv-bank-edit-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--inv-border);display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end;padding-top:8px}.inv-qr-section{max-width:220px;min-width:180px}.inv-qr-section,.inv-qr-upload-box{display:flex;flex-direction:column;gap:6px}.inv-qr-upload-box{align-items:center;background:#f0f9ff;border:2px dashed #bae6fd;border-radius:6px;border-radius:var(--inv-radius-sm);cursor:pointer;height:160px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s;width:160px}.inv-qr-upload-box:hover{background:#e0f2fe;border-color:#00a3ff;border-color:var(--inv-primary)}.inv-qr-img{height:100%;object-fit:contain;width:100%}.inv-qr-icon{font-size:32px}.inv-qr-placeholder-text{color:#0369a1;font-size:.75rem;font-weight:600;text-align:center}.inv-qr-hint{color:#64748b;color:var(--inv-text-muted);font-size:.67rem;text-align:center}.inv-qr-change{background:#00a3ffd9;bottom:0;color:#fff;font-size:.72rem;font-weight:700;left:0;padding:4px;position:absolute;right:0;text-align:center}.inv-qr-note{color:#64748b;color:var(--inv-text-muted);font-size:.72rem;line-height:1.5;margin-top:8px}.inv-sig-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.inv-sig-fields{flex:1 1;min-width:200px}.inv-sig-upload{min-width:240px}.inv-sig-preview-box{align-items:center;background:#fafbff;border:2px dashed #e2e8f0;border:2px dashed var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);cursor:pointer;display:flex;height:130px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s;width:280px}.inv-sig-preview-box:hover{border-color:#00a3ff;border-color:var(--inv-primary)}.inv-sig-preview-box:hover .inv-sig-edit-overlay{opacity:1}.inv-sig-img{height:100%;object-fit:contain;width:100%}.inv-sig-placeholder{align-items:center;color:#94a3b8;color:var(--inv-text-light);display:flex;flex-direction:column;font-size:.78rem;gap:6px}.inv-sig-placeholder span:first-child{font-size:28px}.inv-sig-edit-overlay{align-items:center;background:#0006;border-radius:6px;border-radius:var(--inv-radius-sm);color:#fff;display:flex;font-size:.82rem;font-weight:600;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .18s}.inv-letterpad-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.inv-letterpad-upload-row{display:flex;flex-direction:column;gap:10px;margin-top:14px}.inv-letterpad-upload-box{align-items:center;background:#f0f9ff;border:2px dashed #bae6fd;border-radius:6px;border-radius:var(--inv-radius-sm);color:#0369a1;cursor:pointer;display:flex;flex-direction:column;font-size:.83rem;font-weight:500;gap:8px;max-width:360px;padding:20px;position:relative;transition:border-color .15s}.inv-letterpad-upload-box:hover{background:#e0f2fe;border-color:#00a3ff;border-color:var(--inv-primary)}.inv-letterpad-icon{font-size:28px}.inv-letterpad-hint{color:#64748b;color:var(--inv-text-muted);font-size:.72rem}.inv-letterpad-thumb{border-radius:4px;max-height:80px;max-width:280px;object-fit:contain}.inv-letterpad-change{color:#00a3ff;color:var(--inv-primary);font-size:.75rem;font-weight:700}.inv-letterpad-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;border-radius:var(--inv-radius-sm);color:#15803d;font-size:.82rem;font-weight:500;max-width:480px;padding:8px 14px}.inv-letterpad-info--warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.inv-export-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.inv-export-btn{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:10px;border-radius:var(--inv-radius);cursor:pointer;display:flex;flex-direction:column;font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);gap:6px;padding:18px 12px;text-align:center;transition:all .2s ease}.inv-export-btn:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--inv-shadow-md);transform:translateY(-3px)}.inv-export-icon{font-size:28px;line-height:1}.inv-export-label{color:#0f172a;font-size:.88rem;font-weight:800}.inv-export-sub{color:#64748b;color:var(--inv-text-muted);font-size:.72rem}.inv-export-btn--preview{background:#f0f9ff;border-color:#bae6fd}.inv-export-btn--preview:hover{background:#e0f2fe;border-color:#00a3ff;border-color:var(--inv-primary)}.inv-export-btn--pdf{background:#fff5f5;border-color:#fca5a5}.inv-export-btn--pdf:hover{background:#fee2e2;border-color:#ef4444}.inv-export-btn--image{background:#f0fdf4;border-color:#bbf7d0}.inv-export-btn--image:hover{background:#dcfce7;border-color:#22c55e}.inv-export-btn--excel{background:#f0fdf4;border-color:#86efac}.inv-export-btn--excel:hover{background:#bbf7d0;border-color:#16a34a}.inv-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3000}.inv-modal{animation:invModalIn .22s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--inv-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.inv-modal--bank{max-width:640px}@keyframes invModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.inv-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--inv-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.inv-modal-header h3{color:#0f172a;font-size:1rem;font-weight:700;margin:0}.inv-modal-close{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;color:var(--inv-text-muted);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.inv-modal-close:hover{background:#cbd5e1;color:#1e293b;color:var(--inv-text)}.inv-modal-body{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.inv-modal-grid{grid-gap:14px 16px;display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.inv-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--inv-border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.inv-history-panel{animation:invHistoryIn .3s ease;background:#fff;border:2px solid #ede9fe;border-radius:10px;border-radius:var(--inv-radius);box-shadow:0 4px 24px #7c3aed1a;margin-bottom:20px;overflow:hidden}@keyframes invHistoryIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.inv-history-header{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-bottom:2px solid #ddd6fe;padding:20px 24px}.inv-history-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.inv-history-title-group{align-items:center;display:flex;gap:12px}.inv-history-icon{font-size:28px}.inv-history-title{color:#4c1d95;font-size:1.1rem;font-weight:800;margin:0}.inv-history-sub{color:#7c3aed;font-size:.75rem;font-weight:500;margin:2px 0 0}.inv-history-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.inv-hist-stat{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--inv-radius-sm);display:flex;gap:10px;padding:12px 16px}.inv-hist-stat-icon{flex-shrink:0;font-size:22px}.inv-hist-stat-label{font-size:.68rem;font-weight:700;letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}.inv-hist-stat-value{font-size:1rem;font-weight:800}.inv-hist-stat--total{background:#ede9fe;border-color:#c4b5fd}.inv-hist-stat--total .inv-hist-stat-label{color:#6d28d9}.inv-hist-stat--total .inv-hist-stat-value{color:#4c1d95}.inv-hist-stat--paid{background:#dcfce7;border-color:#86efac}.inv-hist-stat--paid .inv-hist-stat-label{color:#15803d}.inv-hist-stat--paid .inv-hist-stat-value{color:#14532d}.inv-hist-stat--pending{background:#fef9c3;border-color:#fde047}.inv-hist-stat--pending .inv-hist-stat-label{color:#854d0e}.inv-hist-stat--pending .inv-hist-stat-value{color:#713f12}.inv-hist-stat--count{background:#e0f2fe;border-color:#7dd3fc}.inv-hist-stat--count .inv-hist-stat-label{color:#0369a1}.inv-hist-stat--count .inv-hist-stat-value{color:#0c4a6e}.inv-history-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.inv-history-search{margin-bottom:0;max-width:320px}.inv-history-status-tabs{display:flex;flex-wrap:wrap;gap:6px}.inv-hist-tab{background:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--inv-border);border-radius:20px;color:#1e293b;color:var(--inv-text);cursor:pointer;font-family:Segoe UI,Inter,sans-serif;font-family:var(--inv-font);font-size:.75rem;font-weight:700;padding:6px 14px;transition:all .15s}.inv-hist-tab:hover{background:#f5f3ff;border-color:#7c3aed;color:#7c3aed}.inv-hist-tab--active{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}.inv-history-list{display:flex;flex-direction:column;gap:10px;padding:16px 24px}.inv-history-empty{color:#64748b;color:var(--inv-text-muted);font-size:.9rem;padding:32px;text-align:center}.inv-hist-item{background:#fafbff;border:1.5px solid #e2e8f0;border:1.5px solid var(--inv-border);border-radius:6px;border-radius:var(--inv-radius-sm);overflow:hidden;transition:all .2s ease}.inv-hist-item:hover{border-color:#c4b5fd;box-shadow:0 2px 12px #7c3aed1a}.inv-hist-item--expanded{border-color:#7c3aed;box-shadow:0 4px 20px #7c3aed26}.inv-hist-item-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.inv-hist-item-left{flex:1 1;min-width:0}.inv-hist-item-no{color:#4c1d95;font-family:monospace;font-size:.88rem;font-weight:800;margin-bottom:2px}.inv-hist-item-client{color:#1e293b;color:var(--inv-text);font-size:.83rem;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-hist-item-period{color:#64748b;color:var(--inv-text-muted);font-size:.72rem}.inv-hist-item-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.inv-hist-item-amount{color:#0f172a;font-size:1rem;font-weight:800}.inv-hist-chevron{color:#64748b;color:var(--inv-text-muted);font-size:11px;transition:transform .2s}.inv-hist-status{border-radius:20px;font-size:.72rem;font-weight:700;padding:3px 10px;white-space:nowrap}.inv-hist-status--paid{background:#dcfce7;border:1px solid #86efac;color:#15803d}.inv-hist-status--pending{background:#fef9c3;border:1px solid #fde047;color:#854d0e}.inv-hist-status--overdue{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.inv-hist-item-detail{background:#f5f3ff;border-top:1.5px solid #ede9fe;padding:14px 18px}.inv-hist-detail-table{border:1px solid #ddd6fe;border-collapse:collapse;border-radius:4px;font-size:12px;margin-bottom:12px;overflow:hidden;width:100%}.inv-hist-detail-table th{background:#7c3aed;border:1px solid #6d28d9;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:7px 10px;text-align:left;text-transform:uppercase}.inv-hist-detail-table td{background:#fff;border:1px solid #ede9fe;color:#1e293b;color:var(--inv-text);padding:7px 10px;vertical-align:middle}.inv-hist-detail-table tr:last-child td{background:#f5f3ff}.inv-hist-detail-total{color:#15803d;font-weight:700;text-align:right}.inv-hist-grand{color:#4c1d95!important;font-size:13px}tfoot .inv-hist-detail-table td{background:#ede9fe}.inv-hist-detail-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.inv-preview-overlay{align-items:flex-start;overflow-y:auto;padding:0}.inv-preview-wrapper{display:flex;flex-direction:column;margin:20px auto;max-width:870px;width:100%}.inv-preview-bar{align-items:center;background:#1e293b;border-radius:10px 10px 0 0;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 20px}.inv-preview-bar-title{font-size:.9rem;font-weight:700}.inv-preview-bar-actions{display:flex;flex-wrap:wrap;gap:8px}.inv-document-outer{background:#d1d5db;border-radius:0 0 10px 10px;display:flex;justify-content:center;min-height:400px;padding:20px;position:relative}.inv-letterpad-bg-img{border-radius:6px;display:block;height:100%;inset:0;object-fit:fill;pointer-events:none;position:absolute;width:100%;z-index:-1}.inv-document{background:#fff;border:1px solid #000;border:1px solid var(--inv-doc-border);border-radius:8px;box-shadow:0 4px 24px #0000002e;box-sizing:border-box;color:#1a1a1a;font-family:Arial,Segoe UI,sans-serif;font-size:11px;line-height:1.4;max-width:780px;overflow:hidden;position:relative;width:100%;z-index:1}.inv-document--plain{padding:24px 28px 20px}.inv-document--letterpad{background:#0000!important;box-shadow:none!important;padding:0 28px 20px}.inv-doc-letterpad-spacer{height:128px}.inv-doc-letterpad-footer-spacer{height:56px}.inv-doc-meta-table{border:.3px solid #000;border:.3px solid var(--inv-doc-border);border-collapse:collapse;font-size:10.5px;margin-bottom:0;width:100%}.inv-doc-meta-table td{border:.2px solid #000;border:.2px solid var(--inv-doc-border);padding:5px 8px;vertical-align:middle}.inv-doc-meta-lbl{background:#f5f5f5;color:#222;font-size:10px;font-weight:800;white-space:nowrap;width:80px}.inv-doc-meta-val{line-height:1.5}.inv-doc-meta-val strong{font-size:11px}.inv-doc-meta-val small{color:#444;display:block;font-size:9.5px;line-height:1.45;white-space:pre-line}.inv-doc-meta-lbl-r{background:#f5f5f5;color:#222;font-size:10px;font-weight:800;text-align:right;white-space:nowrap;width:85px}.inv-doc-meta-val-r{font-size:10.5px;font-weight:600;min-width:90px}.inv-doc-title{background:#f5f5f5;border:.3px solid #000;border:.3px solid var(--inv-doc-border);border-bottom:none;border-top:none;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:0;padding:6px 8px;text-align:center;text-transform:uppercase}.inv-doc-table-wrap{overflow:visible;width:100%}.inv-doc-table{border:.3px solid #000;border:.3px solid var(--inv-doc-border);border-collapse:collapse;border-top:none;font-size:10px;table-layout:auto;width:100%}.inv-doc-table th{background:#efefef;font-size:9.5px!important;font-size:var(--inv-doc-font-size,9.5px)!important;font-weight:700;white-space:normal}.inv-doc-table td,.inv-doc-table th{border:.2px solid #000;border:.2px solid var(--inv-doc-border);line-height:1.3;overflow-wrap:normal!important;padding:5px;text-align:center!important;vertical-align:middle;word-break:keep-all!important}.inv-doc-table td{font-size:10px!important;font-size:var(--inv-doc-font-size,10px)!important}.inv-doc-th--sno{min-width:26px;width:26px}.inv-doc-td--center,.inv-doc-td--num,.inv-doc-td--total{text-align:center!important}.inv-doc-td--total{font-weight:700}.inv-doc-td--page,.inv-doc-td--rate,.inv-doc-th--page,.inv-doc-th--rate{max-width:50px!important;min-width:50px!important;width:50px!important}.inv-doc-td--penalty,.inv-doc-th--penalty{max-width:55px!important;min-width:55px!important;width:55px!important}.inv-doc-totals-table{border:.3px solid #000;border:.3px solid var(--inv-doc-border);border-collapse:collapse;border-top:none;font-size:10.5px;table-layout:fixed;width:100%}.inv-doc-totals-table td{border:.2px solid #000;border:.2px solid var(--inv-doc-border);padding:4px 8px;vertical-align:middle}.inv-doc-words-cell{border-top:none!important;font-size:10px;line-height:1.5;padding:6px 10px!important;width:55%}.inv-doc-total-label-cell{background:#f5f5f5;white-space:nowrap;width:22%}.inv-doc-total-label-cell,.inv-doc-total-val-cell{border-top:none!important;font-size:10.5px;text-align:right}.inv-doc-total-val-cell{font-weight:600;padding-right:10px!important;width:23%}.inv-doc-grand-label,.inv-doc-grand-val{background:#e8e8e8;border-top:none!important;font-size:11px}.inv-doc-grand-val{font-weight:800}.inv-doc-bottom{align-items:stretch;background:#fff;border:.3px solid #000;border:.3px solid var(--inv-doc-border);border-top:none;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:20px;margin-top:0;padding:10px 14px}.inv-doc-bank{flex:1 1;font-size:10.5px;min-width:0}.inv-doc-bank-title{font-size:11px;font-weight:900;margin-bottom:3px;text-decoration:underline}.inv-doc-bank-table{border:none;border-collapse:collapse;font-size:10.5px;width:auto}.inv-doc-bank-table td{border:none;line-height:1.3;padding:1.5px 4px;vertical-align:top}.inv-doc-bank-table td:first-child{padding-right:4px;white-space:nowrap}.inv-doc-bank-table td:nth-child(2){padding-right:8px;text-align:center}.inv-doc-qr{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.inv-doc-qr-img{background:#fff;border:1px solid #ccc;height:85px;object-fit:contain;padding:2px;width:85px}.inv-doc-qr-placeholder{align-items:center;background:#fafafa;border:2px dashed #bbb;display:flex;flex-direction:column;gap:4px;height:85px;justify-content:center;width:85px}.inv-doc-qr-placeholder-icon{color:#aaa;font-size:20px}.inv-doc-qr-placeholder-text{color:#aaa;font-size:8.5px;font-weight:600;text-align:center}.inv-doc-sig{align-self:flex-end;flex-shrink:0;margin-top:auto;min-width:180px;padding-bottom:5px;text-align:center}.inv-doc-sig-img-wrap{margin-bottom:4px}.inv-doc-sig-img{max-height:110px;max-width:220px;object-fit:contain}.inv-doc-sig-label{font-size:10.5px;font-weight:800;margin-bottom:3px;margin-top:6px;text-decoration:underline}.inv-doc-sig-desig,.inv-doc-sig-name{font-size:10px;line-height:1.5;text-align:left}@media print{@page{size:A4;margin:0}body,html{background:#fff!important;height:100%!important;margin:0!important;overflow:hidden!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#root>:not(.app-container),.app-container>:not(.main-wrapper),.content-area>:not(.inv-wrapper),.inv-document-outer>:not(.inv-document),.inv-modal-overlay>:not(.inv-preview-wrapper),.inv-preview-wrapper>:not(.inv-document-outer),.inv-wrapper>:not(.inv-modal-overlay),.main-wrapper>:not(.content-area){display:none!important}#root,.app-container,.content-area,.inv-document-outer,.inv-modal-overlay,.inv-preview-wrapper,.inv-wrapper,.main-wrapper{background:#0000!important;border:none!important;box-shadow:none!important;display:block!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:visible!important;padding:0!important;position:static!important;width:100%!important}.inv-document{border:1px solid #000!important;border:1px solid var(--inv-doc-border)!important;border-radius:8px!important;box-sizing:border-box!important;margin:5mm auto!important;min-height:277mm!important;overflow:hidden!important;padding:8mm 10mm!important;page-break-after:avoid!important;page-break-before:avoid!important;page-break-inside:avoid!important;position:relative!important;width:190mm!important;z-index:1!important}.inv-document,.inv-document--plain{background:#fff!important}.inv-letterpad-bg-img{border-radius:6px!important;display:block!important;height:100%!important;inset:0!important;object-fit:fill!important;position:absolute!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;visibility:visible!important;width:100%!important;z-index:-1!important}.inv-doc-table,.inv-doc-table td,.inv-doc-table th{font-size:8.5px!important;font-size:var(--inv-doc-font-size,8.5px)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.inv-doc-meta-table,.inv-doc-meta-table td,.inv-doc-totals-table,.inv-doc-totals-table td{font-size:8.5px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.inv-doc-table{border:.3px solid #000!important;border:.3px solid var(--inv-doc-border)!important;border-top:none!important;table-layout:auto!important;width:100%!important}.inv-doc-table td,.inv-doc-table th{border:.2px solid #000!important;border:.2px solid var(--inv-doc-border)!important;overflow-wrap:normal!important;padding:3px 4px!important;text-align:center!important;white-space:normal!important;word-break:keep-all!important}.inv-doc-totals-table{border:.3px solid #000!important;border:.3px solid var(--inv-doc-border)!important;border-top:none!important;width:100%!important}.inv-doc-meta-table{border:.3px solid #000!important;border:.3px solid var(--inv-doc-border)!important;width:100%!important}.inv-doc-title{border:.3px solid #000!important;border:.3px solid var(--inv-doc-border)!important;border-bottom:none!important;border-top:none!important}.inv-doc-bottom{border:.3px solid #000!important;border:.3px solid var(--inv-doc-border)!important;border-top:none!important;flex-wrap:nowrap!important;font-size:8.5px!important;page-break-inside:avoid!important}.inv-doc-qr-img,.inv-doc-qr-placeholder{height:70px!important;width:70px!important}.inv-doc-sig{align-self:flex-end!important;margin-top:auto!important}.inv-doc-sig-img{max-height:90px!important;max-width:180px!important}.inv-doc-table-wrap{overflow:visible!important}.inv-doc-letterpad-spacer{height:88px!important}.inv-doc-letterpad-footer-spacer{height:36px!important}.inv-doc-words-cell{font-size:8.5px!important}}@media (max-width:1100px){.inv-history-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.inv-details-grid,.inv-meta-grid{grid-template-columns:1fr}.inv-col-grid{grid-template-columns:repeat(2,1fr)}.inv-totals-panel{flex-direction:column}.inv-totals-right{min-width:0;min-width:auto;width:100%}.inv-preview-wrapper{margin:10px}.inv-export-grid{grid-template-columns:repeat(3,1fr)}.inv-bank-display-with-qr{flex-direction:column}.inv-qr-section{max-width:100%}.inv-doc-bottom{flex-wrap:wrap}.inv-history-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.inv-page-header{align-items:flex-start;flex-direction:column}.inv-bank-edit-grid,.inv-col-grid{grid-template-columns:1fr}.inv-title-selectors{flex-direction:column}.inv-document--plain{padding:12px}.inv-proj-filters{flex-direction:column}.inv-export-grid{grid-template-columns:repeat(2,1fr)}.inv-sig-preview-box{height:120px;width:220px}.inv-client-selector-row{flex-wrap:wrap}.inv-history-summary{grid-template-columns:repeat(2,1fr)}.inv-history-filters{flex-direction:column}.inv-hist-item-header{align-items:flex-start;flex-direction:column}.inv-hist-item-right{justify-content:space-between;width:100%}}.inv-mode-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;margin-bottom:20px;padding:4px}.inv-mode-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;text-align:center;transition:all .2s}.inv-mode-tab:hover{color:#0f172a}.inv-mode-tab--active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#00a3ff;color:var(--inv-primary,#0284c7)}.inv-overlay-upload-zone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;border-radius:var(--inv-radius-lg,12px);cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .2s}.inv-overlay-upload-zone:hover{background:#f0f9ff;border-color:#00a3ff;border-color:var(--inv-primary,#0284c7)}.inv-overlay-upload-icon{font-size:48px}.inv-overlay-upload-text{color:#334155;font-size:1rem;font-weight:600}.inv-overlay-upload-sub{color:#64748b;font-size:.8rem}.inv-overlay-controls{grid-gap:16px;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--inv-border,#e2e8f0);border-radius:12px;border-radius:var(--inv-radius-lg,12px);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px;padding:20px}.inv-overlay-control-group{display:flex;flex-direction:column;gap:8px}.inv-overlay-control-label{color:#475569;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between}.inv-overlay-control-val{color:#00a3ff;color:var(--inv-primary,#0284c7);font-weight:700}.inv-overlay-slider{accent-color:#00a3ff;accent-color:var(--inv-primary,#0284c7);cursor:pointer;width:100%}.inv-overlay-toggle-row{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:12px;padding-top:8px}.inv-overlay-preview-container{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--inv-radius-lg,12px);display:flex;flex-direction:column;padding:20px;width:100%}.inv-overlay-preview-title{align-items:center;align-self:flex-start;color:#1e293b;display:flex;font-size:.95rem;font-weight:700;gap:6px;margin-bottom:12px}.inv-document-overlay-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}.inv-overlay-img{display:block;margin:0 auto;max-width:100%;transition:all .15s}.inv-overlay-pdf-embed{background:#0000;border:none;min-height:800px;width:100%}.inv-overlay-help-box{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:.82rem;font-weight:500;gap:8px;margin-top:10px;padding:12px 16px;width:100%}@keyframes invSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inv-spinner{animation:invSpin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;display:inline-block;height:40px;width:40px}@media print{.inv-preview-overlay-active,.inv-preview-overlay-active .inv-document-outer{height:auto!important;max-height:none!important;overflow:visible!important}.inv-document-overlay-page{border:none!important;border-radius:0!important;box-shadow:none!important;height:297mm!important;margin:0 auto!important;max-height:297mm!important;max-width:210mm!important;page-break-after:always!important;page-break-before:auto!important;page-break-inside:avoid!important;width:210mm!important}}.inv-multiselect-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;display:flex;flex-direction:column;gap:6px;min-width:170px;padding:6px 10px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.inv-multiselect-box:focus-within{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.inv-chips-wrap{display:flex;flex-wrap:wrap;gap:4px}.inv-multiselect-chip{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#334155;display:inline-flex;font-size:.74rem;font-weight:600;gap:4px;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.inv-chip-remove{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;line-height:1;padding:0;transition:color .1s ease}.inv-chip-remove:hover{color:#ef4444}.inv-multiselect-input{background:#0000!important;border:none!important;color:#1e293b;font-size:.8rem;outline:none!important;padding:2px 0!important;width:100%}.inv-multiselect-dropdown{animation:invDropIn .12s ease;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 8px 24px #00000024,0 2px 6px #00000014;max-height:220px;overflow-y:auto;z-index:99999}@keyframes invDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inv-multiselect-option{align-items:center;border-bottom:1px solid #f1f5f9;color:#334155;cursor:pointer;display:flex;font-size:.8rem;padding:8px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.inv-multiselect-option:last-child{border-bottom:none}.inv-multiselect-option:hover{background-color:#f8fafc}.inv-multiselect-option--active{background-color:#f0f9ff;color:#0369a1;font-weight:600}.inv-multiselect-option--active:hover{background-color:#e0f2fe}.inv-multiselect-option--new{background-color:#faf5ff;border-bottom:1.5px dashed #e9d5ff;color:#6b21a8;font-weight:600}.inv-multiselect-option--new:hover{background-color:#f3e8ff}.inv-multiselect-option--add{background-color:#f0f9ff;border-top:1px dashed #cbd5e1;color:#0284c7;font-weight:700}.inv-multiselect-option--add:hover{background-color:#e0f2fe}.admin-chat-monitor-container{background:#f8fafc;display:flex;flex-direction:column;font-family:Poppins,Inter,sans-serif;height:calc(100vh - 120px);padding:24px}.admin-chat-header-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000005;margin-bottom:24px;padding:20px 24px}.header-title-block h2{color:#1e293b;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.header-title-block p{color:#64748b;font-size:.88rem;margin:4px 0 0}.admin-chat-workspace{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:360px 1fr;min-height:0}.conversations-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;overflow:hidden}.sidebar-search{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;padding:16px;position:relative}.sidebar-search .search-icon{color:#94a3b8;left:28px;position:absolute}.sidebar-search input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.88rem;outline:none;padding:10px 12px 10px 38px;transition:all .2s;width:100%}.sidebar-search input:focus{background:#fff;border-color:#c28595;box-shadow:0 0 0 3px #c2859526}.sidebar-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.conversation-thread-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;position:relative;transition:all .25s ease}.conversation-thread-card:hover{background:#c2859508;border-color:#c2859533;transform:translateY(-1px)}.conversation-thread-card.active{background:#c2859514;border-color:#c28595;box-shadow:0 4px 12px #c285950d}.thread-participants{align-items:center;display:flex;gap:8px;justify-content:space-between}.participant{display:flex;flex:1 1;flex-direction:column;max-width:45%}.p-name{color:#1e293b;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-role{color:#64748b;font-size:.72rem;margin-top:1px}.text-right{text-align:right}.arrow-connector{color:#94a3b8;flex-shrink:0}.thread-meta{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;font-size:.75rem;justify-content:space-between;padding-top:8px}.last-message-snippet{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-text{color:#64748b}.attachment-text{color:#c28595;font-weight:500}.time-info{align-items:center;display:flex;gap:4px}.message-count-badge{background:#f1f5f9;border-radius:20px;color:#475569;display:none;font-size:.7rem;font-weight:500;padding:2px 8px;position:absolute;right:12px;top:12px}.thread-viewer{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;overflow:hidden}.thread-viewer-content{display:flex;flex-direction:column;height:100%}.thread-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.participant-header-box{align-items:center;display:flex;gap:12px}.participant-header-box.flex-reverse{flex-direction:row-reverse}.participant-header-box .avatar{align-items:center;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:50%;box-shadow:inset 0 2px 4px #0000000d;color:#fff;display:flex;font-size:.95rem;font-weight:600;height:44px;justify-content:center;width:44px}.participant-header-box .info{display:flex;flex-direction:column}.participant-header-box .name{color:#1e293b;font-size:.95rem;font-weight:600}.participant-header-box .details{color:#64748b;font-size:.72rem;margin-top:2px}.connection-pill{background:#fee2e2;border:1px solid #fecaca;border-radius:20px;color:#ef4444;font-size:.72rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.thread-timeline{background:#fafbfe;background-image:radial-gradient(#e2e8f0 1px,#0000 0);background-size:16px 16px;flex:1 1;overflow-y:auto;padding:24px}.messages-stream{display:flex;flex-direction:column;gap:16px}.audit-message-row{display:flex;flex-direction:column;max-width:65%;position:relative}.audit-message-row.left-align{align-self:flex-start}.audit-message-row.right-align{align-self:flex-end}.sender-indicator{color:#64748b;font-size:.75rem;font-weight:600;margin-bottom:4px;padding-left:4px}.audit-message-row.right-align .sender-indicator{padding-right:4px;text-align:right}.audit-message-bubble{word-wrap:break-word;border-radius:16px;box-shadow:0 2px 8px #00000008;font-size:.9rem;line-height:1.45;padding:12px 16px}.audit-message-row.left-align .audit-message-bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;color:#1e293b}.audit-message-row.right-align .audit-message-bubble{background:#f1f5f9;border:1px solid #e2e8f0;border-bottom-right-radius:4px;color:#1e293b}.message-content{margin:0}.message-time{color:#94a3b8;font-size:.68rem;margin-top:6px;text-align:right}.audit-file-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px;padding:10px}.audit-image-preview{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;max-height:160px;max-width:260px;overflow:hidden}.audit-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.audit-file-details{align-items:center;display:flex;gap:8px}.audit-file-details .file-icon{color:#c28595}.audit-file-details .meta{display:flex;flex-direction:column}.audit-file-details .name{color:#1e293b;font-size:.82rem;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-file-details .size{color:#94a3b8;font-size:.72rem}.audit-download-btn{align-items:center;background:#e2e8f0;border-radius:50%;color:#475569;display:flex;height:28px;justify-content:center;text-decoration:none;transition:all .2s;width:28px}.audit-download-btn:hover{background:#cbd5e1;color:#1e293b}.viewer-placeholder{align-items:center;background:#fafbfe;display:flex;flex:1 1;justify-content:center;padding:40px;text-align:center}.placeholder-content{align-items:center;display:flex;flex-direction:column;max-width:480px}.placeholder-icon{color:#c28595;margin-bottom:20px;opacity:.35}.placeholder-content h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.placeholder-content p{color:#64748b;font-size:.88rem;line-height:1.5;margin:8px 0 0}.spinner{animation:auditSpin .8s linear infinite;border:3px solid #c2859533;border-radius:50%;border-top-color:#c28595;display:inline-block;height:28px;width:28px}.list-loading-state,.timeline-loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.88rem;gap:12px;justify-content:center;padding:40px}.list-loading-state{height:200px}.timeline-loading-state{height:100%}@keyframes auditSpin{to{transform:rotate(1turn)}}.sidebar-empty-state{align-items:center;flex-direction:column;gap:8px;height:250px}.sidebar-empty-state,.timeline-empty-state{color:#94a3b8;display:flex;font-size:.88rem;justify-content:center}.timeline-empty-state{padding:40px}.adt-chat-widget-container{align-items:flex-end;bottom:16px;display:flex;flex-direction:column;font-family:Poppins,Inter,sans-serif;position:fixed;right:16px;z-index:9999}.adt-chat-trigger-btn{align-items:center;background:linear-gradient(135deg,#c28595,#f0979c);border:none;border-radius:50%;box-shadow:0 3px 12px #c2859566;color:#fff;cursor:pointer;display:flex;height:46px;justify-content:center;outline:none;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:46px}.adt-chat-trigger-btn:hover{box-shadow:0 6px 20px #c2859599;transform:scale(1.08) translateY(-2px)}.adt-chat-trigger-btn:active{transform:scale(.95)}.trigger-content{align-items:center;display:flex;justify-content:center;position:relative}.pulse-ring{animation:chatPulse 2s ease-out infinite;border:2px solid #f0979c;border-radius:50%;bottom:-8px;left:-8px;opacity:0;pointer-events:none;position:absolute;right:-8px;top:-8px}@keyframes chatPulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.2)}}.adt-chat-window{animation:floatUp .3s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 12px 40px #00000026,0 4px 12px #c285951a;display:flex;flex-direction:column;height:370px;margin-bottom:10px;overflow:hidden;transform-origin:bottom right;width:270px}@keyframes floatUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.adt-chat-header{align-items:center;background:linear-gradient(135deg,#c28595,#f0979c);border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 2px 8px #0000000d;color:#fff;display:flex;justify-content:space-between;padding:5px 8px}.header-default h3{font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0}.header-default p{font-size:.65rem;margin:1px 0 0;opacity:.9}.header-chatting-with{align-items:center;display:flex;gap:6px}.back-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.back-btn:hover{background:#ffffff26}.header-info{display:flex;flex-direction:column}.header-info .contact-name{font-size:.85rem;font-weight:600}.header-info .contact-role{font-size:.65rem;opacity:.85}.close-panel-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.85;padding:4px;transition:all .2s}.close-panel-btn:hover{background:#ffffff26;opacity:1}.adt-chat-body{background:#f8fafc;flex:1 1;overflow:hidden}.adt-chat-body,.contacts-view{display:flex;flex-direction:column}.contacts-view{height:100%}.search-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;padding:8px 12px;position:relative}.search-icon{color:#94a3b8;left:20px;position:absolute}.search-bar input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;box-sizing:border-box;font-size:.75rem;outline:none;padding:5px 8px 5px 24px;transition:all .2s;width:100%}.search-bar input:focus{background:#fff;border-color:#c28595;box-shadow:0 0 0 3px #c2859526}.contacts-list{flex:1 1;overflow-y:auto;padding:6px}.contact-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:8px;cursor:pointer;display:flex;margin-bottom:3px;padding:6px 8px;transition:all .2s}.contact-card:hover{background:#c285950d;border-color:#c2859526;transform:translateY(-1px)}.contact-avatar{align-items:center;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:50%;box-shadow:inset 0 2px 4px #0000000d;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:26px;justify-content:center;margin-right:8px;width:26px}.contact-details{display:flex;flex:1 1;flex-direction:column}.contact-meta{align-items:center;display:flex;justify-content:space-between}.contact-details .name{color:#1e293b;font-size:.7rem;font-weight:400}.contact-details .code{color:#94a3b8;font-size:.5rem}.contact-details .role{color:#64748b;font-size:.7rem;margin-top:1px}.chat-thread-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.message-list{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:8px 10px}.message-bubble-wrapper{display:flex;width:100%}.message-bubble-wrapper.self{justify-content:flex-end}.message-bubble-wrapper.other{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:10px;box-shadow:0 2px 6px #0000000a;font-size:.75rem;line-height:1.3;max-width:85%;padding:5px 8px 3px;position:relative}.message-bubble-wrapper.self .message-bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-right-radius:2px;color:#1e293b}.message-bubble-wrapper.other .message-bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:2px;color:#1e293b}.message-text{margin:0}.message-metadata{align-items:center;display:flex;font-size:.62rem;gap:3px;justify-content:flex-end;margin-top:0;opacity:.8}.message-bubble-wrapper.other .message-metadata,.message-bubble-wrapper.self .message-metadata{color:#94a3b8}.read-status{align-items:center;display:flex}.read-dot{border-radius:50%;display:inline-block;height:5px;margin-left:2px;width:5px}.read-dot.read{background-color:#22c55e}.read-dot.sent{background-color:#f97316}.shared-file-card{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px;padding:5px 8px;width:100%}.shared-image-preview{border:1px solid #0000000d;border-radius:6px;cursor:pointer;max-height:90px;max-width:140px;overflow:hidden}.shared-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.file-attachment-info{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.file-icon{color:#c28595;flex-shrink:0}.file-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.file-name{color:#1e293b;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#64748b;font-size:.65rem;margin-top:2px}.file-download-btn{align-items:center;background:#cbd5e1;border-radius:50%;color:#475569;display:flex;flex-shrink:0;height:24px;justify-content:center;text-decoration:none;transition:all .2s;width:24px}.file-download-btn:hover{background:#94a3b8;color:#1e293b}.file-delete-btn{align-items:center;background:#fecaca;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.file-delete-btn:hover{background:#fca5a5;color:#991b1b}.chat-upload-indicator{align-items:center;background:#fff5f5;border-top:1px solid #ffd8d8;color:#c28595;display:flex;font-size:.7rem;gap:6px;padding:4px 10px}.chat-upload-indicator svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chat-input-bar{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:6px;padding:6px 10px}.attach-btn,.send-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s;width:26px}.attach-btn:hover{background:#f1f5f9;color:#c28595}.send-btn{background:linear-gradient(135deg,#c28595,#f0979c);color:#fff}.send-btn:hover{box-shadow:0 2px 8px #c285954d;transform:scale(1.05)}.send-btn:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}.chat-input-bar input[type=text]{border:1px solid #e2e8f0;border-radius:20px;flex:1 1;font-size:.75rem;outline:none;padding:5px 10px;transition:all .2s}.chat-input-bar input[type=text]:focus{border-color:#c28595;box-shadow:0 0 0 3px #c285951a}.contacts-list::-webkit-scrollbar,.message-list::-webkit-scrollbar{width:4px}.contacts-list::-webkit-scrollbar-thumb,.message-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.contacts-list::-webkit-scrollbar-track,.message-list::-webkit-scrollbar-track{background:#0000}.empty-state{color:#94a3b8;font-size:.85rem;height:150px}.adt-chat-unread-badge,.empty-state{align-items:center;display:flex;justify-content:center}.adt-chat-unread-badge{animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275) forwards;background:#ef4444;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;font-size:.65rem;font-weight:700;height:16px;position:absolute;right:-6px;top:-6px;width:16px}@keyframes badgePop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.contact-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:2px}.contact-unread-badge{align-items:center;background:#c28595;border-radius:7px;box-shadow:0 2px 6px #c285954d;color:#fff;display:flex;font-size:.65rem;font-weight:600;height:14px;justify-content:center;min-width:14px;padding:0 4px}@media (max-width:480px){.adt-chat-widget-container{bottom:12px;right:12px}.adt-chat-window{height:75vh;max-height:480px;max-width:340px;width:calc(100vw - 24px)}}.digi-convertor-container{align-items:center;animation:fadeIn .4s ease-out;background:linear-gradient(#15cdd71f,#ff3b5c1f),url(/static/media/digiconvertor_bg.711707e1167ad9a4ab7a.jpg) no-repeat 50%;background-size:cover;border-radius:16px;box-shadow:inset 0 0 80px #00000080;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:85vh;padding:40px 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.digi-convertor-home{align-items:center;display:flex;flex-direction:column;gap:40px;max-width:100%;width:100%}.digi-header-section{text-align:center}.digi-title{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff3b5c,#13c6df);-webkit-background-clip:text;background-clip:text}.digi-subtitle{color:#cbd5e1;font-size:1rem;font-weight:400;margin:0;max-width:600px;text-shadow:0 2px 4px #0000004d}.digi-cards-container{display:flex;gap:100px;justify-content:space-between;width:100%}@media (max-width:768px){.digi-cards-container{align-items:center;flex-direction:column;gap:20px}}.digi-card{align-items:flex-start;background-size:cover;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 10px 30px #00000040;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:460px;min-height:360px;overflow:hidden;padding:28px 28px 24px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}@media (max-width:768px){.digi-card{max-width:100%;width:100%}}.epub-card{background:url(/static/media/ocr_only_bg.343bfbe0bbd4c9e98918.png) no-repeat 50%;background-size:cover}.xml-card{background:url(/static/media/xml_conversion_bg.a155b19a5f437de4015d.png) no-repeat 50%;background-size:cover}.digi-card:after{background:linear-gradient(0deg,#050814f5 0,#050814d9 40%,#0508144d 75%,#0000);bottom:0;height:65%;pointer-events:none;z-index:0}.digi-card:after,.digi-card:before{content:"";left:0;position:absolute;right:0}.digi-card:before{height:3px;opacity:.9;top:0;z-index:2}.epub-card:before{background:linear-gradient(90deg,#13c6df,#0d8fd9)}.xml-card:before{background:linear-gradient(90deg,#ff3b5c,#d90d7f)}.card-action-btn,.card-content,.card-icon-wrapper{position:relative;z-index:1}.card-icon-wrapper{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;display:flex;justify-content:center;padding:12px;transition:transform .3s ease}.cyan-icon{color:#15cdd7}.pink-icon{color:#ff3b5c}.card-content{display:flex;flex-direction:column;gap:10px;margin-top:auto}.card-content h3{font-size:1.4rem;font-weight:700;margin:0}.epub-card .card-content h3{color:#fff;text-shadow:0 0 8px #13c6df4d}.xml-card .card-content h3{color:#fff;text-shadow:0 0 8px #ff3b5c4d}.card-content p{color:#cbd5e1;font-size:.88rem;line-height:1.55;margin:0}.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feature-badge{border-radius:6px;font-size:.68rem;font-weight:600;padding:4px 10px}.epub-card .feature-badge{background:#13c6df1a;border:1px solid #13c6df26;color:#13c6df}.xml-card .feature-badge{background:#ff3b5c1a;border:1px solid #ff3b5c26;color:#ff3b5c}.card-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:0;text-transform:uppercase;transition:color .2s ease,transform .2s ease}.launch-logo{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:50px;object-fit:contain;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:50px}.epub-card .card-action-btn{color:#13c6df}.xml-card .card-action-btn{color:#ff3b5c}.digi-card:hover{border-color:#13c6df80;box-shadow:0 24px 48px #0006;transform:translateY(-8px)}.xml-card:hover{border-color:#ff3b5c80}.digi-card:hover .card-icon-wrapper{transform:scale(1.08)}.digi-card:hover .launch-logo{transform:translateX(8px)}.digi-convertor-workspace{display:flex;flex-direction:column;gap:20px;max-width:700px;width:100%}.back-to-home-btn{align-items:center;align-self:flex-start;background:#0000;border:none;color:#cbd5e1;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:8px;transition:color .2s ease}.back-to-home-btn:hover{color:#fff}.workspace-card{background:#fff;border:1px solid #13c6df26;border-radius:20px;box-shadow:0 10px 30px #0000000a;overflow:hidden}.workspace-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;padding:24px 30px}.workspace-header,.workspace-title-group{align-items:center;display:flex;gap:16px}.workspace-icon{background:#13c6df0f;border-radius:12px;padding:10px}.workspace-title-group h3{font-size:1.2rem;font-weight:700;margin:0}.workspace-title-group p{color:#666;font-size:.8rem;margin:2px 0 0}.engine-status{align-items:center;background:#16a34a0f;border-radius:20px;color:#16a34a;display:flex;font-size:.75rem;font-weight:700;gap:8px;padding:6px 12px}.status-indicator{background:#16a34a;border-radius:50%;height:6px;width:6px}.status-indicator.active{animation:pulseStatus 2s infinite;box-shadow:0 0 8px #16a34a}@keyframes pulseStatus{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.workspace-body{padding:30px}.upload-zone{background:#fafcff;border:2px dashed #13c6df40;border-radius:16px;padding:40px 20px;text-align:center;transition:all .25s ease}.upload-zone.drag-active{background:#13c6df0d;border-color:#13c6df}.file-hidden-input{display:none}.upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;width:100%}.upload-icon-circle{align-items:center;background:#13c6df0f;border-radius:50%;color:#13c6df;display:flex;height:56px;justify-content:center;transition:transform .2s ease,background .2s ease;width:56px}.upload-zone:hover .upload-icon-circle{background:#13c6df1a;transform:translateY(-4px)}.upload-heading{color:#1a1a2e;font-size:1rem;font-weight:700}.upload-subheading{color:#666;font-size:.85rem}.browse-link{color:#0d8fd9;font-weight:600;text-decoration:underline}.upload-types{color:#888;font-size:.75rem;margin-top:4px}.selected-file-info{align-items:center;display:flex;flex-direction:column;gap:4px}.selected-file-name{color:#1a1a2e;font-size:.95rem;font-weight:700}.selected-file-size{color:#666;font-size:.8rem}.processing-zone{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 0;text-align:center}.processing-loader-wrapper{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:8px;position:relative;width:60px}.processing-cpu-icon{color:#13c6df}.processing-sparkle-icon{animation:floatSparkle 1.5s ease-in-out infinite;color:#ff3b5c;position:absolute;right:4px;top:4px}@keyframes floatSparkle{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-4px) scale(1.1)}}.processing-zone h4{font-size:1.15rem;font-weight:700;margin:0}.processing-zone p{color:#666;font-size:.85rem;margin:0}.progress-bar-container{background:#f1f5f9;border-radius:10px;height:8px;margin-top:16px;max-width:400px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#13c6df,#ff3b5c);border-radius:10px;height:100%;transition:width .15s ease-out}.progress-percentage{color:#1a1a2e;font-size:.75rem;font-weight:700;position:absolute;right:0;top:-24px}.result-zone{align-items:center;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:16px;padding:10px 0;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon{color:#16a34a}.result-zone h4{font-size:1.3rem;font-weight:700;margin:0}.result-zone p{color:#666;font-size:.9rem;margin:0 0 8px}.result-file-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;max-width:500px;padding:14px 20px;width:100%}.result-file-details{align-items:center;display:flex;gap:14px}.file-avatar{align-items:center;background:#13c6df14;border-radius:8px;color:#0d8fd9;display:flex;justify-content:center;padding:8px}.file-info-text{align-items:flex-start;display:flex;flex-direction:column}.res-name{color:#1a1a2e;font-size:.85rem;font-weight:700;text-align:left;word-break:break-all}.res-size{color:#666;font-size:.75rem}.download-btn{background:linear-gradient(135deg,#13c6df,#0d8fd9);border:none;border-radius:8px;box-shadow:0 4px 12px #13c6df40;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;padding:8px 18px;transition:all .2s ease}.download-btn:hover{box-shadow:0 6px 16px #13c6df66;transform:translateY(-2px)}.convert-another-btn{background:#0000;border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;margin-top:12px;padding:10px 22px;transition:all .2s ease}.convert-another-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#1a1a2e}.action-row{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-file-btn{background:#0000;border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-file-btn:hover{background:#f8fafc}.start-btn{align-items:center;background:linear-gradient(135deg,#13c6df,#0d8fd9);border:none;border-radius:10px;box-shadow:0 4px 12px #13c6df40;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;gap:8px;padding:10px 24px;transition:all .2s ease}.start-btn:hover{box-shadow:0 6px 18px #13c6df66;transform:translateY(-2px)}.access-denied-card{background:#fffdfd!important;border-color:#ef444433!important}.denied-body{align-items:center;display:flex;flex-direction:column;gap:16px;padding:48px 30px!important;text-align:center}.denied-icon-circle{align-items:center;animation:pulseDenied 2s infinite;background:#ef444414;border-radius:50%;box-shadow:0 4px 16px #ef444426;color:#ef4444;display:flex;height:80px;justify-content:center;width:80px}@keyframes pulseDenied{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.denied-body h3{color:#ef4444;font-size:1.5rem;font-weight:700;margin:0}.denied-message{color:#1a1a2e;font-size:1rem;font-weight:600;margin:0}.denied-hint{color:#666;font-size:.85rem;margin:0}.digi-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:12px;padding:40px}.global-popup-notification{animation:global-popup-slide-in .4s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#22243ad9;border:1px solid #13c6df40;border-left:4px solid #13c6df;border-radius:12px;bottom:24px;box-shadow:0 12px 40px #13c6df29,0 4px 12px #00000040;color:#fff;cursor:pointer;padding:16px 20px;position:fixed;right:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:330px;z-index:9999}.global-popup-notification:hover{border-color:#13c6df73;box-shadow:0 16px 45px #13c6df40,0 6px 16px #0000004d;transform:translateY(-4px)}.global-popup-close{color:#ffffff80;cursor:pointer;font-size:11px;padding:4px;position:absolute;right:12px;top:10px;transition:color .15s}.global-popup-close:hover{color:#ff3b5c}.global-popup-content{display:flex;flex-direction:column;gap:8px}.global-popup-text{color:#f1f5f9;font-family:Poppins,Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5;margin:0;text-align:left}.global-popup-action{align-self:flex-end;color:#13c6df;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:color .15s}.global-popup-notification:hover .global-popup-action{color:#fff}@keyframes global-popup-slide-in{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ci-page{background:#f8fafc;font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:28px 32px}.ci-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.ci-title{color:#25282b;font-size:22px;font-weight:700;margin:0 0 4px}.ci-subtitle{color:#5f6b7a;font-size:13px;margin:0}.ci-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ci-filter-btn{background:#fff;border:1px solid #25282b26;border-radius:20px;color:#5f6b7a;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.ci-filter-btn.active,.ci-filter-btn:hover{background:#25282b;border-color:#25282b;color:#fff}.ci-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:16px;padding:12px 16px}.ci-workspace{align-items:flex-start;display:flex;gap:20px}.ci-list{background:#fff;border:1px solid #25282b14;border-radius:12px;box-shadow:0 2px 12px #25282b0d;flex:1 1;overflow:hidden}.ci-empty{color:#8290a3;font-size:14px;padding:48px;text-align:center}.ci-table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.ci-table{border-collapse:collapse;font-size:13px;min-width:850px;width:100%}.ci-table thead tr{background:#f8fafc}.ci-table th{border-bottom:1px solid #25282b14;color:#8290a3;font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase}.ci-table td{border-bottom:1px solid #25282b0d;color:#25282b;padding:12px 16px}.ci-row{cursor:pointer;transition:background .12s}.ci-row:hover{background:#f0f9ff}.ci-row.selected{background:#eff6ff}.ci-td-name{font-weight:600}.ci-td-date{color:#8290a3;font-size:11px;white-space:nowrap}.ci-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px}.ci-badge--amber{background:#f59e0b1f;color:#b45309}.ci-badge--teal{background:#08afc41f;color:#0369a1}.ci-badge--green{background:#22c55e1f;color:#15803d}.ci-badge--grey{background:#6b72801a;color:#374151}.ci-del-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;opacity:.5;padding:4px 8px;transition:opacity .15s}.ci-del-btn:hover{opacity:1}.ci-detail{animation:slideIn .2s ease;background:#fff;border:1px solid #25282b14;border-radius:12px;box-shadow:0 2px 12px #25282b0d;min-width:320px;padding:24px;width:380px}@keyframes slideIn{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.ci-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.ci-detail-name{color:#25282b;font-size:16px;font-weight:700;margin:0 0 4px}.ci-detail-email{color:#e92e68;font-size:13px;text-decoration:none}.ci-detail-meta{color:#5f6b7a;font-size:12px}.ci-close-btn{background:none;border:none;color:#8290a3;cursor:pointer;font-size:16px;padding:4px}.ci-close-btn:hover{color:#25282b}.ci-detail-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ci-chip{background:#25282b0f;border-radius:100px;color:#5f6b7a;font-size:11px;font-weight:600;padding:4px 10px}.ci-detail-message{margin-bottom:24px}.ci-detail-msg-label{color:#8290a3;font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.ci-detail-msg-body{background:#f8fafc;border-radius:8px;color:#25282b;font-size:14px;line-height:1.7;margin:0;padding:14px 16px}.ci-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ci-detail-status-label{color:#8290a3;font-size:11px;font-weight:700;width:100%}.ci-status-btn{border:1.5px solid #0000;border-radius:20px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 14px;transition:all .15s}.ci-status-btn--amber{background:#f59e0b14;border-color:#f59e0b;color:#b45309}.ci-status-btn--amber.active{background:#f59e0b;color:#fff}.ci-status-btn--teal{background:#08afc414;border-color:#08afc4;color:#0369a1}.ci-status-btn--teal.active{background:#08afc4;color:#fff}.ci-status-btn--green{background:#22c55e14;border-color:#22c55e;color:#15803d}.ci-status-btn--green.active{background:#22c55e;color:#fff}.ci-del-detail-btn{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:20px;color:#b91c1c;cursor:pointer;font-size:12px;font-weight:700;margin-left:auto;padding:6px 14px}.ci-del-detail-btn:hover{background:#fee2e2}@media (max-width:900px){.ci-workspace{flex-direction:column}.ci-detail{min-width:0;min-width:auto;width:100%}}.ci-txt-center{text-align:center!important}.ca-page{background:#f8fafc;font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:28px 32px}.ca-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ca-title{color:#25282b;font-size:22px;font-weight:700;margin:0 0 4px}.ca-subtitle{color:#5f6b7a;font-size:13px;margin:0}.ca-btn-add{background:#25282b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:background .15s}.ca-btn-add:hover{background:#e92e68}.ca-tabs{border-bottom:2px solid #25282b14;display:flex;gap:4px;margin-bottom:20px}.ca-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8290a3;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-2px;padding:10px 20px;transition:all .15s}.ca-tab.active{border-bottom-color:#e92e68;color:#25282b}.ca-tab:hover{color:#25282b}.ca-card{background:#fff;border:1px solid #25282b14;border-radius:12px;box-shadow:0 2px 12px #25282b0d;overflow:hidden}.ca-empty{color:#8290a3;font-size:14px;padding:48px;text-align:center}.ca-table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.ca-table{border-collapse:collapse;font-size:13px;min-width:850px;width:100%}.ca-table thead tr{background:#f8fafc}.ca-table th{border-bottom:1px solid #25282b14;color:#8290a3;font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase}.ca-table td{border-bottom:1px solid #25282b0d;color:#25282b;padding:12px 16px}.ca-row{cursor:pointer;transition:background .12s}.ca-row:hover{background:#f0f9ff}.ca-row.selected{background:#eff6ff}.ca-td-bold{font-weight:600}.ca-td-date{color:#8290a3;font-size:11px;white-space:nowrap}.ca-toggle{border:1.5px solid #0000;border-radius:100px;cursor:pointer;font-size:11px;font-weight:700;padding:4px 12px;transition:all .15s}.ca-toggle.on{background:#22c55e1a;border-color:#22c55e;color:#15803d}.ca-toggle.off{background:#6b72801a;border-color:#9ca3af;color:#374151}.ca-toggle:disabled{cursor:not-allowed;opacity:.6}.ca-actions{display:flex;gap:6px;justify-content:center}.ca-btn-edit{background:#25282b0f;border:none;border-radius:6px;color:#25282b;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:background .15s}.ca-btn-edit:hover{background:#25282b1f}.ca-btn-del{background:#b91c1c12;border:none;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:background .15s}.ca-btn-del:hover{background:#b91c1c24}.ca-del-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;opacity:.5;padding:4px 8px;transition:opacity .15s}.ca-del-btn:hover{opacity:1}.ca-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px}.ca-badge--amber{background:#f59e0b1f;color:#b45309}.ca-badge--blue{background:#3b82f61f;color:#1d4ed8}.ca-badge--green{background:#22c55e1f;color:#15803d}.ca-badge--red{background:#ef44441f;color:#b91c1c}.ca-badge--grey{background:#6b72801a;color:#374151}.ca-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ca-filter-btn{background:#fff;border:1px solid #25282b26;border-radius:20px;color:#5f6b7a;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.ca-filter-btn.active,.ca-filter-btn:hover{background:#25282b;border-color:#25282b;color:#fff}.ca-workspace{align-items:flex-start;display:flex;gap:20px}.ca-app-list{flex:1 1}.ca-detail{animation:ca-slide .2s ease;background:#fff;border:1px solid #25282b14;border-radius:12px;box-shadow:0 2px 12px #25282b0d;min-width:320px;padding:24px;width:380px}@keyframes ca-slide{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.ca-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.ca-detail-name{color:#25282b;font-size:16px;font-weight:700;margin:0 0 4px}.ca-detail-email{color:#e92e68;display:block;font-size:13px;text-decoration:none}.ca-detail-meta{color:#5f6b7a;font-size:12px;margin-top:3px}.ca-detail-link{color:#08afc4;display:block;font-size:12px;margin-top:4px;text-decoration:none}.ca-close-btn{background:none;border:none;color:#8290a3;cursor:pointer;font-size:16px;padding:4px}.ca-close-btn:hover{color:#25282b}.ca-detail-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ca-chip{background:#25282b0f;border-radius:100px;color:#5f6b7a;font-size:11px;font-weight:600;padding:4px 10px}.ca-detail-section{margin-bottom:16px}.ca-detail-label{color:#8290a3;font-size:11px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.ca-detail-body{background:#f8fafc;border-radius:8px;color:#25282b;font-size:14px;line-height:1.7;margin:0;padding:12px 14px}.ca-resume-btn{background:#08afc41a;border:1.5px solid #08afc44d;border-radius:8px;color:#08afc4;display:block;font-size:13px;font-weight:700;margin-bottom:20px;padding:10px 16px;text-align:center;text-decoration:none;transition:background .15s}.ca-resume-btn:hover{background:#08afc433}.ca-detail-actions{display:flex;flex-direction:column;gap:10px}.ca-detail-status-label{color:#8290a3;font-size:11px;font-weight:700}.ca-status-btns{display:flex;flex-wrap:wrap;gap:6px}.ca-status-btn{border:1.5px solid #0000;border-radius:20px;cursor:pointer;font-size:11px;font-weight:700;padding:5px 12px;transition:all .15s}.ca-status-btn--amber{background:#f59e0b14;border-color:#f59e0b;color:#b45309}.ca-status-btn--amber.active{background:#f59e0b;color:#fff}.ca-status-btn--blue{background:#3b82f614;border-color:#3b82f6;color:#1d4ed8}.ca-status-btn--blue.active{background:#3b82f6;color:#fff}.ca-status-btn--green{background:#22c55e14;border-color:#22c55e;color:#15803d}.ca-status-btn--green.active{background:#22c55e;color:#fff}.ca-status-btn--red{background:#ef444414;border-color:#ef4444;color:#b91c1c}.ca-status-btn--red.active{background:#ef4444;color:#fff}.ca-del-detail-btn{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px}.ca-del-detail-btn:hover{background:#fee2e2}.ca-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.ca-modal{animation:ca-slide .2s ease;background:#fff;border-radius:16px;box-shadow:0 24px 80px #0003;max-width:640px;overflow:hidden;width:100%}.ca-modal-header{align-items:center;border-bottom:1px solid #25282b14;display:flex;justify-content:space-between;padding:20px 24px}.ca-modal-header h3{color:#25282b;font-size:16px;font-weight:700;margin:0}.ca-modal-close{background:none;border:none;color:#8290a3;cursor:pointer;font-size:16px;padding:4px}.ca-modal-close:hover{color:#25282b}.ca-modal-form{padding:24px}.ca-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ca-form-group{display:flex;flex-direction:column;gap:6px}.ca-form-group--full{grid-column:1/-1;margin-bottom:16px}.ca-form-group label{color:#5f6b7a;font-size:12px;font-weight:700}.ca-form-group input,.ca-form-group select,.ca-form-group textarea{background:#fff;border:1.5px solid #25282b26;border-radius:8px;color:#25282b;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s}.ca-form-group input:focus,.ca-form-group select:focus,.ca-form-group textarea:focus{border-color:#08afc4}.ca-form-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:16px;padding:10px 14px}.ca-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.ca-btn-cancel{background:#f8fafc;border:1.5px solid #25282b26;border-radius:8px;color:#5f6b7a;font-weight:600;padding:10px 20px}.ca-btn-cancel,.ca-btn-save{cursor:pointer;font-size:13px}.ca-btn-save{background:#25282b;border:none;border-radius:8px;color:#fff;font-weight:700;padding:10px 24px;transition:background .15s}.ca-btn-save:hover:not(:disabled){background:#e92e68}.ca-btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.ca-workspace{flex-direction:column}.ca-detail{min-width:0;min-width:auto;width:100%}.ca-form-row{grid-template-columns:1fr}}.ca-txt-center{text-align:center!important}
/*# sourceMappingURL=main.3aafae7c.css.map*/