@charset "UTF-8";:root{--color-secondary:#1e88e5;--color-success:#28a745;--color-danger:#dc3545;--bg-light:#daecff;--text-dark:#1e293b;--glass-bg:#ffffff26;--nav-height:35px;--shadow-standard:0 4px 15px #00000026}body{background-color:#daecff;background-color:var(--bg-light);color:#1e293b;color:var(--text-dark);height:100vh;line-height:1.6;overflow:hidden;padding-top:35px;padding-top:var(--nav-height)}#root{height:100%}.navbar,nav{align-items:center;background:#1565c0;background:var(--color-primary);box-shadow:0 4px 15px #00000026;box-shadow:var(--shadow-standard);display:flex;height:35px;height:var(--nav-height);justify-content:space-between;left:0;position:fixed;right:0;top:0;z-index:100}.head{border-right:2px solid #ffffff4d;color:#fff;font-size:20px;font-weight:700;letter-spacing:1px;padding-right:15px}.branding{flex-wrap:nowrap;gap:15px}.branding,.nav-flex{align-items:center;display:flex}.nav-flex{list-style:none;margin-left:10px;margin-right:auto;padding:0}.user-name{color:#fff;font-size:20px;font-weight:500;margin-right:10px;white-space:nowrap}.company-dropdown-wrapper,.period-dropdown-wrapper{align-items:center;display:flex;margin-left:8px}.company-dropdown,.period-dropdown{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;min-width:160px;outline:none;padding:5px 10px;transition:all .2s ease}.company-dropdown option,.period-dropdown option{background-color:#fff;color:#333}.company-dropdown:hover,.period-dropdown:hover{background-color:#fff3;border-color:#00bbf9;border-color:var(--color-accent)}.auth-container,.otp-container{align-items:center;background:linear-gradient(135deg,#1565c0,#768ad0);background:linear-gradient(135deg,var(--color-primary) 0,#768ad0 100%);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2000}.auth-container{overflow-x:hidden;width:100%}.animation-lock-wrapper{align-items:center;display:flex;justify-content:center;max-width:400px;min-height:450px;position:relative;width:100%}.auth-form,.otp-form{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff26;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 20px 50px #0003;box-shadow:var(--shadow-premium);max-width:400px;padding:40px;text-align:center;width:100%}.auth-header{color:#fff;font-size:2rem;font-weight:700;margin-bottom:25px}.auth-input,.otp-input{background:#ffffff26!important;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;color:#fff!important;font-size:1rem;margin-bottom:1.5rem;outline:none;padding:14px;width:100%}.auth-input::placeholder,.otp-input::placeholder{color:#ffffffb3;font-size:.9rem}.auth-button{background:linear-gradient(90deg,#00bbf9,#1565c0);background:linear-gradient(90deg,var(--color-accent),var(--color-primary));border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:15px;transition:transform .2s ease;width:100%}.auth-button:hover{transform:scale(1.02)}.auth-link,.otp-resend-link{color:#fffc;font-size:.9rem;margin-top:15px}.auth-link a,.otp-resend-link a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link a:hover{color:#0f8;text-decoration:underline}.product-details-container{display:flex;gap:20px;margin-top:10px;padding:20px}.product-details{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;flex:1 1;max-width:60%;padding:30px}.details-panel-form{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}.product-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000026;box-shadow:var(--shadow-standard);display:flex;flex-direction:column;height:80vh;overflow:hidden;position:fixed;right:20px;top:55px;top:calc(var(--nav-height) + 20px);width:35%;z-index:900}.product-header-row{align-items:center;background:#f8fafc;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.product-scroll-box{flex:1 1;overflow-y:auto;padding:10px}.product-table{border-collapse:collapse;width:100%}.product-table th{background:#f1f5f9;font-size:12px;padding:12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.product-table td{border-bottom:1px solid #f1f5f9;padding:10px}.upload-products-wrapper{background:#fff;border-radius:15px;margin:30px auto;max-width:800px;padding:30px}.product-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.product-card{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;cursor:pointer;padding:15px;transition:transform .3s ease;width:220px}.product-card:hover{transform:translateY(-5px)}.card-image{border-radius:10px;height:160px;object-fit:cover;width:100%}.sidebar-toggle-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin-right:10px;padding:8px;transition:opacity .2s ease,transform .2s ease}.sidebar-toggle-btn:hover{opacity:.8;transform:scale(1.1)}.nav-icon-bars{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}@media screen and (max-width:1024px){.product-details{max-width:100%}.product-container{height:auto;margin-top:20px;position:relative;right:0;top:0;width:100%}.details-panel-form{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.details-panel-form{grid-template-columns:1fr}nav{padding:0 1rem}.head{border:none;font-size:18px}}body,html{margin:0;overflow-x:hidden;width:100%}:root{--color-primary:#1565c0;--color-primary-light:#1e88e5;--color-primary-dark:#0d47a1;--color-primary-hover:#0056b3;--color-primary-background:#f0f7ff;--color-primary-gradient:linear-gradient(145deg,var(--color-primary-light),var(--color-primary));--color-text-primary:#111827;--color-text-secondary:#445a7f;--color-border:#d1d5db;--color-background-light:#f9fafb;--color-background-white:#fff;--color-success:#d4edda;--color-pending:#fff3cd;--color-danger:#f8d7da;--color-danger-text:#e53935;--font-family-sans:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--border-radius:8px;--border-radius-lg:12px;--box-shadow-md:0 4px 12px #00000014;--box-shadow-lg:0 10px 35px #0000001a;--z-index-sticky:10;--z-index-modal:1000}body{background-color:#f0f7ff;background-color:var(--color-primary-background);color:#111827;color:var(--color-text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family-sans)}*{box-sizing:border-box}@layer rdg{@layer Defaults,
    FocusSink,
    CheckboxInput,
    CheckboxIcon,
    CheckboxLabel,
    Cell,
    HeaderCell,
    SummaryCell,
    EditCell,
    Row,
    HeaderRow,
    SummaryRow,
    GroupedRow,
    Root}.cj343x07-0-0-beta-57,.mlln6zg7-0-0-beta-57{@layer rdg.Cell{-webkit-border-end:var(--rdg-border-width) solid var(--rdg-border-color);-webkit-border-after:var(--rdg-border-width) solid var(--rdg-border-color);align-content:center;background-color:inherit;border-block-end:var(--rdg-border-width) solid var(--rdg-border-color);border-inline-end:var(--rdg-border-width) solid var(--rdg-border-color);grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:clip;padding-block:0;padding-inline:8px;position:relative;text-overflow:ellipsis;white-space:nowrap;&[aria-selected=true]{outline:var(--rdg-selection-width) solid var(--rdg-selection-color);outline-offset:calc(var(--rdg-selection-width)*-1)}}}.csofj7r7-0-0-beta-57{@layer rdg.Cell{position:-webkit-sticky;position:sticky;z-index:1;&:nth-last-child(1 of &){box-shadow:var(--rdg-cell-frozen-box-shadow)}}}.ch2wcw87-0-0-beta-57{@layer rdg.DragHandle{--rdg-drag-handle-size:8px;background-color:var(--rdg-selection-color);block-size:var(--rdg-drag-handle-size);cursor:move;inline-size:var(--rdg-drag-handle-size);place-self:end;z-index:0;&:hover{--rdg-drag-handle-size:16px;background-color:var(--rdg-background-color);border:2px solid var(--rdg-selection-color)}}}.c1bn88vv7-0-0-beta-57,.c1wvphzh7-0-0-beta-57{@layer rdg.CheckboxInput{block-size:20px;display:block;inline-size:20px;margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;&:focus-visible{outline:2px solid var(--rdg-checkbox-focus-color);outline-offset:-3px}&:enabled{cursor:pointer}}}.cz54e4y7-0-0-beta-57,.g1s9ylgp7-0-0-beta-57{@layer rdg.GroupCellCaret{-webkit-margin-start:4px;stroke:currentColor;stroke-width:1.5px;fill:#0000;margin-inline-start:4px;vertical-align:middle;>path{transition:d .1s}}}.c1bezg5o7-0-0-beta-57,.c1kqdw7y7-0-0-beta-57,.c1vc96037-0-0-beta-57,.c6l2wv17-0-0-beta-57,.c6ra8a37-0-0-beta-57,.cis5rrm7-0-0-beta-57,.d8rwc9w7-0-0-beta-57,.h44jtk67-0-0-beta-57,.hcgkhxz7-0-0-beta-57,.r1upfr807-0-0-beta-57,.r1y6ywlx7-0-0-beta-57{@layer rdg.Row{background-color:var(--rdg-background-color);display:contents;&:hover{background-color:var(--rdg-row-hover-background-color)}&[aria-selected=true]{background-color:var(--rdg-row-selected-background-color);&:hover{background-color:var(--rdg-row-selected-hover-background-color)}}}}.r139qu9m7-0-0-beta-57,.r190mhd37-0-0-beta-57{@layer rdg.FocusSink{&:before{-webkit-border-start:2px solid var(--rdg-selection-color);block-size:100%;border-inline-start:2px solid var(--rdg-selection-color);content:"";display:inline-block;inset-inline-start:0;position:-webkit-sticky;position:sticky}}}.h10tskcx7-0-0-beta-57{@layer rdg.HeaderRow{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;&>.cj343x07-0-0-beta-57{position:-webkit-sticky;position:sticky;z-index:2}&>.csofj7r7-0-0-beta-57{z-index:3}}}.a3ejtar7-0-0-beta-57{@layer rdg.SortIcon{fill:currentColor;>path{transition:d .1s}}}.rnvodz57-0-0-beta-57{@layer rdg.Defaults{*,:after,:before{box-sizing:inherit}}@layer rdg.Root{--rdg-selection-width:2px;--rdg-selection-color:#67afe9;--rdg-font-size:14px;--rdg-cell-frozen-box-shadow:2px 0 5px -2px #8888884d;--rdg-border-width:1px;--rdg-summary-border-width:calc(var(--rdg-border-width)*2);--rdg-color:light-dark(#000,#ddd);--rdg-border-color:light-dark(#ddd,#444);--rdg-summary-border-color:light-dark(#aaa,#555);--rdg-background-color:light-dark(#fff,#212121);--rdg-header-background-color:light-dark(#f9f9f9,#1b1b1b);--rdg-header-draggable-background-color:light-dark(#e7e7e7,#2d2d2d);--rdg-row-hover-background-color:light-dark(#f5f5f5,#171717);--rdg-row-selected-background-color:light-dark(#dbecfa,#1a73bc);--rdg-row-selected-hover-background-color:light-dark(#c9e3f8,#1768ab);--rdg-checkbox-focus-color:#61b8ff;accent-color:light-dark(#005194,#94cfff);background-color:var(--rdg-background-color);block-size:350px;border-bottom-color:var(--rdg-border-color);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--rdg-border-color);border-left-style:solid;border-left-width:1px;border-right-color:var(--rdg-border-color);border-right-style:solid;border-right-width:1px;border-top-color:var(--rdg-border-color);border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:var(--rdg-color);color-scheme:light dark;color-scheme:var(--rdg-color-scheme,light dark);contain:content;content-visibility:auto;display:grid;font-size:var(--rdg-font-size);overflow:auto;&.rdg-dark{--rdg-color-scheme:dark}&.rdg-light{--rdg-color-scheme:light}&:dir(rtl){--rdg-cell-frozen-box-shadow:-2px 0 5px -2px #8888884d}&:before{content:"";grid-column:1/-1;grid-row:1/-1}>:nth-last-child(1 of .rdg-top-summary-row){>.cj343x07-0-0-beta-57{-webkit-border-after:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);border-block-end:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color)}}>:nth-child(1 of .rdg-bottom-summary-row){>.cj343x07-0-0-beta-57{-webkit-border-before:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);border-block-start:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color)}}}}.vlqv91k7-0-0-beta-57{@layer rdg.Root{-webkit-user-select:none;user-select:none;& .r1upfr807-0-0-beta-57{cursor:move}}}.f1cte0lg7-0-0-beta-57,.f1lsfrzw7-0-0-beta-57,.s8wc6fl7-0-0-beta-57,.skuhp557-0-0-beta-57{@layer rdg.SummaryRow{>.cj343x07-0-0-beta-57{position:-webkit-sticky;position:sticky}}}.tf8l5ub7-0-0-beta-57{@layer rdg.SummaryRow{>.cj343x07-0-0-beta-57{z-index:2}>.csofj7r7-0-0-beta-57{z-index:3}}}.g1yxluv37-0-0-beta-57{@layer rdg.GroupedRow{&:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}>.cj343x07-0-0-beta-57:not(:last-child,.csofj7r7-0-0-beta-57),>:nth-last-child(n+2 of .csofj7r7-0-0-beta-57){-webkit-border-end:none;border-inline-end:none}}}.t7vyx3i7-0-0-beta-57{@layer rdg.TextEditor{-webkit-appearance:none;appearance:none;background-color:var(--rdg-background-color);block-size:100%;border-bottom-color:#ccc;border-bottom-style:solid;border-bottom-width:2px;border-left-color:#ccc;border-left-style:solid;border-left-width:2px;border-right-color:#ccc;border-right-style:solid;border-right-width:2px;border-top-color:#ccc;border-top-style:solid;border-top-width:2px;box-sizing:border-box;color:var(--rdg-color);font-family:inherit;font-size:var(--rdg-font-size);inline-size:100%;padding-block:0;padding-inline:6px;vertical-align:top;&:focus{border-color:var(--rdg-selection-color);outline:none}&::placeholder{color:#999;opacity:1}}}.sidebar{background-color:#0f172a;border-right:1px solid #ffffff0d;box-shadow:4px 0 15px #00000026;color:#94a3b8;display:flex;flex-direction:column;height:calc(100vh - 35px);left:0;overflow:hidden;position:fixed;top:35px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:260px;z-index:1000}.sidebar.collapsed{transform:translateX(-100%)}.sidebar.expanded{transform:translateX(0)}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:40px;padding:1.25rem 1.25rem .75rem}.sidebar-title{color:#f8fafc;font-size:1.15rem;font-weight:700;letter-spacing:.5px;overflow:hidden;white-space:nowrap}.toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;padding:.4rem;transition:all .2s ease}.toggle-btn:hover{background:#ffffff1a;color:#fff}.submenu-container{animation:slideDown .25s ease-out forwards;border-left:1px solid #ffffff1a;display:flex;flex-direction:column;margin:.25rem 1rem .5rem 2rem;overflow:hidden;padding-left:.75rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sidebar-menu .nav-link,.sidebar-menu button{background:none;border:none;cursor:pointer;overflow:hidden;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:auto}.menu-left{align-items:center;display:flex;gap:.85rem}.menu-icon{align-items:center;display:inline-flex;flex-shrink:0;height:22px;justify-content:center;min-height:22px;min-width:22px;overflow:hidden;width:22px}.menu-icon img,.menu-icon svg{display:block;height:100%!important;margin:auto;max-height:100%!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.level-1{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;letter-spacing:.3px;margin:.25rem .75rem;padding:.75rem 1rem}.level-1:hover{background-color:#ffffff0d;color:#f8fafc}.level-1.active{background-color:#38bdf81a;color:#38bdf8}.level-2{align-items:center;background-color:initial;border-radius:6px;color:#94a3b8;display:flex;font-size:.85rem;font-weight:400;gap:.75rem;margin:.15rem 0;padding:.6rem .75rem;position:relative}.level-2:before{background-color:#ffffff1a;content:"";height:1px;left:-.75rem;position:absolute;top:50%;width:.5rem}.level-2:hover{background-color:#ffffff0d;color:#e2e8f0}.level-2.active{box-shadow:0 2px 8px #38bdf840;color:#0f172a;font-weight:600}.level-2.active,.level-2.active:before{background-color:#38bdf8}.sidebar-scroll-area{flex-grow:1;overflow-y:auto;padding:0}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-track{background:#0000}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:#fff3}.menu-divider{background:#ffffff0d;height:1px;margin:.75rem 1.5rem}.sidebar-footer{background:#0f172a;border-top:1px solid #ffffff0d;bottom:0;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.logout-button{align-items:center;background-color:#ef44440d;border:1px solid #ef444433;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.logout-button:hover{background-color:#ef4444;border-color:#ef4444;color:#fff}.share-button{width:calc(100% - 1.5rem)}:root{--color-accent:#00bbf9;--color-primary:#355ec0;--color-secondary:#768ad0;--bg-gradient:linear-gradient(135deg,#355ec0,#768ad0);--btn-gradient:linear-gradient(90deg,#00bbf9,#355ec0);--glass-bg:#ffffff1f;--glass-border:#fff3;--glass-blur:blur(15px);--shadow-premium:0 20px 50px #0003}.otp-container{align-items:center;background:linear-gradient(135deg,#355ec0,#768ad0);background:var(--bg-gradient);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.otp-form{backdrop-filter:blur(15px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff1f;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 20px 50px #0003;box-shadow:var(--shadow-premium);cursor:pointer;max-width:400px;padding:50px;text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;width:100%}.otp-form:hover{box-shadow:0 35px 70px #00000059;transform:translateY(-15px) scale(1.03)}.otp-header{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:10px}.otp-subtext{color:#fffc;font-size:16px;margin-bottom:30px}.otp-input-group{margin-bottom:25px}.otp-input{background:#ffffff26!important;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff!important;font-size:24px;letter-spacing:.5em;outline:none;padding:15px;text-align:center;transition:all .3s ease;width:100%}.otp-input:active,.otp-input:focus{background:#ffffff40!important;border-color:#00bbf9;border-color:var(--color-accent);box-shadow:0 0 15px #00bbf94d}.otp-button{background:linear-gradient(90deg,#00bbf9,#355ec0);background:var(--btn-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:transform .2s ease,filter .2s ease;width:100%}.otp-button:hover{filter:brightness(1.1);transform:scale(1.02)}.otp-button:disabled{cursor:not-allowed;opacity:.6}.otp-resend-link{color:#ffffffb3;font-size:15px;margin-top:25px}.otp-resend-link a{color:#00bbf9;color:var(--color-accent);font-weight:600;text-decoration:none}.otp-resend-link a:hover{text-decoration:underline}.sale-wrapper{padding:var(--spacing-md);width:100%}.main-content-container{align-items:flex-start;display:flex;gap:var(--spacing-md)}.left-panel{flex:1 1;min-width:0}.billing-wrapper{margin-bottom:var(--spacing-sm);width:100%}.billing-card{background-color:var(--color-background-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md);padding:var(--spacing-md);width:100%}.bookname-wrapper{gap:var(--spacing-sm)}.bookname-wrapper,.form-heading-row{flex-wrap:wrap;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.form-heading-row{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.form-input-inline{align-items:center;display:flex;gap:var(--spacing-sm)}.form-input-inline label{color:var(--color-text-secondary);font-weight:600}.billing-card .form-input-inline input,.billing-card .form-input-inline select{border:1px solid var(--color-border)!important;border-radius:4px!important;font-size:var(--font-size-sm)!important;padding:6px var(--spacing-sm)!important}.billing-card .form-input-inline.name input{width:320px!important}.form-input-inline.address{flex:1 1;min-width:200px}.form-input-inline.address input{width:100%}.save-button{margin-left:auto}.sharp-data-section{background-color:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md);flex-shrink:0;max-height:75vh;padding:var(--spacing-sm);width:400px}.sharp-header-row{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.sharp-header-title{font-size:var(--font-size-base);font-weight:700}.sharp-table-scroll{margin-top:var(--spacing-sm);max-height:calc(75vh - 50px);overflow-y:auto}.sharp-data-table{border-collapse:collapse;width:100%}.sharp-data-table td,.sharp-data-table th{border:1px solid var(--color-border);font-size:var(--font-size-sm);padding:var(--spacing-sm);text-align:left}.sharp-data-table .align-right{text-align:right}.clickable-row:hover{background-color:var(--color-primary-background);cursor:pointer}@media (max-width:800px){.main-content-container{flex-direction:column}.sharp-data-section{max-height:400px;width:100%}}.main-layout-container{background-color:#f4f7fa;display:grid;grid-template-columns:260px 1fr;height:100%}.content-area{height:100%;overflow-y:auto;padding:24px}.pro-card{background:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 12px #0000000a;margin-bottom:24px;padding:20px}.HelpBox_helpboxFloating__w-aYl{background-color:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);max-height:250px;min-width:300px;position:absolute;z-index:var(--z-index-modal)}.HelpBox_activeRow__TLkCD{background-color:var(--color-primary-background)!important;outline:1px solid var(--color-primary)}.charges-wrapper{background-color:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-md);margin-left:auto;margin-right:0;margin-top:var(--spacing-sm);max-width:300px;padding:var(--spacing-lg)}.charges-wrapper h3{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);margin-top:0;padding-bottom:var(--spacing-sm)}.charges-grid{grid-column-gap:var(--spacing-sm);grid-row-gap:var(--spacing-sm);align-items:center;column-gap:var(--spacing-sm);display:grid;grid-template-columns:1fr auto;row-gap:var(--spacing-sm)}.charge-field{display:contents}.charge-field label{color:var(--color-text-secondary);font-weight:500;justify-self:end;text-align:right}.charge-field .amount,.charge-field input{border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-family-sans);font-size:var(--font-size-sm);padding:6px var(--spacing-sm);text-align:right;width:100px}.charge-field.readonly .amount{border:none;font-size:var(--font-size-base);font-weight:700}.total-display{align-items:center;background-color:var(--color-primary-background);border-radius:var(--border-radius);border-top:2px solid var(--color-primary-light);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md)}.total-display label{color:var(--color-primary-dark);font-size:var(--font-size-base);font-weight:700}.total-display .total-amount{color:var(--color-primary);font-size:20px;font-weight:700}.overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.new-customer-card{background-color:var(--color-background-white);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);max-height:90vh;max-width:90%;overflow-y:auto;padding:var(--spacing-lg);width:800px}.card-form-grid{grid-gap:0 var(--spacing-md);display:grid;gap:0 var(--spacing-md);grid-template-columns:1fr 1fr}.card-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.create-new-customer-prompt{align-items:center;background-color:var(--color-background-white);border:1px solid var(--color-border);border-top:none;box-shadow:0 4px 6px #0000001a;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;left:0;padding:var(--spacing-sm) 12px;position:absolute;right:0;top:100%;z-index:1100}.sale-wrapper .MuiTableHead-root{background-color:#f8fafc}.sale-wrapper .MuiTableCell-head{color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sale-wrapper .MuiTableRow-root:hover,.sharp-data-table tr:hover{background-color:#f1f5f9}.MuiRadioGroup-root{padding:4px}.legend-container{align-items:center;border-bottom:1px solid var(--color-border);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);justify-content:flex-start;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.legend-item{border:1px solid #0000;border-radius:4px;cursor:pointer;padding:4px var(--spacing-sm)}.legend-item.active{background-color:var(--color-primary-background);border-color:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}tr.status-passed{background-color:var(--color-success)}tr.status-pending{background-color:var(--color-pending)}tr.status-failed{background-color:var(--color-danger)}.MuiRadioGroup-root{background:#eee;border-radius:8px;display:inline-flex}.MuiFormControlLabel-root{border-radius:6px;margin:0;padding:4px 12px}.MuiFormControlLabel-root:has(.Mui-checked){background:#fff;box-shadow:0 2px 4px #0000001a}.btn{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:12px 24px;text-align:center;transition:background-color .2s,transform .1s}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-primary);color:var(--color-background-white)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-gradient{background:var(--color-primary-gradient);color:var(--color-background-white)}.btn-gradient:hover{background:linear-gradient(145deg,var(--color-primary),var(--color-primary-light))}.btn-secondary{background-color:#e5e7eb;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:#d1d5db}.form-container{background-color:var(--color-background-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);margin:var(--spacing-lg) auto;max-width:1400px;padding:var(--spacing-lg) 32px}.form-heading{color:var(--color-text-primary);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-sm);text-align:center}.form-subheading{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-lg);text-align:center}.form-group{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:140px 1fr;margin-bottom:var(--spacing-md)}.form-group label{color:var(--color-text-primary);font-size:.95rem;padding-right:.5rem;text-align:right}.form-input,.form-select{background-color:var(--color-background-white);border:1px solid var(--color-border);border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c040;outline:none}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.table-container{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md)}.data-table{border-spacing:0;font-size:var(--font-size-sm);min-width:800px;width:100%}.data-table thead th{background-color:var(--color-primary-dark);color:var(--color-background-white);font-weight:600;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:var(--z-index-sticky)}.data-table tbody td{border-top:1px solid #e5e5e5;color:var(--color-text-primary);padding:12px 10px}.data-table tbody tr:nth-child(2n){background-color:#f5faff}.data-table tbody tr.clickable-row:hover{background-color:#e1f0ff;cursor:pointer;transition:background .3s ease}.view-layout{box-sizing:border-box;display:flex;flex-direction:row;gap:24px;padding:1rem}.details-panel{background-color:var(--color-background-light);border-radius:var(--border-radius);box-shadow:var(--box-shadow-md);box-sizing:border-box;flex:1 1;font-family:var(--font-family-sans);height:-webkit-fit-content;height:fit-content;margin-top:1rem;padding:var(--spacing-lg)}.details-panel-form{grid-gap:20px 30px;display:grid;gap:20px 30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-row{align-items:center;display:flex;gap:10px}.form-row label{flex:0 0 150px;text-align:right;white-space:nowrap}.form-row input,.form-row select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:14px;padding:8px 10px;transition:border-color .2s,box-shadow .2s;width:100%}.form-row input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.item-code-display{background:#eee;border-radius:4px;box-sizing:border-box;color:#555;font-size:14px;font-weight:700;padding:8px 10px;width:100%}.details-panel button[type=button]{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;grid-column:1/-1;margin-top:20px;padding:10px 20px;transition:background-color .2s ease;width:-webkit-fit-content;width:fit-content}.details-panel button[type=button]:hover{background-color:#0056b3}.table-view-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;margin-top:1rem;max-height:85vh;min-width:300px;overflow:hidden;width:38%}.table-view-header-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.table-view-header{color:#333;font-size:1.2rem;font-weight:600}.search-bar{align-items:center;display:flex}.search-bar input{border:1px solid #ccc;border-radius:4px 0 0 4px;border-right:none;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.search-bar button{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:0 4px 4px 0;color:#333;cursor:pointer;display:flex;padding:6px 10px}.table-view-custom-controls{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:10px;padding:10px 16px}.table-view-scroll-box{-webkit-overflow-scrolling:touch;flex-grow:1;overflow-x:auto;overflow-y:auto}.table-view-table{border-collapse:collapse;min-width:400px;width:100%}.table-view-table td,.table-view-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left;white-space:nowrap}.table-view-table thead th{background:#f8f9fa;color:#555;font-size:13px;font-weight:600;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#e9f5ff}.clickable-row.selected{background-color:#cce7ff;font-weight:700}.error-text{color:#d32f2f;padding:16px;text-align:center}.bordered-section{border:1px solid #ccc;border-radius:8px;margin-bottom:1em;padding:16px}.label-container{justify-content:space-between;margin-bottom:8px}.change-name-toggle,.label-container{align-items:center;display:flex}.change-name-toggle label{margin-left:5px}.full-width-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.my-big-select .react-select__control{font-size:16px;min-height:50px}.my-big-select .react-select__menu{font-size:16px}.new-acc-master-view .search-bar{display:none}.details-panel .form-row{align-items:center;display:flex;gap:6px}.details-panel .form-row label{text-align:left;white-space:nowrap;width:auto}.details-panel .form-row label:after{margin-right:4px}.save-button-container{display:flex;justify-content:flex-end;margin-top:15px;width:100%}.master-save-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .2s}.master-save-button:hover{background-color:#0056b3}.acc-product-view .details-panel-content{display:flex;flex-direction:column;gap:12px}.acc-product-view .top-layout-split{align-items:flex-start;display:flex;gap:20px;margin-bottom:4px}.acc-product-view .top-left-col{display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:40%}.acc-product-view .product-image-section{flex-shrink:0;margin-bottom:0;margin-left:auto;width:220px}.acc-product-view .compact-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.acc-product-view .form-row{gap:8px}.acc-product-view .form-row label{flex:0 0 auto!important;min-width:75px;text-align:left;white-space:nowrap}.acc-product-view .bordered-section{margin-bottom:0;padding:12px}.acc-product-view .compact-row{max-width:250px}.acc-product-view .label-container{margin-bottom:6px}@media (max-width:900px){.view-layout{flex-direction:column;gap:15px;padding:.5rem}.details-panel{margin-top:0;padding:15px;width:100%}.table-view-container{max-height:50vh;width:100%}.details-panel-form{gap:15px;grid-template-columns:1fr}.form-row{align-items:stretch;flex-direction:column;gap:6px}.details-panel .form-row label,.form-row label{flex:none;text-align:left;white-space:normal;width:100%}.details-panel button[type=button],.master-save-button{grid-column:1/-1;margin-top:10px;width:100%}.save-button-container{justify-content:center}.acc-product-view .top-layout-split{flex-direction:column;gap:15px}.acc-product-view .top-left-col{max-width:100%;width:100%}.acc-product-view .product-image-section{margin:0 auto}.acc-product-view .compact-row{max-width:100%}}.report-wrapper{background:linear-gradient(180deg,#e7f0fd,#d3e7ff);box-sizing:border-box;font-family:var(--font-family-sans);min-height:100vh;padding:30px 40px}.top-bar{gap:24px;justify-content:flex-start}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:var(--color-text-primary);font-size:16px;font-weight:600;white-space:nowrap}.control-group .form-input,.control-group .form-select{min-width:250px}.table-section{margin-top:1.5rem}.table-section h4{color:var(--color-primary-dark)}.report-table-container{-webkit-overflow-scrolling:touch;height:67vh;overflow-x:auto}.data-table{min-width:700px}@media (max-width:768px){.report-wrapper{padding:15px}.top-bar{align-items:stretch;flex-direction:column;gap:15px}.bookname-wrapper,.date-range-picker{align-items:stretch;display:flex;flex-direction:column}.bookname-wrapper select{padding:10px;width:100%}.date-range-picker .from-date,.date-range-picker .to-date{display:flex;flex-direction:column;margin-bottom:10px}.date-range-picker input{padding:10px;width:100%}.btn-primary{width:100%}.report-table-container{height:auto;max-height:55vh}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.sale-wrapper{background:linear-gradient(180deg,#e7f0fd,#d3e7ff);box-sizing:border-box;font-family:Segoe UI,sans-serif;min-height:100vh;padding:30px 40px}.bookname-wrapper{align-items:center;display:flex;gap:10px;margin-bottom:20px}.bookname-wrapper label{color:#333;font-size:16px;font-weight:600}.bookname-wrapper select{border:1px solid #ccc;border-radius:6px;font-size:15px;min-width:250px;outline:none;padding:8px 12px;transition:all .3s ease-in-out}.bookname-wrapper select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff66}.generate-btn{margin-bottom:20px}.generate-btn,.generate-btn-ledger{background:linear-gradient(90deg,#007bff,#339aff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:background .3s ease-in-out}.generate-btn-ledger{margin-bottom:80px}.generate-btn:hover{background:linear-gradient(90deg,#0064d2,#247de6)}.table-section{margin-top:-35px}.table-section h4{color:#004080;font-weight:600;margin-bottom:12px}.table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 0 12px #00000014;height:65vh;overflow-x:auto}.custom-table{border-spacing:0;font-size:14.5px;min-width:700px;width:100%}.custom-table thead th{background-color:#004080;color:#fff;font-weight:600;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.custom-table tbody td{border-top:1px solid #e5e5e5;color:#333;padding:12px 10px}.custom-table tr:nth-child(2n){background-color:#f5faff}.custom-table tr:hover{background-color:#e1f0ff;cursor:pointer;transition:background .3s ease}.error-text{color:crimson;font-weight:500;margin-top:10px}.top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.top-bar>*{flex:1 1 auto;min-width:250px}.date-range-picker{align-items:center;display:flex;gap:15px;margin-bottom:20px}.date-range-picker label{color:#333;font-size:16px;font-weight:600}.date-range-picker input{border:1px solid #ccc;border-radius:6px;font-size:15px;min-width:200px;outline:none;padding:8px 12px;transition:all .3s ease-in-out}.date-range-picker input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff66}.datepicker-popper{z-index:9999!important}@media (max-width:768px){.sale-wrapper{padding:15px}.top-bar{align-items:stretch;flex-direction:column;gap:10px}.top-bar>*{min-width:0;min-width:auto}.bookname-wrapper{align-items:flex-start;flex-direction:column}.bookname-wrapper select{min-width:100%;width:100%}.date-range-picker{align-items:stretch;flex-direction:column;gap:10px}.date-range-picker>div{display:flex;flex-direction:column}.date-range-picker input{min-width:100%;width:100%}.generate-btn{margin-bottom:15px;width:100%}.table-section{margin-top:5px}.table-container{height:auto;max-height:55vh}}:root{--primary-color:#004a99;--primary-gradient-start:#007bff;--primary-gradient-end:#339aff;--secondary-gradient-start:#17a2b8;--secondary-gradient-end:#1fc2db;--background-gradient-start:#f0f4f8;--background-gradient-end:#e6eef7;--table-header-bg:#004080;--border-color:#dee2e6;--text-dark:#212529;--text-light:#495057}.ledger-report-container{background:linear-gradient(180deg,#f0f4f8,#e6eef7);background:linear-gradient(to bottom,var(--background-gradient-start),var(--background-gradient-end));box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px 25px}.ledger-report-container h2{border-bottom:2px solid #004a99;border-bottom:2px solid var(--primary-color);color:#004a99;color:var(--primary-color);font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:10px}.controls-bar{align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:15px}.controls-bar,.input-group{display:flex;flex-wrap:wrap}.input-group{align-items:center;flex-grow:1;gap:15px 20px}.control-item{align-items:center;display:flex;gap:8px}.control-item label{color:#212529;color:var(--text-dark);font-size:14px;font-weight:500;white-space:nowrap}.control-item input[type=date],.control-item input[type=text],.control-item select{background-color:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.control-item input[type=text]{width:250px}.control-item input:focus,.control-item select:focus{border-color:#007bff;border-color:var(--primary-gradient-start);box-shadow:0 0 0 3px #007bff33;outline:none}.help-box-container{left:0;margin-top:4px;position:absolute;top:100%;width:100%;z-index:1000}.action-buttons{align-items:center;display:flex;gap:10px}.action-btn,.nav-btn,.pdf-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;text-align:center;transition:all .2s ease-in-out}.action-btn{background:linear-gradient(90deg,#007bff,#339aff);background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end))}.action-btn:hover{box-shadow:0 4px 10px #007bff4d;transform:translateY(-1px)}.pdf-btn{background:linear-gradient(90deg,#17a2b8,#1fc2db);background:linear-gradient(to right,var(--secondary-gradient-start),var(--secondary-gradient-end))}.pdf-btn:hover{box-shadow:0 4px 10px #17a2b84d;transform:translateY(-1px)}.date-nav-controls{background-color:#fff9;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:10px;width:-webkit-fit-content;width:fit-content}.nav-btn{background-color:#6c757d}.nav-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.report-table-section h4{color:#004a99;color:var(--primary-color);font-weight:600;margin-bottom:10px}.table-scroll-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 15px #00000012;height:60vh;overflow-x:auto;overflow-y:auto}.report-table{border-collapse:collapse;font-size:14px;min-width:700px;width:100%}.report-table thead th{background-color:#004080;background-color:var(--table-header-bg);border-right:1px solid #005a9e;color:#fff;font-weight:600;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.report-table thead th:last-child{border-right:none}.report-table tbody td{border-right:1px solid #dee2e6;border-right:1px solid var(--border-color);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);color:#495057;color:var(--text-light);padding:11px 10px}.report-table tbody td:last-child{border-right:none}.report-table tbody tr:nth-child(2n){background-color:#f0f4f8;background-color:var(--background-gradient-start)}.report-table tbody tr:hover{background-color:#d4e7ff}.report-table .text-right{text-align:right}.summary-row{background-color:#e9ecef!important;color:#212529;color:var(--text-dark);font-weight:700}.total-row{border-top:2px solid #004a99;border-top:2px solid var(--primary-color)}.error-message,.loading-message{color:#495057;color:var(--text-light);font-size:1.1em;padding:40px;text-align:center}.error-message{color:#dc3545;font-weight:500}@media (max-width:1100px){.controls-bar,.input-group{align-items:stretch;flex-direction:column}.control-item{align-items:flex-start;flex-direction:column}.control-item input[type=date],.control-item input[type=text],.control-item select{width:100%}.action-buttons{flex-direction:column;width:100%}.action-btn,.pdf-btn{width:100%}}@media (max-width:768px){.ledger-report-container{padding:15px}.date-nav-controls{flex-wrap:wrap;justify-content:center;width:100%}.nav-btn{flex:1 1 auto}.table-scroll-container{height:auto;max-height:55vh}}:root{--pri:#4f46e5;--bg:#f8fafc;--text:#0f172a;--border:#e2e8f0;--input-h:38px}.company-zero-scroll-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;height:85vh;margin:2vh auto;max-width:1400px;overflow:hidden;width:98%}.zero-header{background:#fdfdfd;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;height:auto;justify-content:space-between;min-height:60px;padding:1rem 1.5rem}.zero-header,.zero-header h3{align-items:center;display:flex}.zero-header h3{color:#0f172a;color:var(--text);font-size:1.5rem;font-weight:700;gap:8px;margin:0}.zero-select{border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:6px 12px;width:250px}.zero-form-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.zero-grid{grid-gap:1.2rem;grid-row-gap:1.5rem;display:grid;gap:1.2rem;grid-template-columns:repeat(5,1fr);row-gap:1.5rem}.zero-group{display:flex;flex-direction:column;gap:4px}.zero-group label{color:#64748b;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.zero-group input,.zero-group select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;box-sizing:border-box;font-size:.9rem;height:38px;height:var(--input-h);padding:0 8px;transition:border-color .2s;width:100%}.zero-group input:focus,.zero-group select:focus{border-color:#4f46e5;border-color:var(--pri);box-shadow:0 0 0 2px #4f46e51a;outline:none}.zero-group input:disabled{background-color:#f1f5f9;color:#94a3b8}.zero-footer{align-items:center;background:#fdfdfd;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:1rem;height:auto;justify-content:flex-end;margin-top:auto;min-height:60px;padding:1rem 1.5rem}.zero-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;height:38px;padding:0 1.5rem}.zero-btn-pri{background:#4f46e5;background:var(--pri);color:#fff}.zero-btn-pri:hover{background:#4338ca}.zero-btn-sec{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b}.zero-btn-sec:hover{background:#f8fafc;color:#0f172a;color:var(--text)}@media (max-width:1200px){.zero-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.company-zero-scroll-container{height:auto;min-height:90vh;overflow-y:visible}.zero-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.zero-header{align-items:stretch;flex-direction:column}.zero-select{width:100%}.zero-grid{grid-template-columns:1fr}.zero-footer{align-items:stretch;flex-direction:column}.zero-btn{width:100%}}:root{--border-color:#bababa}.fullscreen-container{background-color:#f4f7fa;background-color:var(--app-bg);box-sizing:border-box;display:flex;gap:1.5rem;height:100vh;margin-top:1rem;padding:1.5rem}.panel{background-color:#fff;background-color:var(--panel-bg);border:1px solid #bababa;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden}.user-list-panel{flex:0 0 340px}.user-details-panel{flex:1 1 100px}.company-management-panel{flex:1 1 620px}.main-content-area.placeholder{flex-grow:1}.panel-header{align-items:center;border-bottom:1px solid #bababa;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:1rem 1.5rem}.panel-header h3{color:#334155;color:var(--text-color);font-size:1.25rem;margin:0}.add-user-button{background-color:#3b82f6;background-color:var(--selected-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.add-user-button:hover{background-color:#2563eb}.search-bar-container{flex-shrink:0;padding:1rem 1.5rem}.search-bar{background-color:#d8d7d7;border:1px solid #bababa;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.table-container{flex-grow:1;overflow-y:auto}.user-table{border-collapse:collapse;width:100%}.user-table th{background-color:#f8fafc;color:#64748b;color:var(--text-light);font-size:.8rem;font-weight:600;padding:12px 1.5rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.user-table td,.user-table th{border-bottom:1px solid #bababa;border-bottom:1px solid var(--border-color)}.user-table td{padding:14px 1.5rem}.user-table tbody tr{cursor:pointer;transition:background-color .2s}.user-table tbody tr:hover{background-color:#f1f5f9;background-color:var(--hover-bg)}.user-table tbody tr.selected{background-color:#3b82f6;background-color:var(--selected-bg);color:#fff;color:var(--selected-text);font-weight:500}.user-table tbody tr.selected td{border-bottom-color:#3b82f6;border-bottom-color:var(--selected-bg)}.details-header{align-items:center;border-bottom:1px solid #bababa;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:1rem 1.5rem}.details-header h3{color:#334155;color:var(--text-color);font-size:1.25rem;margin:0}.details-header .submit-button{font-size:.9rem;padding:8px 20px}.details-form{flex-grow:1;padding:1.5rem}.form-fields{display:grid;grid-template-columns:1fr}.form-group{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{color:#334155;font-size:.9rem;font-weight:500}.form-group input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;flex-grow:1;font-size:1rem;padding:9px 12px;width:100%}.form-group input:focus{border-color:#3b82f6;border-color:var(--selected-bg);box-shadow:0 0 0 2px #3b82f666;outline:none}.form-group.row{align-items:center;flex-direction:row;gap:1rem;justify-content:flex-start}.form-group.row label{margin:0;white-space:nowrap}.company-transfer-wrapper{display:flex;flex-grow:1;gap:1rem;min-height:0;padding:1.5rem}.company-section{background-color:#f8fafc;background-color:var(--section-bg);border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:1rem}.company-section label{color:#334155;color:var(--text-color);font-weight:600;margin-bottom:.75rem;padding:0 .5rem}.company-section .search-bar{background-color:#fff;background-color:var(--panel-bg);margin-bottom:.5rem;padding:10px}.transfer-buttons{flex-direction:column;gap:1rem;padding:0 .5rem}.transfer-buttons,.transfer-buttons button{align-items:center;display:flex;justify-content:center}.transfer-buttons button{background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:50%;color:#334155;color:var(--text-color);cursor:pointer;font-size:1.5rem;font-weight:700;height:40px;transition:all .2s;width:40px}.transfer-buttons button:hover{background-color:#cbd5e1}.transfer-buttons button:disabled{background-color:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.list-container{background-color:#fff;background-color:var(--panel-bg);border:1px solid #bababa;border:1px solid var(--border-color);border-radius:8px;flex-grow:1;min-height:150px;overflow-y:auto;padding:6px}.list-item{border-radius:6px;cursor:pointer;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;transition:background-color .2s,color .2s;white-space:nowrap}.list-item:hover{background-color:#f1f5f9;background-color:var(--hover-bg)}.list-item.selected{background-color:#3b82f6;background-color:var(--selected-bg);color:#fff;color:var(--selected-text)}.submit-button{background-color:#22c55e;background-color:var(--green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:opacity .2s}.submit-button:disabled{background-color:#64748b;background-color:var(--grey);cursor:not-allowed;opacity:.6}.placeholder-text{color:#64748b;color:var(--text-light);font-style:italic;padding:1rem;text-align:center}.placeholder h2{color:#334155;color:var(--text-color);font-size:2rem;margin-bottom:.5rem}.toggle-button{background-color:#e0e0e0;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:14px;font-weight:700;min-width:60px;padding:6px 14px;text-align:center;transition:all .3s ease}.toggle-button.active{background-color:#4caf50;color:#fff}.toggle-button.inactive{background-color:#f44336;color:#fff}@media (max-width:1280px){.fullscreen-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.user-list-panel{flex-basis:auto;max-height:40vh}}@media (max-width:900px){.company-transfer-wrapper{flex-direction:column}.transfer-buttons{flex-direction:row;margin:.5rem 0}.transfer-buttons button{transform:rotate(90deg)}}@media (max-width:600px){.details-header,.panel-header{align-items:stretch;flex-direction:column}.add-user-button,.submit-button{width:100%}}:root{--section-bg:#f8fafc}.cm-fullscreen-container{background-color:#f4f7fa;background-color:var(--app-bg);box-sizing:border-box;display:flex;gap:1.5rem;height:100vh;padding:1.5rem}.cm-panel{background-color:#fff;background-color:var(--panel-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden}.cm-company-list-panel{flex:0 0 340px}.cm-company-details-panel{flex:1 1 380px}.cm-user-management-panel{flex:1 1 620px}.cm-main-content-area.cm-placeholder{flex-grow:1}.cm-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.cm-panel-header h3{color:#334155;color:var(--text-color);font-size:1.25rem;margin:0}.cm-search-bar-container{flex-shrink:0;padding:1rem 1.5rem}.cm-search-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.cm-list-container-panel{flex-grow:1;overflow-y:auto;padding:0 1rem 1rem}.cm-details-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:1rem 1.5rem}.cm-details-header h3{color:#334155;color:var(--text-color);font-size:1.25rem;margin:0}.cm-details-header .cm-submit-button{font-size:.9rem;padding:8px 20px}.cm-details-form{flex-grow:1;padding:1.5rem}.cm-form-fields{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr}.cm-form-group{display:flex;flex-direction:column;gap:.5rem}.cm-form-group label{color:#334155;font-size:.9rem;font-weight:500}.cm-form-group input,.cm-form-group select{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:9px 12px;width:100%}.cm-form-group input:focus,.cm-form-group select:focus{border-color:#3b82f6;border-color:var(--selected-bg);box-shadow:0 0 0 2px #3b82f666;outline:none}.cm-transfer-wrapper{display:flex;flex-grow:1;gap:1rem;min-height:0;padding:1.5rem}.cm-list-section{background-color:#f8fafc;background-color:var(--section-bg);border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:1rem}.cm-list-section label{color:#334155;color:var(--text-color);font-weight:600;margin-bottom:.75rem;padding:0 .5rem}.cm-list-section .cm-search-bar{background-color:#fff;background-color:var(--panel-bg);margin-bottom:.5rem;padding:10px}.cm-transfer-buttons{flex-direction:column;gap:1rem;padding:0 .5rem}.cm-transfer-buttons,.cm-transfer-buttons button{align-items:center;display:flex;justify-content:center}.cm-transfer-buttons button{background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:50%;color:#334155;color:var(--text-color);cursor:pointer;font-size:1.5rem;font-weight:700;height:40px;transition:all .2s;width:40px}.cm-transfer-buttons button:hover{background-color:#cbd5e1}.cm-transfer-buttons button:disabled{background-color:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.cm-list-container{background-color:#fff;background-color:var(--panel-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;flex-grow:1;min-height:150px;overflow-y:auto;padding:6px}.cm-list-item{border-radius:6px;cursor:pointer;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;transition:background-color .2s,color .2s;white-space:nowrap}.cm-list-item:hover{background-color:#f1f5f9;background-color:var(--hover-bg)}.cm-list-item.selected{background-color:#3b82f6;background-color:var(--selected-bg);color:#fff;color:var(--selected-text)}.cm-submit-button{background-color:#22c55e;background-color:var(--green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:opacity .2s}.cm-submit-button:disabled{background-color:#64748b;background-color:var(--grey);cursor:not-allowed;opacity:.6}.cm-placeholder-text{color:#64748b;color:var(--text-light);font-style:italic;padding:1rem;text-align:center}.cm-placeholder h2{color:#334155;color:var(--text-color);font-size:2rem;margin-bottom:.5rem}@media (max-width:1280px){.cm-fullscreen-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.cm-company-list-panel{flex-basis:auto;max-height:40vh}}@media (max-width:900px){.cm-transfer-wrapper{flex-direction:column}.cm-transfer-buttons{flex-direction:row;margin:.5rem 0}.cm-transfer-buttons button{transform:rotate(90deg)}}@media (max-width:600px){.cm-details-header{align-items:stretch;flex-direction:column}.cm-submit-button{width:100%}}:root{--text-light:#64748b;--selected-bg:#3b82f6;--selected-text:#fff;--hover-bg:#f1f5f9;--red:#ef4444;--grey:#64748b;--notice-bg:#f0f9ff;--notice-border:#bae6fd;--success-bg:#f0fdf4;--success-border:#bbf7d0}.mcm-fullscreen-container{background-color:#f4f7fa;background-color:var(--app-bg);box-sizing:border-box;display:flex;gap:1.5rem;height:100vh;padding:1.5rem}.mcm-panel{background-color:#fff;background-color:var(--panel-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden}.mcm-company-list-panel{flex:0 0 340px}.mcm-company-details-panel{flex:1 1 420px}.mcm-user-management-panel{flex:1 1 580px}.mcm-main-content-area.mcm-placeholder{flex-grow:1}.mcm-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.mcm-panel-header h3{color:#334155;color:var(--text-color);font-size:1.25rem;margin:0}.mcm-list-container-panel{flex-grow:1;overflow-y:auto;padding:1rem}.mcm-list-item{border-radius:8px;cursor:pointer;margin-bottom:.5rem;overflow:hidden;padding:12px 14px;text-overflow:ellipsis;transition:background-color .2s,color .2s;white-space:nowrap}.mcm-list-item:hover{background-color:#f1f5f9;background-color:var(--hover-bg)}.mcm-list-item.selected{background-color:#3b82f6;background-color:var(--selected-bg);color:#fff;color:var(--selected-text)}.mcm-details-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.mcm-details-header h3{color:#334155;color:var(--text-color);font-size:1.25rem;margin:0}.mcm-details-header .mcm-submit-button{font-size:.9rem;padding:8px 20px}.mcm-details-form{flex-grow:1;padding:1.5rem}.mcm-form-fields{display:flex;flex-direction:column;gap:.6rem}.mcm-form-group{align-items:center;display:flex;gap:.75rem}.mcm-form-group label{color:#334155;flex:0 0 140px;font-size:.9rem;font-weight:500;text-align:left}.mcm-form-group input,.mcm-form-group select{border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:1rem;padding:8px 10px}.mcm-form-group input:focus,.mcm-form-group select:focus{border-color:#3b82f6;border-color:var(--selected-bg);box-shadow:0 0 0 2px #3b82f666;outline:none}.mcm-add-user-wrapper{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.mcm-mobile-search{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;padding:10px}.mcm-user-details-form{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.6rem;padding-top:1rem}.mcm-form-notice{background-color:#f0f9ff;background-color:var(--notice-bg);border:1px solid #bae6fd;border:1px solid var(--notice-border);border-radius:8px;color:#0c4a6e;font-size:.9rem;margin:0;padding:.75rem 1rem}.mcm-form-notice.success{background-color:#f0fdf4;background-color:var(--success-bg);border-color:#bbf7d0;border-color:var(--success-border);color:#166534}.mcm-user-details-form .mcm-form-group input[readOnly]{background-color:#f1f5f9;cursor:not-allowed}.mcm-submit-button.add-user{font-size:1rem;margin-top:.5rem;padding:10px}.mcm-submit-button{background-color:#22c55e;background-color:var(--green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:opacity .2s}.mcm-submit-button:disabled{background-color:#64748b;background-color:var(--grey);cursor:not-allowed;opacity:.6}.mcm-placeholder h2{color:#334155;color:var(--text-color);font-size:2rem;margin-bottom:.5rem}@media (max-width:1280px){.mcm-fullscreen-container{flex-direction:column;height:auto}.mcm-company-list-panel{flex-basis:auto;max-height:40vh}}.mcm-periods-panel{min-width:280px}.mcm-panel-header--with-action{align-items:center;display:flex;gap:8px;justify-content:space-between}.mcm-map-next-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:background-color .2s ease;white-space:nowrap}.mcm-map-next-button:hover{background-color:#0056b3}.mcm-period-table{border-collapse:collapse;font-size:13px;width:100%}.mcm-period-table thead th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#555;font-size:11px;font-weight:600;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.mcm-period-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s}.mcm-period-table tbody tr:hover{background-color:#f0f7ff}.mcm-period-table tbody td{color:#333;padding:8px 10px}:root{--panel-bg:#fff;--app-bg:#f4f7fa;--border-color:#e2e8f0;--text-color:#334155;--green:#22c55e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.ep-fullscreen-container{align-items:center;background-color:#f4f7fa;background-color:var(--app-bg);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1rem}.ep-panel{background-color:#fff;background-color:var(--panel-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.ep-panel-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:1rem;text-align:center}.ep-panel-header h3{color:#334155;color:var(--text-color);font-size:1.4rem;margin:0}.ep-details-form{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:1rem}.ep-form-fields{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr}.ep-form-group{align-items:center;display:flex;gap:.8rem}.ep-form-group label{color:#334155;color:var(--text-color);font-size:.9rem;font-weight:500;min-width:120px;text-align:left}.ep-form-group input{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-family:inherit;font-size:.9rem;padding:8px 10px}.ep-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666;outline:none}.ep-button-container{margin-top:1.5rem;text-align:left}.ep-submit-button{background-color:#22c55e;background-color:var(--green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:background-color .2s}.ep-submit-button:hover{background-color:#16a34a}@media (max-width:600px){.ep-panel{max-height:none}.ep-form-group{align-items:stretch;flex-direction:column;gap:.4rem}.ep-form-group label{min-width:auto}.ep-button-container{text-align:center}.ep-submit-button{width:100%}}