@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#f0493e;--color-primary-dark:#d63031;--color-navy:#2c3e50;--color-navy-dark:#34495e;--color-info:#3498db;--color-success:#2ecc71;--color-warning:#f1c40f;--color-danger:#e74c3c;--color-text:#2c3e50;--color-text-muted:#6c757d;--color-bg:#f8f9fa;--color-bg-dark:#343a40;--color-border:#e0e0e0;--color-white:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--breakpoint-mobile:768px;--tap-target-min:44px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 2px 8px #00000026;--shadow-lg:0 4px 16px #0003;--ease-out:cubic-bezier(0.23,1,0.32,1);--font-family:"Poppins","Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.navigation-menu,.top-bar{width:100%}.top-bar{align-items:center;background-color:#343a40;background-color:var(--color-bg-dark,#343a40);color:#fff;display:flex;height:50px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;z-index:1200}.top-bar .search-container{display:flex;flex-grow:1;justify-content:center;position:relative}.top-bar .search-container input{background-color:#fff;border:none;border-radius:5px;box-sizing:border-box;color:#212529;color:var(--color-text,#212529);min-height:44px;min-height:var(--tap-target-min,44px);padding:10px;width:60%}.top-bar .search-container input::placeholder{color:#6c757d;color:var(--color-text-muted,#6c757d)}.top-bar .logo{height:30px;width:100px}.top-bar .user-settings{align-items:center;display:flex;padding-right:50px}.top-bar .user-settings i{border-radius:4px;border-radius:var(--radius-sm,4px);cursor:pointer;font-size:20px;margin-left:15px;padding:6px;transition:color .15s ease,background-color .15s ease}.top-bar .user-settings i:hover{background-color:#ffffff14;color:#f0493e;color:var(--color-primary,#f0493e)}.search-results-panel{background:#fff;background:var(--color-white,#fff);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 8px 24px #00000040;box-shadow:var(--shadow-lg,0 8px 24px #00000040);color:#212529;color:var(--color-text,#212529);left:0;max-height:70vh;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1200}.search-section{margin-bottom:4px}.search-section-label{font-size:11px;font-weight:600;letter-spacing:.04em;padding:6px 10px 2px;text-transform:uppercase}.search-empty,.search-section-label,.search-status{color:#6c757d;color:var(--color-text-muted,#6c757d)}.search-empty,.search-status{padding:15px 20px;text-align:center}.search-result-item{border-radius:4px;border-radius:var(--radius-sm,4px);box-sizing:border-box;cursor:pointer;padding:10px;text-align:left;transition:background-color .15s ease}.search-result-item:hover{background-color:#f8f9fa;background-color:var(--color-bg,#f8f9fa)}.customer-result{align-items:flex-start;display:flex;gap:10px;min-height:44px;min-height:var(--tap-target-min,44px)}.customer-result-icon{color:#f0493e;color:var(--color-primary,#f0493e);margin-top:2px}.customer-result-title{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.status-badge{border-radius:999px;border-radius:var(--radius-pill,999px);font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 8px}.status-active{background-color:#2ecc7126;color:#1d8348}.status-unknown{background-color:#6c757d26;color:#6c757d;color:var(--color-text-muted,#6c757d)}.status-overdue{background-color:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.customer-result-body{flex:1 1}.customer-result-meta{color:#666;font-size:12px}.customer-result-match{color:#f0493e;color:var(--color-primary,#f0493e);font-size:11px;margin-top:2px}@media (max-width:768px){.top-bar{padding:0 10px}.top-bar .logo{width:70px}.top-bar .search-container input{width:100%}.search-container.search-expanded{background-color:#343a40;background-color:var(--color-bg-dark,#343a40);left:0;padding:0 10px;position:absolute;right:0;top:50px}.top-bar .user-settings{padding-right:10px}.search-results-panel{left:10px;right:10px}}body{font-family:Arial,sans-serif;height:100vh;margin:0;overflow-x:hidden;padding:0}.sidebar{background-color:#212529;background-color:var(--color-bg-dark,#212529);color:#fff;display:flex;flex-direction:column;height:calc(100% - 50px);left:0;position:fixed;top:50px;transition:width .2s ease;width:80px;z-index:1100}.sidebar.expanded{width:250px}.sidebar ul{flex:1 1;list-style:none;margin:0;padding:8px 0}.sidebar ul li{border-left:3px solid #0000;position:relative}.sidebar ul li.active{background-color:#f0493e24;border-left-color:#f0493e;border-left-color:var(--color-primary,#f0493e)}.sidebar ul li.active .nav-link-btn{color:#f0493e;color:var(--color-primary,#f0493e)}.nav-link-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font-size:15px;min-height:44px;min-height:var(--tap-target-min,44px);padding:14px 0 14px 26px;text-align:left;white-space:nowrap;width:100%}.sidebar ul li button i{flex-shrink:0;font-size:18px;text-align:center;width:20px}.nav-icon-wrap{display:inline-flex;position:relative}.nav-notification-dot{border:1px solid #343a40;border:1px solid var(--color-bg-dark,#343a40);border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.nav-notification-count,.nav-notification-dot{background-color:#f0493e;background-color:var(--color-primary,#f0493e)}.nav-notification-count{align-items:center;border-radius:999px;border-radius:var(--radius-pill,999px);color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:8px;min-width:18px;padding:0 5px}.sidebar ul li:hover{background-color:#ffffff0f}.nav-item-row{align-items:center;display:flex}.submenu-caret{display:none;font-size:11px!important;margin-left:auto;margin-right:12px;opacity:.6;width:auto!important}.sidebar.expanded .submenu-caret{display:inline-block}.submenu-flyout{animation:submenu-flyout-in .12s ease;background-color:#212529;background-color:var(--color-bg-dark,#212529);border:1px solid #ffffff1a;border-radius:0 8px 8px 0;border-radius:0 var(--radius-md,8px) var(--radius-md,8px) 0;box-shadow:0 8px 24px #00000059;box-shadow:var(--shadow-lg,0 8px 24px #00000059);left:100%;min-width:220px;padding:6px 0;position:absolute;top:0;z-index:1150}@keyframes submenu-flyout-in{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.submenu-flyout-header{border-bottom:1px solid #ffffff14;color:#f0493e;color:var(--color-primary,#f0493e);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;padding:10px 20px 8px;text-transform:uppercase}.submenu-flyout-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;min-height:44px;min-height:var(--tap-target-min,44px);padding:10px 20px;text-align:left;white-space:nowrap;width:100%}.submenu-flyout-item i{color:#f0493e;color:var(--color-primary,#f0493e);font-size:14px;text-align:center;width:16px}.submenu-flyout-item:hover{background-color:#ffffff14}.submenu{background-color:#00000026;display:none;margin:0;padding-left:20px}.submenu-mobile{display:block}.menu-text{opacity:0;overflow:hidden;padding-left:12px;transition:opacity .15s ease;white-space:nowrap;width:0}.sidebar.expanded .menu-text{display:inline;opacity:1;width:auto}.collapse-btn{align-items:center;background:none;border:none;border-top:1px solid #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:15px;min-height:44px;min-height:var(--tap-target-min,44px);padding:16px 0 16px 26px;width:100%}.collapse-btn:hover{background-color:#ffffff0f;color:#f0493e;color:var(--color-primary,#f0493e)}.collapse-btn i{flex-shrink:0;font-size:18px;text-align:center;width:20px}.main-content{box-sizing:border-box;margin-left:80px;margin-top:50px;transition:margin-left .2s ease,width .2s ease;width:calc(100% - 80px)}.sidebar.expanded~.main-content{margin-left:250px;width:calc(100% - 250px)}.navigation-menu{background-color:#f0493e;background-color:var(--color-primary,#f0493e);border-radius:5px;padding:15px}.navigation-menu ol{display:flex;flex-wrap:wrap;gap:15px;list-style:none;margin:0;padding:0}.navigation-menu li{background-color:#ffffff1a;border-radius:4px;cursor:pointer;margin:0;padding:10px 15px}.navigation-menu li:hover{background-color:#34495e}.navigation-menu a{color:#fff;text-decoration:none}@media (max-width:768px){.sidebar{-webkit-overflow-scrolling:touch;box-shadow:2px 0 10px #0000004d;overflow-x:hidden;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;width:280px}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay{background-color:#00000080;display:none;height:100vh;left:280px;pointer-events:auto;position:fixed;top:0;width:calc(100vw - 280px);z-index:1099}.sidebar-overlay.active{display:block}.main-content{margin-left:0;transition:none;width:100%}.mobile-menu-btn{background-color:#f0493e;background-color:var(--color-primary,#f0493e);border:none;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:block;font-size:18px;left:15px;padding:12px;position:fixed;top:60px;z-index:1101}.mobile-menu-btn:hover{background-color:#d63031;background-color:var(--color-primary-dark,#d63031)}.sidebar ul li{border-left-width:4px}.nav-link-btn{font-size:17px;padding:16px 0 16px 22px}.sidebar ul li button i{font-size:20px}.sidebar.mobile-open .menu-text{display:inline;opacity:1;width:auto}.collapse-btn{display:none}.navigation-menu{margin:10px;padding:10px}.navigation-menu ol{flex-direction:column;gap:10px}.navigation-menu li{font-size:16px;padding:15px;text-align:center}}@media (min-width:769px){.mobile-menu-btn{display:none}.sidebar-overlay{display:none!important}}.PageShell_shell__q8fgG{min-height:100vh}.Modal_overlay__Pw71U{align-items:center;animation:Modal_overlayIn__2yA6s .18s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1200}.Modal_content__zFIsM{animation:Modal_contentIn__1Ooxq .2s var(--ease-out);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--space-6)*2);max-width:520px;overflow-y:auto;transform-origin:center;width:100%}.Modal_contentLarge__YngkJ{max-width:900px}.Modal_contentFlush__YA5k0{display:flex;flex-direction:column;height:calc(100vh - var(--space-6)*2)}.Modal_contentFlush__YA5k0 .Modal_body__ds1vZ{display:flex;flex:1 1;min-height:0;padding:0}.Modal_header__gMyjG{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-5)}.Modal_title__QApl0{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.Modal_closeBtn__B1kD0{align-items:center;background:none;border:none;border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:20px;height:var(--tap-target-min);justify-content:center;line-height:1;transition:background-color .12s ease,color .12s ease;width:var(--tap-target-min)}.Modal_closeBtn__B1kD0:hover{background:var(--color-bg);color:var(--color-text)}.Modal_body__ds1vZ{padding:var(--space-5)}.Modal_footer__r52GG{border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-5)}@keyframes Modal_overlayIn__2yA6s{0%{opacity:0}}@keyframes Modal_contentIn__1Ooxq{0%{opacity:0;transform:scale(.96) translateY(4px)}}@media (prefers-reduced-motion:reduce){.Modal_content__zFIsM,.Modal_overlay__Pw71U{animation:none}}.dashboard-header{align-items:flex-start;display:flex;gap:16px;gap:var(--space-4,16px);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-6,32px)}.dashboard-header h1{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:28px;margin:0 0 4px}.dashboard-subtitle{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:15px;margin:0}.dashboard-bell-btn{align-items:center;background:#fff;background:var(--color-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:50%;box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm,0 1px 3px #0000001f);color:#f0493e;color:var(--color-primary,#f0493e);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;min-height:44px;min-height:var(--tap-target-min,44px);min-width:44px;min-width:var(--tap-target-min,44px);transition:transform .15s ease,box-shadow .15s ease;width:44px}.dashboard-bell-btn:hover{box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md,0 2px 8px #00000026);transform:translateY(-1px)}.dashboard-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard-grid,.stat-card{gap:16px;gap:var(--space-4,16px)}.stat-card{align-items:flex-start;background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm,0 1px 3px #0000000f);display:flex;padding:22px;padding:var(--space-5,22px);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{border-color:#f0493e40;box-shadow:0 6px 16px #0000001a;box-shadow:var(--shadow-md,0 6px 16px #0000001a);transform:translateY(-2px)}.stat-icon-badge{align-items:center;background:#f0493e1a;border-radius:10px;border-radius:var(--radius-md,10px);color:#f0493e;color:var(--color-primary,#f0493e);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.stat-body{flex:1 1;min-width:0}.stat-label{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:26px;font-weight:700;line-height:1.2;margin-bottom:4px}.stat-value-negative{color:#f0493e;color:var(--color-primary,#f0493e)}.stat-description{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}.summary-date{font-size:13px;font-weight:600;letter-spacing:.04em;margin:0 0 16px;margin:0 0 var(--space-4,16px)}.summary-date,.summary-section-label{color:#6c757d;color:var(--color-text-muted,#6c757d);text-transform:uppercase}.summary-section-label{font-size:12px;font-weight:700;letter-spacing:.05em;margin:16px 0 8px;margin:var(--space-4,16px) 0 var(--space-2,8px)}.summary-section-label:first-of-type{margin-top:0}.summary-list{display:flex;flex-direction:column;gap:6px}.summary-row{align-items:center;background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:10px;border-radius:var(--radius-md,10px);cursor:pointer;display:flex;gap:12px;gap:var(--space-3,12px);padding:10px 12px;transition:background-color .15s ease}.summary-row:hover{background:#f0493e14}.summary-row-icon{align-items:center;background:#2c3e5014;border-radius:8px;border-radius:var(--radius-md,8px);color:#2c3e50;color:var(--color-text,#2c3e50);display:flex;flex-shrink:0;font-size:15px;height:36px;justify-content:center;width:36px}.summary-row-icon-highlight{background:#f0493e1f;color:#f0493e;color:var(--color-primary,#f0493e)}.summary-row-body{flex:1 1;min-width:0}.summary-row-label{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:14px;font-weight:600}.summary-row-desc{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:12px;margin-top:1px}.summary-row-value{color:#2c3e50;color:var(--color-text,#2c3e50);flex-shrink:0;font-size:20px;font-weight:700;min-width:28px;text-align:right}.wrapper{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:10px;color:#fff;display:flex;margin:auto;max-width:450px;padding:30px 40px;width:100%}.NotTheBody{background:url(/static/media/bg.b0f4c7cf6d5de89fcb11.jpg) no-repeat;background-position:50%;background-size:cover}.wrapper h1{font-size:36px;text-align:center}.wrapper .input-box{height:50px;margin:20px 0;position:relative;width:100%}.input-box input{background:#0000;border:2px solid #fff3;border-radius:40px;color:#fff;font-size:16px;height:100%;outline:none;padding:20px 45px 20px 20px;width:100%}.input-box input::placeholder{color:#fff}.input-box .icon{font-size:16px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.wrapper .remember-forgot{display:flex;font-size:14.5px;justify-content:space-between;margin:-15px 0 15px}.remember-forgot a{color:#fff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.wrapper button{background:#fff;border:none;border-radius:40px;box-shadow:0 0 10px #0000001a;color:#333;cursor:pointer;font-size:16px;font-weight:700;height:45px;outline:none;width:100%}.wrapper .register-link{font-size:14.5px;margin:20px 0 15px;text-align:center}.register-link p a{color:#fff;font-weight:600;text-decoration:none}.register-link p a:hover{text-decoration:underline}.NotTheBody{overflow-y:auto}@media (max-height:800px){.wrapper .input-box{margin:15px 0}.wrapper h1{font-size:28px;margin-bottom:20px}}.ResponsiveTable_table__rnGus{background:var(--color-white);border-collapse:collapse;width:100%}.ResponsiveTable_table__rnGus td,.ResponsiveTable_table__rnGus th{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left}.ResponsiveTable_table__rnGus thead{background:var(--color-bg)}.ResponsiveTable_table__rnGus th{color:var(--color-text-muted);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ResponsiveTable_table__rnGus tbody tr:hover{background:var(--color-bg)}.ResponsiveTable_clickableRow__GFYOs{cursor:pointer}.ResponsiveTable_sortableHeader__\+0xao{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.ResponsiveTable_sortableHeader__\+0xao:hover{color:#f0493e;color:var(--color-primary,#f0493e)}.ResponsiveTable_sortIcon__HUKMa{font-size:11px!important;margin-left:6px;opacity:.5}.ResponsiveTable_checkboxCell__yvOWy{text-align:center!important;width:40px}.ResponsiveTable_checkboxCell__yvOWy input{cursor:pointer;height:16px;width:16px}.ResponsiveTable_empty__MxxUr{background:var(--color-white);border-radius:var(--radius-md);color:var(--color-text-muted);padding:var(--space-5);text-align:center}@media (max-width:768px){.ResponsiveTable_table__rnGus thead{display:none}.ResponsiveTable_table__rnGus,.ResponsiveTable_table__rnGus tbody,.ResponsiveTable_table__rnGus td,.ResponsiveTable_table__rnGus tr{display:block;width:100%}.ResponsiveTable_table__rnGus tr{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.ResponsiveTable_table__rnGus td{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:space-between;min-height:var(--tap-target-min)}.ResponsiveTable_table__rnGus td:last-child{border-bottom:none}.ResponsiveTable_table__rnGus td:before{color:var(--color-text-muted);content:attr(data-label);flex-shrink:0;font-weight:600;margin-right:var(--space-3)}}.Button_button__dXAUs{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-4);transition:background-color .15s ease,transform .05s ease}.Button_button__dXAUs:active{transform:translateY(1px)}.Button_button__dXAUs:disabled{cursor:not-allowed;opacity:.6}.Button_primary__dQH6j{background-color:var(--color-primary);color:var(--color-white)}.Button_primary__dQH6j:hover:not(:disabled){background-color:var(--color-primary-dark)}.Button_secondary__zC\+XT{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--color-text)}.Button_secondary__zC\+XT:hover:not(:disabled){background-color:var(--color-bg)}.Button_danger__zzv1M{background-color:var(--color-danger);color:var(--color-white)}.Button_danger__zzv1M:hover:not(:disabled){filter:brightness(.92)}.invoices-header{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--color-border,#e9ecef);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.invoices-header h1{color:#333;color:var(--color-text,#333);font-size:2rem;margin:0}.invoices-filters{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);margin-bottom:16px;margin-bottom:var(--space-4,16px)}.invoices-filters .view-toggle-btn{background:#fff;background:var(--color-white,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:999px;border-radius:var(--radius-pill,999px);color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;min-height:var(--tap-target-min,44px);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px)}.invoices-filters .view-toggle-btn.active{background:#f0493e;background:var(--color-primary,#f0493e);border-color:#f0493e;border-color:var(--color-primary,#f0493e);color:#fff}.status-badge{font-size:11px;letter-spacing:.5px;padding:4px 8px}.status-paid{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-pending-payment{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-overdue{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-draft{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.invoice-overdue-date{color:#f0493e;color:var(--color-primary,#f0493e);font-weight:700}.invoice-row-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px)}.invoices-pagination{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px);justify-content:center;margin-top:20px;margin-top:var(--space-4,20px)}.invoices-per-page{border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:4px;border-radius:var(--radius-sm,4px);font-size:14px;min-height:44px;min-height:var(--tap-target-min,44px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.invoice-preview-frame{border:none;flex:1 1;height:100%;width:100%}.invoice-customer-cell{display:flex;flex-direction:column;line-height:1.3}.invoice-customer-name{color:#333;color:var(--color-text,#333);font-weight:600}.invoice-customer-link{cursor:pointer}.invoice-customer-link:focus-visible,.invoice-customer-link:hover{color:#2563eb;color:var(--color-primary,#2563eb);text-decoration:underline}.invoice-domain{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono,ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace);font-size:13px}.invoice-cell-muted{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:12px}.attachments{display:flex;flex-direction:column;gap:var(--space-3)}.attachments-header{align-items:center;display:flex;gap:var(--space-3)}.attachments-header h3{align-items:center;display:flex;flex:1 1;gap:var(--space-2);margin:0}.attachments-count{align-items:center;background:var(--color-bg);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-flex;font-size:12px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}.attachments-input{display:none}.attachments-error{color:var(--color-danger);font-size:13px}.attachments-drop{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);transition:background .15s ease,border-color .15s ease}.attachments-drop.is-dragging{background:#3498db0f;border-color:#3498db;border-color:var(--color-primary,#3498db)}.attachments-empty{color:var(--color-text-muted);font-size:13px;margin:0;text-align:center}.attachments-list{display:flex;flex-direction:column;gap:2px}.attachments-item{grid-gap:var(--space-2);align-items:center;border-radius:var(--radius-sm);display:grid;gap:var(--space-2);grid-template-columns:20px 1fr auto auto 28px;padding:6px 4px}.attachments-item:hover{background:var(--color-bg)}.attachments-icon{color:var(--color-text-muted)}.attachments-name{background:none;border:none;color:#2c7fb8;color:var(--color-primary,#2c7fb8);cursor:pointer;font-family:var(--font-family);font-size:14px;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.attachments-name:hover{text-decoration:underline}.attachments-date,.attachments-size{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.attachments-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.attachments-remove:hover{color:var(--color-danger)}@media (max-width:640px){.attachments-item{grid-template-columns:20px 1fr 28px}.attachments-date{display:none}}.FormField_field__S6Ye4{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.FormField_label__66tzX{color:var(--color-text);font-size:13px;font-weight:600}.FormField_error__M1HMM,.FormField_required__edWpH{color:var(--color-danger)}.FormField_error__M1HMM{font-size:12px}.FormField_field__S6Ye4 input,.FormField_field__S6Ye4 select,.FormField_field__S6Ye4 textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-family);font-size:14px;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);width:100%}.FormField_field__S6Ye4 input:focus,.FormField_field__S6Ye4 select:focus,.FormField_field__S6Ye4 textarea:focus{outline:2px solid var(--color-info);outline-offset:-1px}.edit-invoice-header{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--color-border,#e9ecef);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.edit-invoice-header h1{color:#333;color:var(--color-text,#333);font-size:2rem;margin:0}.edit-invoice-layout{grid-gap:24px;grid-gap:var(--space-5,24px);align-items:start;display:grid;gap:24px;gap:var(--space-5,24px);grid-template-columns:45% 1fr}@media (max-width:900px){.edit-invoice-layout{grid-template-columns:1fr}}.edit-invoice-form-col{display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px)}.edit-invoice-card{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:10px;border-radius:var(--radius-md,10px);padding:20px;padding:var(--space-4,20px)}.edit-invoice-card h3{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:15px;margin:0 0 14px;margin:0 0 var(--space-3,14px)}.edit-invoice-actions{display:flex;gap:8px;gap:var(--space-2,8px);justify-content:flex-end;margin-top:16px;margin-top:var(--space-4,16px)}.edit-invoice-current-customer{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:13px;margin:0 0 14px;margin:0 0 var(--space-3,14px)}.edit-invoice-customer-link{cursor:pointer}.edit-invoice-customer-link:focus-visible,.edit-invoice-customer-link:hover{color:#2563eb;color:var(--color-primary,#2563eb);text-decoration:underline}.edit-invoice-catalog-search{margin-bottom:12px;margin-bottom:var(--space-3,12px);position:relative}.edit-invoice-catalog-search input{box-sizing:border-box;padding:10px}.edit-invoice-catalog-results,.edit-invoice-catalog-search input{border:1px solid #ccc;border:1px solid var(--color-border,#ccc);border-radius:4px;border-radius:var(--radius-sm,4px);width:100%}.edit-invoice-catalog-results{background:#fff;background:var(--color-white,#fff);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md,0 2px 8px #00000026);list-style:none;margin:4px 0 0;max-height:180px;overflow-y:auto;padding:0;position:absolute;z-index:5}.edit-invoice-catalog-results li{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border,#eee);cursor:pointer;padding:10px}.edit-invoice-catalog-results li:last-child{border-bottom:none}.edit-invoice-catalog-results li:hover{background:#f8f9fa;background:var(--color-bg,#f8f9fa)}.edit-invoice-items-table{border-collapse:collapse;width:100%}.edit-invoice-items-table td,.edit-invoice-items-table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border,#eee);font-size:13.5px;padding:8px;padding:var(--space-2,8px);text-align:left}.edit-invoice-items-table th{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:12px;font-weight:600;text-transform:uppercase}.edit-invoice-items-table input{border:1px solid #ccc;border:1px solid var(--color-border,#ccc);border-radius:4px;border-radius:var(--radius-sm,4px);box-sizing:border-box;min-width:70px;padding:6px;width:100%}.edit-invoice-empty{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px}.edit-invoice-newitems-total{color:#333;color:var(--color-text,#333);font-weight:600;margin-top:12px;margin-top:var(--space-3,12px)}.edit-invoice-preview-col{position:-webkit-sticky;position:sticky;top:16px;top:var(--space-4,16px)}.edit-invoice-preview-card{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;height:calc(100vh - 140px);padding:16px;padding:var(--space-4,16px)}.edit-invoice-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3,12px)}.edit-invoice-preview-header h3{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:15px;margin:0}.edit-invoice-preview-status{color:#f0493e;color:var(--color-primary,#f0493e);font-size:12px;font-weight:600}.edit-invoice-preview-frame{border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:6px;border-radius:var(--radius-sm,6px);flex:1 1;width:100%}.edit-invoice-preview-placeholder{align-items:center;background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:6px;border-radius:var(--radius-sm,6px);color:#6c757d;color:var(--color-text-muted,#6c757d);display:flex;flex:1 1;justify-content:center}@media (max-width:900px){.edit-invoice-preview-col{position:static}.edit-invoice-preview-card{height:70vh}}:root{--primary:#3498db;--secondary:#2ecc71;--warn:#f1c40f;--accent:#e74c3c;--text:#2c3e50;--light-bg:#f8f9fa;--dark-bg:#343a40}.Sales_mainContent__c2hP5{background-color:#f8f9fa;background-color:var(--light-bg);color:#2c3e50;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0}.Sales_dashboard__eVEA6{margin:0 auto;max-width:1200px;padding:20px}.Sales_header__G2JUR{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:10px}.Sales_header__G2JUR h1,.Sales_header__G2JUR h2,.Sales_header__G2JUR h3{color:#2c3e50;color:var(--text);margin:0}.Sales_kpiContainer__-1tTd{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.Sales_kpiCard__GIG3G{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center}.Sales_kpiCard__GIG3G h3{color:#2c3e50;color:var(--text);font-size:16px;margin-bottom:10px}.Sales_kpiValue__W4Ma4{font-size:28px;font-weight:700;margin-bottom:5px}.Sales_kpiChange__qRjbT{align-items:center;display:flex;font-size:14px;justify-content:center}.Sales_positive__SVuLY{color:#2ecc71;color:var(--secondary)}.Sales_neutral__M73vu{color:#f1c40f;color:var(--warn)}.Sales_negative__dtLBZ{color:#e74c3c;color:var(--accent)}.Sales_mainCharts__t5Dcq{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:30px}.Sales_chartContainer__J07Bs{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:1 1;min-width:350px;padding:20px}.Sales_secondaryCharts__R1huf{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:30px}.Sales_tableContainer__J3Oea{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:1 1;min-width:350px;overflow-x:auto;padding:20px}table{border-collapse:collapse;width:100%}.Sales_progressBar__DwNGO{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:5px}.Sales_progress__n2r2m{background-color:#3498db;background-color:var(--primary);border-radius:4px;height:100%}.Sales_dateSelector__yq1cn{align-items:center;display:flex;gap:8px}.Sales_dateSelector__yq1cn select{border:1px solid #ddd;border-radius:4px;margin-left:10px;padding:8px 12px}.Sales_fiscalYearContainer__erDwJ{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.Sales_salesAmount__NO51D{font-weight:700}.Sales_goal__jmqbB{color:#2c3e50;color:var(--text);font-size:14px}.tag-chip{align-items:center;border-radius:999px;border-radius:var(--radius-pill,999px);display:inline-flex;font-size:12px;font-weight:600;gap:5px;line-height:1.6;max-width:100%;overflow:hidden;padding:2px 9px;text-overflow:ellipsis;white-space:nowrap}.tag-chip-remove{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;opacity:.75;padding:0}.tag-chip-remove:hover{opacity:1}.users-header{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--color-border,#e9ecef);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.users-header h1{color:#333;color:var(--color-text,#333);font-size:2rem;margin:0}.users-status-filter{margin-bottom:12px;margin-bottom:var(--space-3,12px)}.users-status-filter-toggle{align-items:center;color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px}.users-status-filter-toggle input{cursor:pointer}.users-tag-filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);margin-bottom:16px;margin-bottom:var(--space-4,16px)}.users-tag-filter-label{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;font-weight:600;margin-right:2px}.users-tag-filter-btn{align-items:center;background:none;border:1px solid #0000;border-radius:999px;border-radius:var(--radius-pill,999px);cursor:pointer;display:inline-flex;gap:5px;opacity:.6;padding:3px 5px 3px 3px}.users-tag-filter-btn:hover{opacity:.85}.users-tag-filter-btn.is-active{background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-color:#6c757d;border-color:var(--color-text-muted,#6c757d);opacity:1}.users-tag-filter-count{font-feature-settings:"tnum";font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.users-tag-filter-clear,.users-tag-filter-count{color:#6c757d;color:var(--color-text-muted,#6c757d)}.users-tag-filter-clear{background:none;border:none;cursor:pointer;font-size:13px;text-decoration:underline}.users-tag-cell{display:flex;flex-wrap:wrap;gap:4px}.users-no-tags{color:#6c757d;color:var(--color-text-muted,#6c757d)}.users-tag-manage{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.users-tag-row{grid-gap:8px;grid-gap:var(--space-2,8px);align-items:center;display:grid;gap:8px;gap:var(--space-2,8px);grid-template-columns:36px 1fr auto auto}.users-tag-new-row input:not([type=color]),.users-tag-new-row input[type=text],.users-tag-row input[type=text]{border:1px solid #e9ecef;border:1px solid var(--color-border,#e9ecef);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;font-family:inherit;font-family:var(--font-family,inherit);font-size:14px;padding:8px 10px;width:100%}.users-tag-new-row input[type=color],.users-tag-row input[type=color]{background:none;border:1px solid #e9ecef;border:1px solid var(--color-border,#e9ecef);border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;height:34px;padding:2px;width:36px}.users-tag-row-count{font-feature-settings:"tnum";color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:12px;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.users-tag-new{border-top:1px solid #e9ecef;border-top:1px solid var(--color-border,#e9ecef);margin-top:12px;margin-top:var(--space-3,12px);padding-top:12px;padding-top:var(--space-3,12px)}.users-tag-new-row{grid-gap:8px;grid-gap:var(--space-2,8px);align-items:center;display:grid;gap:8px;gap:var(--space-2,8px);grid-template-columns:36px 1fr auto}.users-tag-error{color:#dc3545;color:var(--color-danger,#dc3545);font-size:13px}.invoice-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:900px;padding:20px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.customer-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;list-style:none;margin:10px 0 0;max-height:150px;overflow-y:auto;padding:0}.customer-item{border-bottom:1px solid #ccc;cursor:pointer;padding:10px}.customer-item:last-child{border-bottom:none}.customer-item:hover{background-color:#f0f0f0}.purchaseditem-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;list-style:none;margin:10px 0 0;max-height:150px;overflow-y:auto;padding:0}.purchaseditem-item{border-bottom:1px solid #ccc;cursor:pointer;padding:10px}.purchaseditem-item:last-child{border-bottom:none}.purchaseditem-item:hover{background-color:#f0f0f0}.selected-purchaseditem{display:inline-flex}.selected-customer,.selected-purchaseditem{background-color:#f0f8ff;border:1px solid #ccc;border-radius:4px;font-size:16px;margin-top:10px;padding:10px}.purchaseditem-table-container{margin-top:20px}.purchaseditem-table{border-collapse:collapse;margin-top:10px;width:100%}.purchaseditem-table td,.purchaseditem-table th{padding:10px;text-align:center}.purchaseditem-table th{font-weight:700}.purchaseditem-table td{background-color:#fff}.remove-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.remove-button:hover{background-color:#d32f2f}.discount-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:5px;text-align:center;width:60px}.discount-input:focus{border-color:#007bff;outline:none}.invoice-totals{display:flex;flex-direction:column;font-size:14px;gap:6px;margin-left:auto;margin-top:16px;max-width:320px}.invoice-totals>div{color:#6c757d;display:flex;justify-content:space-between}.invoice-totals-grand{border-top:1px solid #e0e0e0;color:#2c3e50!important;font-size:16px;font-weight:700;padding-top:6px}.remarks-cell{display:flex;flex-direction:column;gap:2px;min-width:190px}.remarks-input-group{align-items:stretch;display:flex}.remarks-input-group .remarks-input{border-bottom-right-radius:0;border-top-right-radius:0}.remarks-tld{align-items:center;background:#f4f5f7;border:1px solid #ccc;border-bottom-right-radius:4px;border-left:none;border-top-right-radius:4px;color:#6c757d;display:inline-flex;font-size:12px;font-weight:600;padding:0 8px;white-space:nowrap}.remarks-ok{color:#1e8449;font-size:11px}.remarks-warn{color:#9c7a09;font-size:11px}.main-content{padding:20px}.form-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.customer-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}textarea{resize:vertical}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:10px;text-align:center;width:100%}.submit-button:hover{background-color:#0056b3}.customer-tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.customer-tags-empty{color:var(--color-text-muted);font-size:13px}.customer-tags-add{align-items:center;background:none;border:1px dashed var(--color-border);border-radius:999px;border-radius:var(--radius-pill,999px);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12px;font-weight:600;gap:5px;padding:2px 9px}.customer-tags-add:hover{border-color:var(--color-text-muted);color:var(--color-text)}.customer-tags-options{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.customer-tags-option{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:6px 4px}.customer-tags-option:hover{background:var(--color-bg)}.customer-tags-desc{color:var(--color-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-tags-new{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3)}.customer-tags-new-row{display:flex;gap:var(--space-2)}.customer-tags-new-row input{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1 1;font-family:var(--font-family);font-size:14px;padding:9px 11px}.customer-tags-error{color:var(--color-danger);font-size:13px;margin-top:var(--space-2)}.cust-page{margin:0 auto;max-width:1200px}.cust-header{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--color-border,#e9ecef);gap:16px;gap:var(--space-4,16px);margin-bottom:24px;margin-bottom:var(--space-5,24px);padding-bottom:16px;padding-bottom:var(--space-4,16px)}.cust-avatar,.cust-header{align-items:center;display:flex}.cust-avatar{background:#212529;background:var(--color-bg-dark,#212529);border-radius:10px;border-radius:var(--radius-md,10px);color:#f0493e;color:var(--color-primary,#f0493e);flex-shrink:0;font-size:18px;font-weight:700;height:52px;justify-content:center;width:52px}.cust-header-info{flex:1 1;min-width:0}.cust-header-info h1{align-items:center;color:#2c3e50;color:var(--color-text,#2c3e50);display:flex;font-size:24px;gap:10px;margin:0 0 4px}.cust-header-info p{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px;margin:0}.cust-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.cust-detail-value .cust-status-dot{margin-right:7px;vertical-align:middle}.cust-status-dot.is-active{background-color:#2ecc71}.cust-status-dot.is-inactive{background-color:#f0493e;background-color:var(--color-primary,#f0493e)}.cust-layout{grid-gap:24px;grid-gap:var(--space-5,24px);align-items:start;display:grid;gap:24px;gap:var(--space-5,24px);grid-template-columns:320px 1fr}@media (max-width:900px){.cust-layout{grid-template-columns:1fr}}.cust-card{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);padding:20px;padding:var(--space-4,20px)}.cust-card h3{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:15px;margin:0 0 14px;margin:0 0 var(--space-3,14px)}.cust-detail-grid{gap:14px;gap:var(--space-3,14px)}.cust-detail,.cust-detail-grid{display:flex;flex-direction:column}.cust-detail{gap:4px}.cust-detail-label{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cust-detail-value{color:#333;color:var(--color-text,#333);font-size:14px;line-height:1.5}.cust-tabs{border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;border-radius:var(--radius-md,8px);display:inline-flex;margin-bottom:16px;margin-bottom:var(--space-4,16px);overflow:hidden}.cust-tab{background:#fff;background:var(--color-white,#fff);border:none;color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;min-height:var(--tap-target-min,44px);padding:8px 18px;padding:var(--space-2,8px) var(--space-4,18px)}.cust-tab.active{background:#f0493e;background:var(--color-primary,#f0493e);color:#fff}.cust-banner{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:10px;border-radius:var(--radius-md,10px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:16px;padding:var(--space-4,16px)}.cust-banner-header{align-items:center;color:#2c3e50;color:var(--color-text,#2c3e50);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;margin-bottom:var(--space-3,12px)}.cust-banner-header i{color:#f0493e;color:var(--color-primary,#f0493e)}.cust-banner-list{display:flex;flex-direction:column;gap:8px}.cust-banner-item{align-items:center;background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:flex;gap:12px;gap:var(--space-3,12px);padding:10px 12px;transition:background-color .15s ease}.cust-banner-item:hover{background:#f0493e0f}.cust-banner-item-static{cursor:default}.cust-banner-item-static:hover{background:#f8f9fa;background:var(--color-bg,#f8f9fa)}.cust-banner-tag{background:#fff;background:var(--color-white,#fff);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;border-radius:var(--radius-sm,6px);flex-shrink:0;font-size:12px;font-weight:700;padding:3px 8px}.cust-banner-tag,.cust-banner-text{color:#333;color:var(--color-text,#333)}.cust-banner-text{flex:1 1;font-size:13.5px;min-width:0}.cust-banner-meta{flex-shrink:0;font-size:12px}.cust-banner-meta,.cust-expand-btn{color:#6c757d;color:var(--color-text-muted,#6c757d)}.cust-expand-btn{background:#f8f9fa;background:var(--color-bg,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;font-size:12.5px;font-weight:600;margin-top:8px;margin-top:var(--space-2,8px);min-height:44px;min-height:var(--tap-target-min,44px);padding:8px;width:100%}.cust-expand-btn:hover{border-color:#f0493e;border-color:var(--color-primary,#f0493e);color:#f0493e;color:var(--color-primary,#f0493e)}.cust-timeline{display:flex;flex-direction:column;gap:12px;margin-top:16px;margin-top:var(--space-4,16px)}.cust-empty{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px}.cust-timeline-item{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border-left:3px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-left-width:3px;border-radius:0 8px 8px 0;border-radius:0 var(--radius-md,8px) var(--radius-md,8px) 0;display:flex;gap:14px;gap:var(--space-3,14px);padding:16px;padding:var(--space-3,16px)}.cust-timeline-item.internal{background:#f0493e08;border-left-color:#f0493e;border-left-color:var(--color-primary,#f0493e)}.cust-timeline-item.clickable{cursor:pointer}.cust-timeline-item.clickable:hover{border-left-color:#f0493e;border-left-color:var(--color-primary,#f0493e)}.cust-timeline-avatar{align-items:center;background:#212529;background:var(--color-bg-dark,#212529);border-radius:50%;color:#f0493e;color:var(--color-primary,#f0493e);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.cust-timeline-content{flex:1 1;min-width:0}.cust-timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:6px}.cust-timeline-author{align-items:center;color:#333;color:var(--color-text,#333);display:flex;font-size:13.5px;font-weight:600;gap:8px}.cust-timeline-date{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:12px}.cust-timeline-text{color:#555;color:var(--color-text,#555);font-size:13.5px;line-height:1.5}.tag-badge{border-radius:12px;border-radius:var(--radius-pill,12px);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.tag-ticket{background:#0c54601a;color:#0c5460}.tag-internal{background:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.status-expired,.status-inactive{background-color:#e2e3e5;color:#383d41}.status-trial{background-color:#fff3cd;color:#856404}.cust-edit-actions{display:flex;gap:8px;gap:var(--space-2,8px);justify-content:flex-end;margin-top:16px;margin-top:var(--space-4,16px)}.cust-admin-notes{white-space:pre-wrap}.cust-billing-card{margin-top:16px;margin-top:var(--space-4,16px)}.cust-billing-stats{display:flex;gap:12px;gap:var(--space-3,12px);margin-bottom:12px;margin-bottom:var(--space-3,12px)}.cust-billing-stat{background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:6px;border-radius:var(--radius-sm,6px);flex:1 1;padding:10px 6px;text-align:center}.cust-billing-stat span:last-child{color:#6c757d;color:var(--color-text-muted,#6c757d);display:block;font-size:11px;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.cust-billing-num{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:18px;font-weight:700}.cust-billing-overdue .cust-billing-num{color:#f0493e;color:var(--color-primary,#f0493e)}.cust-billing-total{color:#333;color:var(--color-text,#333);font-size:13.5px;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-3,12px)}.cust-domains-list{display:flex;flex-direction:column;gap:10px}.cust-hosting-toolbar{display:flex;flex-wrap:wrap;gap:8px}.cust-domain-item{align-items:center;background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);padding:14px;padding:var(--space-3,14px)}.cust-domain-name{color:#333;color:var(--color-text,#333);flex-shrink:0;font-size:14px;font-weight:600;min-width:160px}.cust-domain-meta{color:#6c757d;color:var(--color-text-muted,#6c757d);display:flex;flex:1 1;flex-wrap:wrap;font-size:12.5px;gap:14px}.cust-hosting-actions{display:flex;flex-shrink:0;gap:8px}.cust-generated-password{align-items:center;background:#f8f9fa;background:var(--color-bg,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;gap:12px;gap:var(--space-3,12px);margin-top:12px;margin-top:var(--space-3,12px);padding:10px 12px}.cust-generated-password code{flex:1 1;font-size:14px;word-break:break-all}.cust-coming-soon{background:#fff;background:var(--color-white,#fff);border:1px dashed #dee2e6;border:1px dashed var(--color-border,#dee2e6);border-radius:10px;border-radius:var(--radius-md,10px);color:#6c757d;color:var(--color-text-muted,#6c757d);padding:48px 20px;padding:var(--space-6,48px) var(--space-4,20px);text-align:center}.cust-coming-soon i{color:#dee2e6;color:var(--color-border,#dee2e6);display:block;font-size:32px;margin-bottom:12px}.cust-coming-soon p{font-size:14px;margin:0 auto;max-width:40ch}.cust-error,.cust-loading{font-size:15px;padding:40px 20px;padding:var(--space-6,40px) var(--space-4,20px);text-align:center}.cust-loading{color:#f0493e;color:var(--color-primary,#f0493e)}.cust-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;border-radius:var(--radius-md,6px);color:#721c24}@media (max-width:600px){.cust-header{flex-wrap:wrap}.cust-header-info h1{font-size:20px}.cust-timeline-header{align-items:flex-start;flex-direction:column}}.cust-tags-bar{margin:0 0 16px;margin:0 0 var(--space-4,16px)}.items-header{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--color-border,#e9ecef);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.items-header h1{color:#333;color:var(--color-text,#333);font-size:2rem;margin:0}.items-profit{border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-block;font-weight:600;padding:3px 9px}.items-profit.positive{background-color:#2ecc7126;color:#1d8348}.items-profit.negative{background-color:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.items-price-display{align-items:center;border-bottom:1px dashed #adb5bd;border-bottom:1px dashed var(--color-border,#adb5bd);cursor:pointer;display:inline-flex;gap:6px}.items-price-display:hover{color:#f0493e;color:var(--color-primary,#f0493e)}.items-price-pencil{color:#868e96;color:var(--color-text-muted,#868e96);font-size:.75em}.items-price-display:hover .items-price-pencil{color:#f0493e;color:var(--color-primary,#f0493e)}.items-price-edit-row{align-items:center;display:inline-flex;gap:4px}.items-price-currency{color:#868e96;color:var(--color-text-muted,#868e96)}.items-price-input{border:1px solid #f0493e;border:1px solid var(--color-primary,#f0493e);font-family:inherit;font-size:inherit;padding:2px 6px;width:90px}.items-price-btn,.items-price-input{border-radius:6px;border-radius:var(--radius-sm,6px)}.items-price-btn{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e9ecef;border:1px solid var(--color-border,#e9ecef);cursor:pointer;display:inline-flex;height:26px;justify-content:center;width:26px}.items-price-btn:disabled{cursor:default;opacity:.6}.items-price-btn-save{border-color:#2ecc7166;color:#1d8348}.items-price-btn-save:hover:not(:disabled){background:#2ecc711f}.items-price-btn-cancel{border-color:#f0493e4d;color:#f0493e;color:var(--color-primary,#f0493e)}.items-price-btn-cancel:hover:not(:disabled){background:#f0493e1a}.items-banner{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;gap:12px;gap:var(--space-3,12px);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:10px 14px}.items-banner-success{background:#2ecc711f;border:1px solid #2ecc7159}.items-banner-error{background:#f0493e1f;border:1px solid #f0493e59;color:#f0493e;color:var(--color-primary,#f0493e)}.items-banner-close{background:none;border:none;color:#868e96;color:var(--color-text-muted,#868e96);cursor:pointer;font-size:20px;line-height:1}.Settings_settingsPage__t79in{max-width:1100px}.Settings_settingsPage__t79in h1{color:#2c3e50;color:var(--color-text,#2c3e50);margin:0 0 8px;margin:0 0 var(--space-2,8px)}.Settings_sectionTitle__oihFY{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);color:#2c3e50;color:var(--color-text,#2c3e50);font-size:18px;margin:24px 0 8px;margin:var(--space-5,24px) 0 var(--space-2,8px);padding-top:16px;padding-top:var(--space-4,16px)}.Settings_sectionTitle__oihFY:first-of-type{border-top:none;margin-top:16px;margin-top:var(--space-4,16px);padding-top:0}.Settings_subsectionTitle__BxYRq{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:15px;margin:16px 0 8px;margin:var(--space-4,16px) 0 var(--space-2,8px)}.Settings_sectionIntro__XZiwO{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px;line-height:1.5;margin:0 0 12px;margin:0 0 var(--space-3,12px)}.Settings_card__EdDZI{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:22px;padding:var(--space-5,22px)}.Settings_grid__fN7a6{grid-gap:0 16px;grid-gap:0 var(--space-4,16px);display:grid;gap:0 16px;gap:0 var(--space-4,16px);grid-template-columns:1fr 1fr}@media (max-width:768px){.Settings_grid__fN7a6{grid-template-columns:1fr}}.Settings_message__rwuEt{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:14px;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.Settings_messageSuccess__xQ7g3{background-color:#2ecc7126;color:#1d8348}.Settings_messageError__\+gsH0{background-color:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.Settings_twoFactorRow__imrgU{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.Settings_badge__1tmGI{border-radius:999px;border-radius:var(--radius-pill,999px);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.Settings_badgeSuccess__apmDz{background-color:#2ecc7126;color:#1d8348}.Settings_badgeWarning__OYBaX{background-color:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.Settings_mutedText__QbTsA{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px}.Settings_infoNote__x5g7G{border-radius:4px;border-radius:var(--radius-sm,4px);margin:0 0 8px;margin:0 0 var(--space-2,8px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.Settings_infoNote__x5g7G,.Settings_warningNote__6iTpB{background-color:#f0493e0f;color:#2c3e50;color:var(--color-text,#2c3e50);font-size:12px}.Settings_warningNote__6iTpB{border-left:3px solid #f0493e;border-left:3px solid var(--color-primary,#f0493e);margin:0;padding:12px;padding:var(--space-3,12px)}.Settings_nestedForm__-CrLd{border-top:1px solid #e9ecef;border-top:1px solid var(--color-border,#e9ecef);display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);margin-top:16px;margin-top:var(--space-4,16px);padding-top:16px;padding-top:var(--space-4,16px)}.Settings_checkboxRow__kGIz5{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px);margin-bottom:12px;margin-bottom:var(--space-3,12px)}.Settings_checkboxRow__kGIz5 label{color:#2c3e50;color:var(--color-text,#2c3e50);font-weight:500}.Settings_signatureLayout__jsr51{grid-gap:16px;grid-gap:var(--space-4,16px);align-items:start;display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:1fr 1fr}@media (max-width:900px){.Settings_signatureLayout__jsr51{grid-template-columns:1fr}}.Settings_previewCard__tyRJm{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);box-sizing:border-box;padding:16px;padding:var(--space-4,16px)}.Settings_previewLabel__yLxpW{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;margin-bottom:var(--space-2,8px);text-transform:uppercase}.Settings_previewFrame__bPOu9{background:#f4f5f7;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);height:420px;width:100%}.transactions-header{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--color-border,#e9ecef);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.transactions-header h1{color:#333;color:var(--color-text,#333);font-size:2rem;margin:0}.transaction-amount{border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-block;font-weight:600;padding:3px 9px}.transaction-amount.positive{background-color:#2ecc7126;color:#1d8348}.transaction-amount.negative{background-color:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.tickets-header{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--color-border,#e9ecef);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.tickets-header h1{color:#333;color:var(--color-text,#333);font-size:2rem;margin:0}.tickets-stats{display:flex;gap:16px;gap:var(--space-4,16px)}.stat{background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:6px;border-radius:var(--radius-sm,6px);color:#495057;color:var(--color-text-muted,#495057);font-weight:500;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.stat,.tickets-view-toggle{border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6)}.tickets-view-toggle{border-radius:8px;border-radius:var(--radius-md,8px);display:inline-flex;margin-bottom:12px;margin-bottom:var(--space-3,12px);overflow:hidden}.view-toggle-btn{background:#fff;background:var(--color-white,#fff);border:none;color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;min-height:var(--tap-target-min,44px);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px)}.view-toggle-btn.active{background:#f0493e;background:var(--color-primary,#f0493e);color:#fff}.tickets-bulk-bar{align-items:center;background:#f0493e0f;border:1px solid #f0493e40;border-radius:8px;border-radius:var(--radius-md,8px);color:#333;color:var(--color-text,#333);display:flex;flex-wrap:wrap;font-weight:600;gap:12px;gap:var(--space-3,12px);margin-bottom:12px;margin-bottom:var(--space-3,12px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.tickets-overview-hint{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;margin:0 0 16px;margin:0 0 var(--space-4,16px)}.tickets-filters{background:#f8f9fa;background:var(--color-bg,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;border-radius:var(--radius-md,8px);flex-wrap:wrap;gap:16px;gap:var(--space-4,16px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:16px;padding:var(--space-4,16px)}.filter-group,.tickets-filters{align-items:center;display:flex}.filter-group{gap:8px;gap:var(--space-2,8px)}.filter-group label{color:#495057;color:var(--color-text-muted,#495057);font-weight:500;white-space:nowrap}.filter-select,.search-input{border:1px solid #ced4da;border:1px solid var(--color-border,#ced4da);border-radius:4px;border-radius:var(--radius-sm,4px);font-size:14px;min-height:44px;min-height:var(--tap-target-min,44px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.search-input{min-width:250px}.filter-select:focus,.search-input:focus{border-color:#f0493e;border-color:var(--color-primary,#f0493e);box-shadow:0 0 0 2px #f0493e33;outline:none}.subject-text{color:#333;color:var(--color-text,#333);font-weight:500;line-height:1.3;margin-bottom:4px}.description-preview{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:12px;font-style:italic;line-height:1.4}.priority-badge,.status-badge{border-radius:var(--radius-pill,12px)}.error{border-radius:var(--radius-md,6px);color:#721c24;font-size:16px;padding:40px 20px;padding:var(--space-5,40px) var(--space-4,20px);text-align:center}@media (max-width:768px){.tickets-filters{align-items:stretch;flex-direction:column}.search-input{min-width:100%}}.ticket-detail-container{margin:0 auto;max-width:1400px;padding:20px}.ticket-detail-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-left{align-items:center;display:flex;gap:20px}.header-left h1{color:#333;font-size:2rem;margin:0}.header-right{align-items:center;display:flex;gap:10px}.back-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:background-color .2s}.back-btn:hover{background:#5a6268}.collision-banner{align-items:center;background:#f0493e14;border:1px solid #f0493e40;border-radius:8px;border-radius:var(--radius-md,8px);color:#333;color:var(--color-text,#333);display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 16px}.collision-banner i{color:#f0493e;color:var(--color-primary,#f0493e)}.ticket-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-bottom:40px}.info-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.info-card h2{color:#333;font-size:1.5rem;line-height:1.3;margin:0 0 20px}.info-card h3{color:#495057;font-size:1.2rem;margin:0 0 15px}.ticket-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.meta-item{align-items:center;color:#495057;display:flex;font-size:14px;gap:10px}.meta-item i{color:#6c757d;text-align:center;width:16px}.ticket-description h3{color:#495057;font-size:1.1rem;margin-bottom:10px}.ticket-description p{color:#333;line-height:1.6;margin:0;white-space:pre-wrap}.info-list{display:flex;flex-direction:column;gap:15px}.info-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#495057;font-size:14px;font-weight:600}.info-item span{color:#333;font-size:14px}.reply-section{margin-bottom:30px}.reply-type-toggle{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px}.reply-type-toggle label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:6px}.canned-response-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.canned-response-select{flex:1 1;min-width:160px;padding:6px 10px}.canned-response-manage-btn,.canned-response-select{border:1px solid #dee2e6;border-radius:4px;border-radius:var(--radius-sm,4px);color:#495057;font-size:13px;min-height:44px;min-height:var(--tap-target-min,44px)}.canned-response-manage-btn{background:none;cursor:pointer;padding:6px 14px;white-space:nowrap}.canned-response-manage-btn:hover{border-color:#f0493e;border-color:var(--color-primary,#f0493e);color:#f0493e;color:var(--color-primary,#f0493e)}.canned-response-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:260px;overflow-y:auto}.canned-response-empty{color:#6c757d;font-size:14px;margin:0}.canned-response-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.canned-response-item-title{color:#333;font-size:13px;font-weight:600;margin-bottom:3px}.canned-response-item-body{color:#6c757d;font-size:12px;white-space:pre-wrap}.canned-response-form{border-top:1px solid #e9ecef;padding-top:16px}.reply-textarea{border:1px solid #dee2e6;border-radius:4px;border-radius:var(--radius-sm,4px);box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.reply-textarea:focus{border-color:#f0493e;border-color:var(--color-primary,#f0493e);box-shadow:0 0 0 2px #f0493e33;outline:none}.internal-note .activity-content{background:#fff9e6;border-color:#ffe8a1}.activities-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a}.section-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:25px 25px 20px}.section-header h2{align-items:center;color:#333;display:flex;font-size:1.4rem;gap:10px;margin:0}.loading-spinner,.section-header i{color:#f0493e;color:var(--color-primary,#f0493e)}.loading-spinner{font-size:14px;font-style:italic}.activities-container{padding:25px}.activity-loading,.no-activities{color:#6c757d;padding:40px 20px;text-align:center}.no-activities i{color:#dee2e6;font-size:48px;margin-bottom:15px}.no-activities p{font-style:italic;margin:0}.activities-timeline{position:relative}.activities-timeline:before{background:#e9ecef;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.activity-item{display:flex;gap:15px;margin-bottom:30px;position:relative}.activity-item:last-child{margin-bottom:0}.activity-avatar{align-items:center;background:#f0493e;background:var(--color-primary,#f0493e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.activity-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1 1;padding:20px}.activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.activity-author{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.activity-author strong{color:#333;font-size:15px}.activity-type{background:#e9ecef;color:#495057;font-size:12px;font-weight:500;text-transform:capitalize}.activity-type,.internal-badge{border-radius:12px;padding:2px 8px}.internal-badge{background:#ffc107;color:#212529;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.activity-date{color:#6c757d;font-size:13px;white-space:nowrap}.activity-description{color:#333;line-height:1.6;margin-bottom:15px;white-space:pre-wrap}.activity-attachments{border-top:1px solid #dee2e6;margin-top:15px;padding-top:15px}.activity-attachments h4{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px;margin:0 0 10px}.attachments-list{list-style:none;margin:0;padding:0}.attachment-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;font-size:14px;gap:8px;margin-bottom:8px;padding:8px 12px}.attachment-item:last-child{margin-bottom:0}.attachment-item i{color:#6c757d}.attachment-size{color:#6c757d;font-size:12px;margin-left:auto}.priority-badge,.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-open{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status-in-progress{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-resolved{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-closed{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-cancelled{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-default{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057}.status-pending{background-color:#e2d9f3;border:1px solid #d3c5ea;color:#4a2a82}.priority-select,.status-select{border:none;cursor:pointer;font-family:inherit;min-height:44px;min-height:var(--tap-target-min,44px);padding:6px 10px}.priority-high{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.priority-medium{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.priority-low{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.priority-default{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.error,.loading{font-size:18px;padding:40px 20px;text-align:center}.loading{color:#f0493e;color:var(--color-primary,#f0493e)}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin:20px}@media (max-width:992px){.ticket-info-grid{gap:20px;grid-template-columns:1fr}.ticket-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.header-right{align-self:stretch;justify-content:flex-start}}@media (max-width:768px){.ticket-detail-container{padding:10px}.activities-container,.info-card{padding:20px}.section-header{padding:20px 20px 15px}.activity-item{gap:10px}.activity-content{padding:15px}.activities-timeline:before{left:15px}.activity-avatar{font-size:12px;height:35px;width:35px}}@media (max-width:576px){.header-left{align-items:flex-start;flex-direction:column;gap:10px}.header-left h1{font-size:1.5rem}.ticket-meta{gap:8px}.meta-item{font-size:13px}.activity-header{align-items:flex-start;flex-direction:column;gap:8px}.activity-author{gap:8px}.info-item{align-items:flex-start;flex-direction:column;gap:5px}}.leads-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.leads-header,.leads-header-controls{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.leads-header-controls select{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:4px;border-radius:var(--radius-sm,4px);min-height:44px;min-height:var(--tap-target-min,44px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.leads-digest-toggle{align-items:center;color:#6c757d;color:var(--color-text-muted,#6c757d);display:flex;font-size:13px;gap:8px;gap:var(--space-2,8px)}.leads-digest-toggle,.leads-view-toggle{margin-bottom:12px;margin-bottom:var(--space-3,12px)}.leads-view-toggle{border:1px solid #dee2e6;border:1px solid var(--color-border,#dee2e6);border-radius:8px;border-radius:var(--radius-md,8px);display:inline-flex;overflow:hidden}.lead-view-toggle-btn{background:#fff;background:var(--color-white,#fff);border:none;color:#6c757d;color:var(--color-text-muted,#6c757d);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;min-height:var(--tap-target-min,44px);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px)}.lead-view-toggle-btn.active{background:#f0493e;background:var(--color-primary,#f0493e);color:#fff}.leads-overview-hint{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;margin:0 0 16px;margin:0 0 var(--space-4,16px)}.lead-priority-pill,.lead-status-pill,.lead-urgency-pill{border-radius:12px;border-radius:var(--radius-pill,12px);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.lead-urgency-overdue{background-color:#f0493e24}.lead-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px)}.lead-detail-container{margin:0 auto;max-width:1400px;padding:20px}.lead-detail-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:20px}.lead-header-left{align-items:center;display:flex;gap:20px}.lead-header-left h1{color:#333;font-size:1.8rem;margin:0}.lead-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lead-back-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;min-height:44px;min-height:var(--tap-target-min,44px);padding:10px 16px}.lead-back-btn:hover{background:#5a6268}.lead-urgency-banner{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:12px 16px}.lead-urgency-overdue{background-color:#f0493e1a;border:1px solid #f0493e4d;color:#c0392b}.lead-urgency-today{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.lead-urgency-upcoming{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.lead-urgency-none{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.lead-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:24px}@media (max-width:992px){.lead-info-grid{grid-template-columns:1fr}}.lead-info-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:20px;padding:22px}.lead-info-card h3{color:#495057;font-size:1.1rem;margin:0 0 16px}.lead-meta{display:flex;flex-direction:column;gap:10px}.lead-meta-item{align-items:center;color:#495057;display:flex;font-size:14px;gap:10px}.lead-meta-item i{color:#6c757d;text-align:center;width:16px}.lead-notes{border-top:1px solid #f1f3f5;margin-top:18px;padding-top:18px}.lead-notes h4{color:#6c757d;font-size:13px;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.lead-notes p{color:#333;font-size:14px;margin:0;white-space:pre-wrap}.lead-log-row{grid-gap:0 16px;display:grid;gap:0 16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.lead-log-row{grid-template-columns:1fr}}.lead-activities-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #00000014}.lead-section-header{border-bottom:1px solid #e9ecef;padding:22px 22px 16px}.lead-section-header h2{align-items:center;color:#333;display:flex;font-size:1.3rem;gap:10px;margin:0}.lead-section-header i{color:#f0493e;color:var(--color-primary,#f0493e)}.lead-activities-container{padding:22px}.lead-no-activities{color:#6c757d;padding:30px 20px;text-align:center}.lead-no-activities i{color:#dee2e6;font-size:40px;margin-bottom:12px}.lead-activities-timeline{position:relative}.lead-activity-item{display:flex;gap:14px;margin-bottom:24px}.lead-activity-item:last-child{margin-bottom:0}.lead-activity-avatar{align-items:center;background:#f0493e;background:var(--color-primary,#f0493e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:38px;justify-content:center;width:38px}.lead-activity-status-change .lead-activity-avatar{background:#6c757d}.lead-activity-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1 1;padding:16px}.lead-activity-status-change .lead-activity-content{background:#0000;border-style:dashed}.lead-activity-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:8px}.lead-activity-author{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lead-activity-author strong{color:#333;font-size:14px}.lead-activity-type{background:#e9ecef;border-radius:12px;color:#495057;font-size:11px;font-weight:500;padding:2px 8px}.lead-activity-date{color:#6c757d;font-size:12px;white-space:nowrap}.lead-activity-description{color:#333;font-size:14px;line-height:1.5;white-space:pre-wrap}.lead-priority-badge,.lead-status-badge{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;min-height:44px;min-height:var(--tap-target-min,44px);padding:4px 8px;text-transform:uppercase}.lead-status-new{background-color:#d1ecf1;color:#0c5460}.lead-status-contacted{background-color:#fff3cd;color:#856404}.lead-status-qualified{background-color:#e2d9f3;color:#4a2a82}.lead-status-proposal_sent{background-color:#ffe5d0;color:#a34e00}.lead-status-converted{background-color:#d4edda;color:#155724}.lead-status-lost{background-color:#e2e3e5;color:#383d41}.lead-priority-high{background-color:#f8d7da;color:#721c24}.lead-priority-medium{background-color:#fff3cd;color:#856404}.lead-priority-low{background-color:#d4edda;color:#155724}.lead-error,.lead-loading{font-size:16px;padding:40px 20px;text-align:center}.lead-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin:20px}.lead-stats-page{max-width:1100px}.lead-stats-intro{color:#6c757d;color:var(--color-text-muted,#6c757d);line-height:1.5;margin:0 0 24px;margin:0 0 var(--space-5,24px);max-width:65ch}.lead-stats-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px;margin-bottom:var(--space-5,24px)}.lead-stats-card{align-items:center;background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm,0 1px 3px #0000000f);display:flex;gap:12px;gap:var(--space-3,12px);padding:18px;padding:var(--space-4,18px)}.lead-stats-card-icon{align-items:center;background:#f0493e1a;border-radius:10px;border-radius:var(--radius-md,10px);color:#f0493e;color:var(--color-primary,#f0493e);display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.lead-stats-card-value{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:22px;font-weight:700;line-height:1.2}.lead-stats-card-label{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;margin-top:2px}.lead-stats-panels{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:1fr 1fr}@media (max-width:900px){.lead-stats-panels{grid-template-columns:1fr}}.lead-stats-panel{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);padding:22px;padding:var(--space-5,22px)}.lead-stats-panel h2{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:16px;margin:0 0 16px;margin:0 0 var(--space-4,16px)}.lead-stats-empty{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px;margin:0}.lead-stats-bars{display:flex;flex-direction:column;gap:10px}.lead-stats-bar-row{align-items:center;display:flex;gap:10px}.lead-stats-bar-label{color:#6c757d;color:var(--color-text-muted,#6c757d);flex-shrink:0;font-size:13px;width:100px}.lead-stats-bar-track{background:#f1f3f5;background:var(--color-bg,#f1f3f5);border-radius:999px;flex:1 1;height:10px;overflow:hidden}.lead-stats-bar{background:#f0493e;background:var(--color-primary,#f0493e);border-radius:999px;height:100%}.lead-stats-bar-alt{background:#4a90d9}.lead-stats-bar-count{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;text-align:right;width:24px}.lead-stats-leaderboard{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.lead-stats-leaderboard li{align-items:center;background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:6px;border-radius:var(--radius-sm,6px);color:#333;color:var(--color-text,#333);display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.lead-stats-leaderboard-count{color:#f0493e;color:var(--color-primary,#f0493e);font-weight:700}.lead-stats-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;border-radius:var(--radius-md,6px);color:#721c24;padding:40px 20px;padding:var(--space-5,40px) var(--space-4,20px);text-align:center}.mail-settings-page{max-width:800px}.mail-settings-intro{color:#6c757d;color:var(--color-text-muted,#6c757d);line-height:1.5;margin-bottom:24px;margin-bottom:var(--space-5,24px)}.mail-settings-grid{grid-gap:0 16px;grid-gap:0 var(--space-4,16px);display:grid;gap:0 16px;gap:0 var(--space-4,16px);grid-template-columns:1fr 1fr}@media (max-width:768px){.mail-settings-grid{grid-template-columns:1fr}}.mail-settings-section-title{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);color:#2c3e50;color:var(--color-text,#2c3e50);font-size:18px;margin:24px 0 8px;margin:var(--space-5,24px) 0 var(--space-2,8px);padding-top:16px;padding-top:var(--space-4,16px)}.mail-settings-toggle{margin:8px 0 16px;margin:var(--space-2,8px) 0 var(--space-4,16px)}.mail-settings-toggle-nested{margin-left:24px;margin-left:var(--space-5,24px)}.mail-settings-toggle label{align-items:center;display:flex;font-weight:500;gap:8px;gap:var(--space-2,8px)}.mail-settings-logo-preview{background-color:#212529;border-radius:4px;border-radius:var(--radius-sm,4px);display:inline-block;margin:0 0 16px;margin:0 0 var(--space-4,16px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.mail-settings-logo-preview img{display:block;height:28px;width:auto}.mail-settings-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px)}.mail-settings-result{border-radius:4px;border-radius:var(--radius-sm,4px);margin-top:16px;margin-top:var(--space-4,16px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.result-success{background-color:#2ecc7126;color:#1d8348}.result-error{background-color:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.result-info{background-color:#f8f9fa;background-color:var(--color-bg,#f8f9fa);color:#333;color:var(--color-text,#333)}.mail-settings-last-checked{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;margin-top:12px;margin-top:var(--space-3,12px)}.blocklist-page{max-width:1000px}.blocklist-header{align-items:flex-start;display:flex;gap:16px;gap:var(--space-4,16px);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-5,24px)}.blocklist-header h1{margin:0 0 4px}.blocklist-intro{color:#6c757d;color:var(--color-text-muted,#6c757d);line-height:1.5;margin:0;max-width:60ch}.blocklist-badge{border-radius:12px;border-radius:var(--radius-pill,12px);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.blocklist-badge-blacklist{background-color:#f0493e24;color:#f0493e;color:var(--color-primary,#f0493e)}.blocklist-badge-whitelist{background-color:#2ecc7126;color:#1d8348}.blocklist-error{background-color:#f0493e24;border-radius:4px;border-radius:var(--radius-sm,4px);color:#f0493e;color:var(--color-primary,#f0493e);font-size:14px;margin-bottom:12px;margin-bottom:var(--space-3,12px);padding:12px;padding:var(--space-3,12px)}@media (max-width:768px){.blocklist-header{align-items:stretch;flex-direction:column}}.stats-page{max-width:1100px}.stats-intro{color:#6c757d;color:var(--color-text-muted,#6c757d);line-height:1.5;margin:0 0 24px;margin:0 0 var(--space-5,24px);max-width:65ch}.stats-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px;margin-bottom:var(--space-5,24px)}.stats-card{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm,0 1px 3px #0000000f);gap:12px;gap:var(--space-3,12px);padding:18px;padding:var(--space-4,18px)}.stats-card,.stats-card-icon{align-items:center;display:flex}.stats-card-icon{background:#f0493e1a;border-radius:10px;border-radius:var(--radius-md,10px);color:#f0493e;color:var(--color-primary,#f0493e);flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.stats-card-value{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:24px;font-weight:700;line-height:1.2}.stats-card-label{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;margin-top:2px}.stats-panels{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:1fr 1fr}.stats-panel{background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);padding:22px;padding:var(--space-5,22px)}.stats-panel h2{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:16px;margin:0 0 16px;margin:0 0 var(--space-4,16px)}.stats-empty{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:14px;margin:0}.stats-leaderboard{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.stats-leaderboard li{align-items:center;background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:6px;border-radius:var(--radius-sm,6px);color:#333;color:var(--color-text,#333);display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.stats-leaderboard-count{color:#f0493e;color:var(--color-primary,#f0493e);font-weight:700}.stats-satisfaction-summary{align-items:baseline;display:flex;gap:8px;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.stats-satisfaction-avg{color:#2c3e50;color:var(--color-text,#2c3e50);font-size:34px;font-weight:700}.stats-satisfaction-out-of{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px}.stats-distribution{display:flex;flex-direction:column;gap:8px}.stats-distribution-row{align-items:center;display:flex;gap:10px}.stats-distribution-label{color:#6c757d;color:var(--color-text-muted,#6c757d);flex-shrink:0;font-size:13px;width:40px}.stats-distribution-label i{color:#f0493e;color:var(--color-primary,#f0493e);font-size:11px}.stats-distribution-bar-track{background:#f1f3f5;background:var(--color-bg,#f1f3f5);border-radius:999px;flex:1 1;height:10px;overflow:hidden}.stats-distribution-bar{background:#f0493e;background:var(--color-primary,#f0493e);border-radius:999px;height:100%}.stats-distribution-count{color:#6c757d;color:var(--color-text-muted,#6c757d);font-size:13px;text-align:right;width:20px}.stats-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;border-radius:var(--radius-md,6px);color:#721c24;padding:40px 20px;padding:var(--space-5,40px) var(--space-4,20px);text-align:center}@media (max-width:768px){.stats-panels{grid-template-columns:1fr}}.audit-logs-page{max-width:1200px}.audit-logs-intro{color:#6c757d;color:var(--color-text-muted,#6c757d);line-height:1.5;margin:0 0 24px;margin:0 0 var(--space-5,24px);max-width:65ch}.audit-filters{align-items:flex-end;background:#fff;background:var(--color-white,#fff);border:1px solid #eef0f2;border:1px solid var(--color-border,#eef0f2);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4,16px);margin-bottom:24px;margin-bottom:var(--space-5,24px);padding:18px;padding:var(--space-4,18px)}.audit-filters-actions{display:flex;gap:12px;gap:var(--space-3,12px);padding-bottom:2px}.audit-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.audit-badge-success{background:#2f7a4f1f;color:#2f7a4f}.audit-badge-warning{background:#a9711e24;color:#a9711e}.audit-badge-danger{background:#c4362b1f;color:#c4362b}.audit-badge-info{background:#2e6e821f;color:#2e6e82}.audit-badge-default{background:#f1f3f5;background:var(--color-bg,#f1f3f5);color:#6c757d;color:var(--color-text-muted,#6c757d)}.audit-details summary{color:#f0493e;color:var(--color-primary,#f0493e);cursor:pointer;font-size:13px;font-weight:600}.audit-details pre{background:#f8f9fa;background:var(--color-bg,#f8f9fa);border-radius:6px;border-radius:var(--radius-sm,6px);font-size:12px;margin-top:8px;max-width:360px;overflow-x:auto;padding:10px}.audit-pagination{align-items:center;color:#6c757d;color:var(--color-text-muted,#6c757d);display:flex;font-size:14px;gap:16px;gap:var(--space-4,16px);justify-content:center;margin-top:16px;margin-top:var(--space-4,16px)}.audit-logs-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;border-radius:var(--radius-md,6px);color:#721c24;padding:40px 20px;padding:var(--space-5,40px) var(--space-4,20px);text-align:center}.subscriptions-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.subscriptions-header h1{margin:0}.subscriptions-intro{color:var(--color-text-muted);margin:4px 0 0;max-width:60ch}.subscriptions-status-filter{margin-bottom:var(--space-4)}.subscriptions-status-filter-toggle{align-items:center;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px}.subscriptions-status-filter-toggle input{cursor:pointer}.subscriptions-status-filter-count{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.subscription-status{border-radius:var(--radius-pill);display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.subscription-status-active{background:#2ecc7126;color:#1e8449}.subscription-status-paused{background:#f1c40f2e;color:#9c7a09}.subscription-status-cancelled{background:var(--color-bg);color:var(--color-text-muted)}.subscription-form{display:flex;flex-direction:column;gap:var(--space-3)}.subscription-form-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.subscription-form input,.subscription-form select{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-family);font-size:14px;padding:9px 11px;width:100%}.subscription-form-error{color:var(--color-danger);font-size:13px}.subscription-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.quotes-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.quotes-header h1{margin:0}.quotes-intro{color:var(--color-text-muted);margin:4px 0 0;max-width:60ch}.quotes-banner{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding:10px 14px}.quotes-banner-success{background:#2ecc711f;border:1px solid #2ecc7159}.quotes-banner-error{background:#e74c3c1f;border:1px solid #e74c3c66;color:#c0392b}.quotes-banner-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:20px;line-height:1}.quotes-filter{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.quotes-filter select{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:14px;padding:7px 10px}.quote-status{border-radius:var(--radius-pill);display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.quote-status-draft{background:var(--color-bg);color:var(--color-text-muted)}.quote-status-sent{background:#3498db26;color:#1f6391}.quote-status-accepted{background:#2ecc7126;color:#1e8449}.quote-status-declined{background:#e74c3c26;color:#a93226}.quote-status-expired{background:#f1c40f2e;color:#9c7a09}.quote-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.quote-form{display:flex;flex-direction:column;gap:var(--space-3)}.quote-form-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quote-form input,.quote-form select,.quote-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-family);font-size:14px;padding:9px 11px;width:100%}.quote-lines{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--space-2);padding:var(--space-3)}.quote-lines,.quote-totals{display:flex;flex-direction:column}.quote-totals{align-self:flex-end;gap:4px;min-width:220px}.quote-totals div{display:flex;font-size:14px;gap:var(--space-4);justify-content:space-between}.quote-totals strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quote-totals-grand{border-top:1px solid var(--color-border);font-size:16px;padding-top:4px}.quote-form-error{color:var(--color-danger);font-size:13px}.quote-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.quote-locked-note{color:var(--color-text-muted);font-size:13px;margin:0}.quote-form input:disabled,.quote-form select:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.quote-item-search{position:relative}.quote-item-search label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.quote-item-list{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-sm);list-style:none;margin:4px 0 0;max-height:240px;overflow-y:auto;padding:0}.quote-item-list li+li{border-top:1px solid var(--color-border)}.quote-item-list button{grid-gap:var(--space-2);align-items:center;background:none;border:none;cursor:pointer;display:grid;font-family:var(--font-family);font-size:13px;gap:var(--space-2);grid-template-columns:90px 130px 1fr auto;padding:8px 10px;text-align:left;width:100%}.quote-item-list button:hover{background:var(--color-bg)}.quote-item-type{color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.quote-item-name{font-weight:600}.quote-item-desc{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-item-price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.quote-item-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:12px;margin-top:6px;text-decoration:underline}.quote-lines-empty{color:var(--color-text-muted);font-size:13px;margin:0}.quote-lines-table-wrap{overflow-x:auto}.quote-lines-table{border-collapse:collapse;font-size:13px;width:100%}.quote-lines-table th{color:var(--color-text-muted);font-size:11px;letter-spacing:.04em;padding:4px 6px;text-align:left;text-transform:uppercase;white-space:nowrap}.quote-lines-table td{border-top:1px solid var(--color-border);padding:5px 6px;vertical-align:top}.quote-lines-table input{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-family);font-size:13px;min-width:64px;padding:6px 8px;width:100%}.quote-lines-table td[data-label=Remarks] input{min-width:150px}.quote-line-name{font-weight:600}.quote-line-desc{color:var(--color-text-muted);font-size:12px}.quote-line-loss{color:var(--color-danger);font-weight:600}.quote-remarks{display:flex;flex-direction:column;gap:2px;min-width:190px}.quote-remarks-input{align-items:stretch;display:flex}.quote-remarks-input input{border-bottom-right-radius:0;border-top-right-radius:0}.quote-remarks-tld{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-bottom-right-radius:var(--radius-sm);border-left:none;border-top-right-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;font-size:12px;font-weight:600;padding:0 8px;white-space:nowrap}.quote-remarks-ok{color:#1e8449;font-size:11px}.quote-remarks-warn{color:#9c7a09;font-size:11px}.uptime-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.uptime-header h1{margin:0}.uptime-intro{color:var(--color-text-muted);margin:4px 0 0;max-width:70ch}.uptime-error{color:var(--color-danger);font-size:13px;margin-bottom:var(--space-3)}.uptime-summary{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:var(--space-4)}.uptime-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;padding:var(--space-3)}.uptime-card-value{font-feature-settings:"tnum";font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.uptime-card-label{color:var(--color-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.uptime-card-up .uptime-card-value{color:#1e8449}.uptime-card-down{background:#e74c3c0f;border-color:#e74c3c80}.uptime-card-down .uptime-card-value{color:#a93226}.uptime-site{align-items:flex-start;display:flex;gap:var(--space-2)}.uptime-dot{border-radius:50%;flex-shrink:0;height:9px;margin-top:6px;width:9px}.uptime-dot-up{background:#2ecc71}.uptime-dot-down{background:#e74c3c}.uptime-dot-pending{background:var(--color-text-muted)}.uptime-host{font-weight:600}.uptime-reason{color:var(--color-danger);font-size:12px}.uptime-badge{border-radius:var(--radius-pill);display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;text-transform:capitalize}.uptime-badge-up{background:#2ecc7126;color:#1e8449}.uptime-badge-down{background:#e74c3c26;color:#a93226}.uptime-badge-pending,.uptime-badge-resolved{background:var(--color-bg);color:var(--color-text-muted)}.uptime-good{color:#1e8449;font-weight:600}.uptime-warn{color:#9c7a09;font-weight:600}.uptime-bad{color:#a93226;font-weight:600}.uptime-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.uptime-detail h4{margin:var(--space-3) 0 var(--space-2)}.uptime-detail h4:first-child{margin-top:0}.uptime-none{color:var(--color-text-muted);font-size:13px;margin:0}.uptime-outages{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.uptime-outages li{grid-gap:var(--space-2);align-items:center;border-bottom:1px solid var(--color-border);display:grid;font-size:13px;gap:var(--space-2);grid-template-columns:90px 1fr auto auto;padding:4px 0}.uptime-outage-len{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.uptime-outage-err{color:var(--color-text-muted);font-size:12px}.uptime-checks{display:flex;flex-wrap:wrap;gap:2px}.uptime-tick{background:var(--color-border);border-radius:2px;height:22px;width:10px}.uptime-tick.is-up{background:#2ecc71}.uptime-tick.is-down{background:#e74c3c}@media (max-width:640px){.uptime-outages li{grid-template-columns:1fr auto}}.cpanel-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.cpanel-header h1{margin:0}.cpanel-intro{color:var(--color-text-muted);margin:4px 0 0;max-width:70ch}.cpanel-error{color:var(--color-danger);font-size:13px;margin-bottom:var(--space-3)}.cpanel-summary{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:var(--space-4)}.cpanel-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;padding:var(--space-3)}.cpanel-card-value{font-feature-settings:"tnum";font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.cpanel-card-label{color:var(--color-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.cpanel-card-maxed{background:#e74c3c0f;border-color:#e74c3c80}.cpanel-card-maxed .cpanel-card-value{color:#a93226}.cpanel-account{align-items:flex-start;display:flex;gap:var(--space-2)}.cpanel-dot{border-radius:50%;flex-shrink:0;height:9px;margin-top:6px;width:9px}.cpanel-dot-ok{background:#2ecc71}.cpanel-dot-warn{background:#f1c40f}.cpanel-dot-maxed{background:#e74c3c}.cpanel-dot-error,.cpanel-dot-unknown{background:var(--color-text-muted)}.cpanel-domain{font-weight:600}.cpanel-username{color:var(--color-text-muted);font-size:12px}.cpanel-suspended-tag{background:var(--color-bg);border-radius:var(--radius-pill);font-size:11px;letter-spacing:.03em;margin-left:6px;padding:1px 6px;text-transform:uppercase}.cpanel-reason{color:var(--color-danger);font-size:12px}.cpanel-badge{border-radius:var(--radius-pill);display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;text-transform:capitalize}.cpanel-badge-ok{background:#2ecc7126;color:#1e8449}.cpanel-badge-warn{background:#f1c40f2e;color:#9c7a09}.cpanel-badge-maxed{background:#e74c3c26;color:#a93226}.cpanel-badge-error,.cpanel-badge-unknown{background:var(--color-bg);color:var(--color-text-muted)}.cpanel-badge-spike{background:#9b59b626;color:#7d3c98;margin-left:6px}.cpanel-card-spiking{background:#9b59b60f;border-color:#9b59b680}.cpanel-card-spiking .cpanel-card-value{color:#7d3c98}.cpanel-nproc{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cpanel-nproc-ok{color:#1e8449;font-weight:600}.cpanel-nproc-warn{color:#9c7a09;font-weight:600}.cpanel-nproc-maxed{color:#a93226;font-weight:700}.cpanel-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.cpanel-detail-windows{display:flex;gap:4px;margin-bottom:var(--space-3)}.cpanel-window-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:12px;padding:4px 10px}.cpanel-window-btn.is-active{background:var(--color-bg);color:var(--color-text);font-weight:600}.cpanel-detail-stats{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:var(--space-3)}.cpanel-stat{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3)}.cpanel-stat-value{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.cpanel-stat-label{color:var(--color-text-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.cpanel-none{color:var(--color-text-muted);font-size:13px;margin:0}.cpanel-bars{align-items:flex-end;border-bottom:1px solid var(--color-border);display:flex;gap:2px;height:120px;padding-top:var(--space-2)}.cpanel-bar{background:var(--color-border);border-radius:2px 2px 0 0;flex:1 1;min-width:2px}.cpanel-bar-ok{background:#2ecc71}.cpanel-bar-warn{background:#f1c40f}.cpanel-bar-maxed{background:#e74c3c}.cpanel-bar-unknown{background:var(--color-border)}.hosting-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.hosting-header h1{margin:0}.hosting-intro{color:var(--color-text-muted);margin:4px 0 0;max-width:70ch}.hosting-banner{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding:10px 14px}.hosting-banner-success{background:#2ecc711f;border:1px solid #2ecc7159}.hosting-banner-error{background:#e74c3c1f;border:1px solid #e74c3c66;color:#c0392b}.hosting-banner-close{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;line-height:1}.hosting-section{margin-bottom:var(--space-5)}.hosting-section h2{align-items:center;display:flex;font-size:16px;gap:var(--space-2);margin:0 0 var(--space-3)}.hosting-count{align-items:center;background:#e74c3c26;border-radius:var(--radius-pill);color:#a93226;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.hosting-domain{font-weight:600}.hosting-username{color:var(--color-text-muted);font-size:12px}.hosting-link-summary{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:13px;gap:4px;margin-bottom:var(--space-3)}.status-badge{border-radius:12px;border-radius:var(--radius-pill,12px);display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.status-active{background-color:#d4edda;color:#155724}.status-suspended{background-color:#f8d7da;color:#721c24}.portal-shell{background:var(--color-bg);font-family:var(--font-family);min-height:100vh}.portal-impersonation-banner{align-items:center;background:#fff3cd;border-bottom:1px solid #ffe69c;color:#856404;display:flex;font-size:13px;gap:var(--space-4);justify-content:center;padding:var(--space-2) var(--space-5)}.portal-impersonation-banner button{background:#856404;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px}.portal-impersonation-banner button:hover{opacity:.85}.portal-header{background:var(--color-white);border-bottom:1px solid var(--color-border);gap:var(--space-6);height:64px;padding:0 var(--space-5)}.portal-header,.portal-logo{align-items:center;display:flex}.portal-logo img{display:block;height:34px;width:34px}.portal-nav{display:flex;flex:1 1;gap:var(--space-5)}.portal-nav a{border-bottom:2px solid #0000;color:var(--color-text-muted);font-size:14px;font-weight:600;padding:var(--space-2) 0;text-decoration:none}.portal-nav a.active,.portal-nav a:hover{border-bottom-color:var(--color-primary);color:var(--color-text)}.portal-user{align-items:center;color:var(--color-text);display:flex;font-size:14px;gap:var(--space-4)}.portal-user button{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:13px;padding:6px 14px}.portal-user button:hover{border-color:var(--color-primary);color:var(--color-primary)}.portal-content{margin:0 auto;max-width:900px;padding:var(--space-6) var(--space-5)}@media (max-width:768px){.portal-header{flex-wrap:wrap;gap:var(--space-3);height:auto;padding:var(--space-3) var(--space-4)}.portal-nav{gap:var(--space-4);order:3;width:100%}}.portal-home-intro{color:var(--color-text-muted);margin:4px 0 var(--space-6)}.portal-alert-banner{background:#e74c3c14;border:1px solid #e74c3c59;border-radius:var(--radius-sm);color:#a93226;display:block;font-weight:600;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);text-decoration:none}.portal-alert-banner:hover{background:#e74c3c24}.portal-status-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:var(--space-6)}.portal-status-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:block;padding:var(--space-5);text-decoration:none;transition:box-shadow .15s ease,transform .15s ease}.portal-status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.portal-status-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.portal-status-card-head h2{color:var(--color-text);font-size:17px;margin:0}.portal-status-link{color:var(--color-text-muted);font-size:12px;font-weight:600}.portal-status-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.portal-status-list li{align-items:center;display:flex;font-size:14px;gap:var(--space-2)}.portal-status-list .cpanel-dot,.portal-status-list .uptime-dot{margin-top:0}.portal-status-name{color:var(--color-text);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-home-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.portal-home-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:block;padding:var(--space-5);text-decoration:none;transition:box-shadow .15s ease,transform .15s ease}.portal-home-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.portal-home-card h2{color:var(--color-text);font-size:17px;margin:0 0 6px}.portal-home-card p{color:var(--color-text-muted);font-size:14px;margin:0}.portal-status{background:#e9ecef;background:var(--color-bg-dark,#e9ecef);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.portal-status-paid{background:#2ecc7126;color:#1e8449}.portal-status-partially-paid,.portal-status-pending-payment{background:#f1c40f2e;color:#9c7a09}.portal-status-overdue{background:#e74c3c26;color:var(--color-danger)}.portal-status-draft{background:var(--color-bg);color:var(--color-text-muted)}.portal-tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.portal-tickets-header h1{margin:0}.portal-new-ticket{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-5)}.portal-new-ticket input,.portal-new-ticket textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-family);font-size:14px;padding:10px 12px;width:100%}.portal-form-error{color:var(--color-danger);font-size:13px}.portal-ticket-status{background:var(--color-bg);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.portal-ticket-status-in_progress,.portal-ticket-status-open{background:#3498db26;color:#1f618d}.portal-ticket-status-pending{background:#f1c40f2e;color:#9c7a09}.portal-ticket-status-closed,.portal-ticket-status-resolved{background:#2ecc7126;color:#1e8449}.portal-back-link{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:13px;margin-bottom:var(--space-4);padding:0}.portal-back-link:hover{color:var(--color-primary)}.portal-ticket-meta{color:var(--color-text-muted);font-size:13px;margin:-8px 0 var(--space-5)}.portal-thread{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.portal-thread-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:80%;padding:var(--space-4)}.portal-thread-item-you{align-self:flex-end;background:#f0493e0f;border-color:#f0493e33}.portal-thread-author{color:var(--color-text-muted);font-size:12px;font-weight:700;margin-bottom:4px}.portal-thread-body{color:var(--color-text);font-size:14px;white-space:pre-wrap}.portal-thread-date{color:var(--color-text-muted);font-size:11px;margin-top:6px}.portal-reply-form{display:flex;flex-direction:column;gap:var(--space-3)}.portal-reply-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-family);font-size:14px;padding:10px 12px;width:100%}@media (max-width:768px){.portal-thread-item{max-width:100%}}
/*# sourceMappingURL=main.887c3e50.css.map*/