@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";*{margin:0;padding:0;box-sizing:border-box}.errmsg{color:#b22222}:root{--background-color: #333;--background-color-table: #222;--background-color-elevated: #222;--background-color-muted: #222;--background-color-elevated-hover: #444;--background-color-hover: #444;--background-color-active: #777;--text-color: #fff;--link-color: whitesmoke;--link-hover-color: rgba(245, 245, 245, .9);--button-background: #222;--button-background-hover: #444;--button-text: #fff;--table-header-background: #222;--table-header-color: #fff;--table-row-hover-background: #555;--table-border-color: #666;--label-text-color: #e0e0e0;--accent-color: #007bff;--accent-color-hover: #0056b3;--welcome-button-color: #6969be;--transparent-background: rgba(255, 255, 255, .1);--zebra-stripe-color: rgba(255, 255, 255, .05);--input-background: #333;--input-focus-background: #555;--field-background: var(--input-background);--highlight-background: #f0f0f0;--highlight-foreground: #000;--focus-ring-color: #007bff;--background-popover: #333;--background-popover-header: #222;--active-button-background: #007bff;--background-multi-select: #333;--background-multi-select-hover: #444;--border-color: #fff;--border-color-half-soft: #888;--border-color-soft: #666;--box-shadow-elevated: 0 10px 20px rgba(0, 0, 0, .4), 0 6px 6px rgba(0, 0, 0, .3)}[data-theme=light]{--background-color: #fff;--background-color-table: #eee;--background-color-elevated: #ddd;--background-color-elevated-hover: #ccc;--background-color-muted: #e0e0e0;--background-color-hover: #ddd;--background-color-active: #777;--text-color: #000;--link-color: #0000ee;--link-hover-color: #551a8b;--button-background: #ddd;--button-background-hover: #ccc;--button-text: #000;--table-header-background: #ddd;--table-header-color: #000;--table-row-hover-background: #ddd;--table-border-color: #ddd;--label-text-color: #000;--accent-color: #007bff;--accent-color-hover: #0056b3;--welcome-button-color: #0000ee;--transparent-background: rgba(0, 0, 0, .1);--zebra-stripe-color: whitesmoke;--input-background: #fff;--input-focus-background: #f5f5f5;--field-background: var(--input-background);--highlight-background: #f0f0f0;--highlight-foreground: #000;--focus-ring-color: #007bff;--background-popover: #fff;--background-popover-header: #f0f0f0;--active-button-background: #007bff;--background-multi-select: #fff;--background-multi-select-hover: #f0f0f0;--border-color: #000;--border-color-half-soft: #aaa;--border-color-soft: #ccc;--box-shadow-elevated: 0 10px 20px rgba(0, 0, 0, .1), 0 6px 6px rgba(0, 0, 0, .08)}[data-theme=superdark]{--background-color: #000;--background-color-table: #111;--background-color-elevated: #111;--background-color-muted: #222;--background-color-elevated-hover: #333;--background-color-hover: #444;--background-color-active: #777;--text-color: #fff;--link-color: whitesmoke;--link-hover-color: rgba(245, 245, 245, .9);--button-background: #333;--button-background-hover: #444;--button-text: #fff;--table-header-background: #111;--table-header-color: #fff;--table-row-hover-background: #555;--table-border-color: #666;--label-text-color: #e0e0e0;--accent-color: #007bff;--accent-color-hover: #0056b3;--welcome-button-color: #313182;--transparent-background: rgba(255, 255, 255, .07);--zebra-stripe-color: rgba(255, 255, 255, .05);--input-background: #333;--input-focus-background: #555;--field-background: var(--input-background);--highlight-background: #f0f0f0;--highlight-foreground: #000;--focus-ring-color: #007bff;--background-popover: #333;--background-popover-header: #222;--active-button-background: #007bff;--background-multi-select: #333;--background-multi-select-hover: #444;--border-color: #fff;--border-color-half-soft: #888;--border-color-soft: #666;--box-shadow-elevated: 0 10px 20px rgba(0, 0, 0, .5), 0 6px 6px rgba(0, 0, 0, .4)}body{background:var(--background-color);color:var(--text-color);font:1.5rem Nunito,sans-serif;min-height:100vh}input,button{font:inherit}a:hover,a:focus{color:var(--link-hover-color)}button.theme-toggle{background-color:var(--button-background);color:var(--button-text);border:none;padding:.5em 1em;border-radius:5px;cursor:pointer}.public,.welcome,.users{display:flex;flex-direction:column;gap:1rem}.public main{flex-grow:1;border-top:2px solid #fff;border-bottom:2px solid #fff;padding:1rem}.users ul{list-style-type:none}.settings-panel{display:flex;flex-direction:column;gap:.75rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.settings-label{font-size:.8rem;color:var(--text-color);opacity:.7}.theme-selector{display:flex;gap:.25rem}.theme-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border-color-soft);border-radius:.375rem;background:var(--background-color);color:var(--text-color);opacity:.6;cursor:pointer;transition:all .15s ease}.theme-btn:hover{opacity:1;border-color:var(--accent-color)}.theme-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;opacity:1}.settings-toggles{display:flex;flex-wrap:wrap;gap:.375rem}.settings-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--border-color-soft);border-radius:.375rem;background:var(--background-color);color:var(--text-color);font-size:.75rem;cursor:pointer;transition:all .15s ease;opacity:.7}.settings-toggle:hover{opacity:1;border-color:var(--accent-color)}.settings-toggle.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;opacity:1}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;margin-top:.25rem;border:none;border-radius:.375rem;background:transparent;color:var(--text-color);font-size:.8rem;cursor:pointer;transition:all .15s ease;opacity:.7}.logout-btn:hover{background:#dc354520;color:#dc3545;opacity:1}.navbar-container{position:fixed;top:0;left:0;width:100%;height:60px;background:var(--background-color-elevated);box-shadow:0 2px 8px #0000001a;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.navbar-clickable-area{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease;z-index:1001}.navbar-clickable-area:hover{background-color:var(--background-color-hover)}.navbar-clickable-area.open{background-color:var(--accent-color)}.navbar-clickable-area.open .hamburger-icon{color:#fff}.hamburger-icon{color:var(--text-color);transition:color .2s ease}.navbar{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:var(--background-color-elevated);box-shadow:4px 0 12px #00000026;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:999;overflow-y:auto;padding:80px 0 2rem;display:flex;flex-direction:column;gap:0}.navbar.visible{transform:translate(0)}.navbar ul{list-style:none;padding:0;margin:0;width:100%}.navbar li{width:100%;margin:0}.navbar a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:var(--text-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s ease;position:relative}.navbar a svg{opacity:.7;flex-shrink:0}.navbar a:hover{background-color:var(--background-color-hover)}.navbar a:hover svg{opacity:1;color:var(--accent-color)}.navbar a:active{background-color:var(--transparent-background)}.navbar a.active{background-color:var(--accent-color);color:#fff}.navbar a.active svg{opacity:1;color:#fff}.navbar a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#fff}.navbar>.settings-panel{margin-top:auto;padding:1rem;border-top:1px solid var(--border-color-soft);background:var(--background-color)}main{margin-top:60px;margin-left:0;transition:margin-left .3s ease;min-width:0;position:relative}.navbar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.navbar-overlay.visible{opacity:1;visibility:visible}@media(min-width:769px){.navbar-container{width:60px;height:100vh;flex-direction:column;padding:1rem 0;justify-content:flex-start;box-shadow:2px 0 8px #0000001a}.navbar-clickable-area{width:100%;padding:.75rem;margin-bottom:.5rem}.navbar{position:fixed;top:0;left:60px;width:220px;height:100vh;padding:1rem 0;transform:translate(-100%);box-shadow:4px 0 12px #00000026}.navbar.visible{transform:translate(0)}.navbar-clickable-area.open{background-color:var(--accent-color)}.navbar a{padding:.75rem 1rem;font-size:.85rem}main{margin-top:0;margin-left:60px;transition:margin-left .3s ease}.navbar-overlay{display:none}}@media(min-width:1280px){.navbar-container{width:70px}.navbar{left:70px;width:240px}.navbar a{padding:.8rem 1.25rem;font-size:.9rem}main{margin-left:70px}}@media(min-width:1920px){.navbar-container{width:80px}.navbar{left:80px;width:260px}.navbar a{padding:.875rem 1.5rem;font-size:.95rem}main{margin-left:80px}}.navbar a:focus,.navbar-clickable-area:focus{outline:2px solid var(--accent-color);outline-offset:-2px}.navbar{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.navbar::-webkit-scrollbar{width:6px}.navbar::-webkit-scrollbar-track{background:transparent}.navbar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.navbar::-webkit-scrollbar-thumb:hover{background-color:var(--border-color-soft)}body.nav-open{overflow:hidden}@media(min-width:769px){body.nav-open{overflow:auto}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-color);padding:1rem}.login-container{display:flex;width:100%;max-width:900px;min-height:540px;border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px #00000014;background:var(--background-color-elevated)}.login-branding{flex:1;background:linear-gradient(135deg,var(--accent-color) 0%,#1e40af 100%);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.branding-content{position:relative;z-index:2}.brand-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.brand-subtitle{font-size:1rem;color:#ffffffd9;margin:0;font-weight:400}.branding-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.decoration-circle-1{width:300px;height:300px;top:-100px;right:-100px}.decoration-circle-2{width:200px;height:200px;bottom:-50px;left:-50px}.decoration-circle-3{width:100px;height:100px;bottom:30%;right:20%;background:#ffffff0d}.login-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--background-color-elevated)}.login-form-wrapper{width:100%;max-width:340px}.login-header{margin-bottom:2rem}.login-header h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.login-header p{font-size:.875rem;color:var(--label-text-color);margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-color)}.input-wrapper{display:flex;align-items:center;gap:.75rem}.input-icon{color:var(--label-text-color);flex-shrink:0;transition:color .2s ease}.input-wrapper input{flex:1;padding:.75rem 1rem;font-size:.9375rem;border:1px solid var(--border-color-soft);border-radius:.5rem;background:var(--input-background);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}.input-wrapper input::placeholder{color:var(--label-text-color);opacity:.6}.input-wrapper input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.input-wrapper:focus-within .input-icon{color:var(--accent-color)}.password-toggle{background:none;border:none;padding:.5rem;margin-left:-2.5rem;cursor:pointer;color:var(--label-text-color);display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.password-toggle:hover{color:var(--text-color)}.input-wrapper input.has-toggle{padding-right:2.5rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:18px;height:18px;border:1.5px solid var(--border-color-soft);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:var(--input-background)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background:var(--accent-color);border-color:var(--accent-color)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-label{font-size:.8125rem;color:var(--label-text-color)}.forgot-link{background:none;border:none;padding:0;font-size:.8125rem;color:var(--accent-color);cursor:pointer;transition:color .2s ease}.forgot-link:hover{color:var(--accent-color-hover);text-decoration:underline}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;margin-top:.5rem;font-size:.9375rem;font-weight:600;border:none;border-radius:.5rem;background:var(--accent-color);color:#fff;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.submit-btn:hover:not(:disabled){background:var(--accent-color-hover)}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;margin-bottom:.5rem}.message-error{background:#dc262614;border:1px solid rgba(220,38,38,.2);color:#dc2626}.message-success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#10b981}.spinning{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;background:var(--background-color-elevated);border-radius:.75rem;box-shadow:0 8px 32px #0000001f;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color)}.modal-close-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--label-text-color);display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease}.modal-close-btn:hover{color:var(--text-color);background:var(--background-color-muted)}.modal-form{padding:1.5rem}.modal-description{font-size:.875rem;color:var(--label-text-color);margin:0 0 1.25rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-actions button{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent-color);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--accent-color-hover)}.btn-secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-color-soft)}.btn-secondary:hover:not(:disabled){background:var(--background-color-muted)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.login-container{flex-direction:column;max-width:420px;min-height:auto}.login-branding{padding:2rem;min-height:140px}.brand-title{font-size:1.75rem}.brand-subtitle{font-size:.875rem}.decoration-circle-1{width:200px;height:200px;top:-80px;right:-80px}.decoration-circle-2{width:120px;height:120px;bottom:-40px;left:-40px}.login-form-container{padding:2rem}.login-header h2{font-size:1.25rem}}@media(max-width:480px){.login-page{padding:0}.login-container{border-radius:0;box-shadow:none;min-height:100vh}.login-branding{border-radius:0}.login-form-container{padding:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}[data-theme=dark] .login-container,[data-theme=superdark] .login-container{box-shadow:0 4px 24px #0000004d}[data-theme=dark] .login-branding,[data-theme=superdark] .login-branding{background:linear-gradient(135deg,var(--accent-color) 0%,#1e3a8a 100%)}[data-theme=dark] .modal,[data-theme=superdark] .modal{box-shadow:0 8px 32px #0006}.welcome-container{min-height:calc(100vh - 6rem);padding:3rem 2rem;background:var(--background-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-greeting{margin-bottom:3rem;text-align:center}.greeting-text{font-size:1.75rem;font-weight:300;color:var(--text-color);opacity:.9}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,140px));gap:1.25rem;justify-content:center;max-width:700px}.welcome-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:1rem;text-decoration:none;transition:all .2s ease;aspect-ratio:1}.welcome-tile:hover{transform:translateY(-4px);border-color:var(--tile-color);box-shadow:0 8px 24px #0000001f}.welcome-tile:hover .tile-icon{color:var(--tile-color);transform:scale(1.1)}[data-theme=dark] .welcome-tile:hover,[data-theme=superdark] .welcome-tile:hover{box-shadow:0 8px 24px #0006}.tile-icon{color:var(--text-color);opacity:.7;transition:all .2s ease}.tile-label{font-size:.8rem;font-weight:500;color:var(--text-color);text-align:center;line-height:1.3}@media(max-width:768px){.welcome-container{padding:2rem 1.5rem}.greeting-text{font-size:1.5rem}.welcome-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:100%}.welcome-tile{padding:1.25rem .75rem;border-radius:.75rem}.tile-label{font-size:.75rem}}@media(max-width:540px){.welcome-container{padding:1.5rem 1rem;min-height:calc(100vh - 4rem)}.welcome-greeting{margin-bottom:2rem}.greeting-text{font-size:1.35rem}.welcome-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:100%}.welcome-tile{padding:1rem .5rem;gap:.5rem}.tile-icon svg{width:28px;height:28px}.tile-label{font-size:.7rem}}@media(max-width:400px){.welcome-grid{grid-template-columns:repeat(2,1fr)}.welcome-tile{aspect-ratio:auto;padding:1.25rem 1rem}}.issue-form{max-width:600px;margin:2rem auto;padding:2rem;background-color:var(--background-color-elevated);border-radius:1rem;box-shadow:0 .25rem 1rem #0003;display:flex;flex-direction:column;gap:1.5rem}.issue-form h2{text-align:center;color:var(--text-color);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.issue-form label{display:flex;flex-direction:column;gap:.5rem;color:var(--label-text-color);font-weight:600;font-size:1.1rem}.issue-form input[type=text],.issue-form textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border-color-soft);border-radius:.5rem;background-color:var(--input-background);color:var(--text-color);transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box}.issue-form input[type=text]:focus,.issue-form textarea:focus{outline:none;border-color:var(--accent-color);background-color:var(--input-focus-background);box-shadow:0 0 0 2px #007bff40}.issue-form input.title{font-size:1.1rem;font-weight:500}.issue-form textarea{resize:vertical;min-height:200px;font-family:inherit;line-height:1.5}.issue-form fieldset{border:1px solid var(--border-color-soft);border-radius:.5rem;padding:1rem;background-color:var(--background-color-muted);margin:0}.issue-form fieldset legend{color:var(--text-color);font-weight:600;padding:0 .5rem;font-size:1rem}.issue-form fieldset label{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:400;cursor:pointer;transition:color .2s ease}.issue-form fieldset label:hover{color:var(--accent-color)}.issue-form fieldset label:last-child{margin-bottom:0}.issue-form input[type=checkbox]{width:1.2rem;height:1.2rem;margin:0;cursor:pointer;accent-color:var(--accent-color)}.issue-form button[type=submit]{padding:.875rem 1.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:.5rem;background-color:var(--accent-color);color:var(--button-text);cursor:pointer;transition:background-color .3s ease,transform .1s ease;align-self:center;min-width:200px}.issue-form button[type=submit]:hover:not(:disabled){background-color:var(--accent-color-hover);transform:translateY(-1px)}.issue-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.issue-form button[type=submit]:active{transform:translateY(0)}.issue-form .back-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;color:var(--link-color);text-decoration:none;font-weight:500;border-radius:.5rem;transition:color .3s ease,background-color .3s ease;align-self:center}.issue-form .back-link:hover{color:var(--link-hover-color);background-color:var(--background-color-hover)}.issue-form p.error{color:#dc3545;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:.5rem;padding:.75rem;margin:0;font-weight:500}.issue-form p.success{color:#28a745;background-color:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:.5rem;padding:.75rem;margin:0;font-weight:500}@media(max-width:768px){.issue-form{margin:1rem;padding:1.5rem;max-width:none}.issue-form h2{font-size:1.5rem}.issue-form input[type=text],.issue-form textarea{font-size:16px}.issue-form button[type=submit]{width:100%;min-width:auto}}.toggle-button{margin:.25rem;padding:.3rem .6rem;border:none;border-radius:1rem;cursor:pointer;font-size:.75rem;background-color:var(--button-background);color:var(--button-text);transition:background-color .3s ease,color .3s ease;white-space:nowrap}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.toggle-button.active{background-color:var(--active-button-background);color:#fff}.toggle-button.active.blink{animation:blink 3s infinite}@media(min-width:768px){.toggle-button{padding:10px 20px;font-size:16px}}.update-roles-container{padding:2rem;max-width:600px;margin:2rem auto;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px}.update-roles-container h2{text-align:center;margin-bottom:.5rem}.update-roles-container p{text-align:center;color:#666;margin-bottom:2rem}.update-roles-form{display:flex;flex-direction:column;gap:1.5rem}.update-roles-label{font-weight:700;margin-bottom:-1rem}.update-roles-input{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.role-toggle-group{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;border:1px solid #eee;border-radius:4px;background-color:#fff}.client-dropdown-container{display:flex;flex-direction:column;gap:.5rem}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.action-button{padding:.8rem 1.5rem;border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out,opacity .2s ease-in-out}.action-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.65}.action-button.add{background-color:#28a745}.action-button.add:hover:not(:disabled){background-color:#218838}.action-button.remove{background-color:#dc3545}.action-button.remove:hover:not(:disabled){background-color:#c82333}.action-button.update{background-color:#007bff}.action-button.update:hover:not(:disabled){background-color:#0069d9}.success-message{text-align:center;margin-top:1rem;color:green;font-weight:700}.svg-pie-chart-container{max-height:100%;max-width:100%;height:auto;font-family:sans-serif}.spinner{border:.25rem solid rgba(0,0,0,.1);border-top-color:#4f46e5;border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite;margin:auto}.svg-pie-chart-container .label-text-external{fill:var(--text-color)!important;pointer-events:none;-webkit-user-select:none;user-select:none}.svg-pie-chart-container .label-text-internal,.svg-pie-chart-container .label-text-internal .label-title-internal,.svg-pie-chart-container .label-text-internal .label-value-internal,.svg-pie-chart-container .label-text-internal .label-percentage-internal{fill:#000!important;pointer-events:none;-webkit-user-select:none;user-select:none}.svg-pie-chart-container .label-line{stroke:var(--text-color)!important}.svg-pie-chart-container text:not(.label-text-internal):not(.label-text-external){fill:var(--text-color);pointer-events:none;-webkit-user-select:none;user-select:none}.svg-pie-chart-container tspan[font-size]{transition:font-size .3s ease}.react-aria-Group{display:flex;align-items:center;width:fit-content;max-width:100%;box-sizing:border-box;overflow:auto;position:relative;border-radius:6px;background:var(--field-background);white-space:nowrap;font-size:.857rem}.react-aria-Group[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-Group[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button:disabled{border-color:#b0b0b0;cursor:not-allowed;opacity:.5}.react-aria-DateRangePicker{color:var(--text-color)}.react-aria-DateRangePicker [slot=end]{margin-right:0rem;flex:1}.react-aria-DateRangePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);forced-color-adjust:none;border-radius:4px;margin-left:auto;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;padding:0;font-size:.8rem;box-sizing:content-box;flex-shrink:0;position:sticky;right:0}.react-aria-DateRangePicker .react-aria-Button[data-focus-visible]{outline-offset:2px}.react-aria-DateRangePicker .react-aria-DateInput{width:unset;min-width:unset;padding:unset;border:unset;outline:unset}.react-aria-Popover[data-trigger=DateRangePicker]{max-width:unset}.react-aria-RangeCalendar{width:fit-content;max-width:100%;color:var(--text-color);background-color:var(--background-popover)}.react-aria-RangeCalendar header{display:flex;align-items:center;margin:0;background:var(--background-popover-header)}.react-aria-RangeCalendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1rem}.react-aria-RangeCalendar .react-aria-Button{width:2rem;height:2rem;justify-content:center;align-items:center;font-size:1rem}.react-aria-RangeCalendar table{border-collapse:collapse}.react-aria-RangeCalendar table td{padding:0}.react-aria-RangeCalendar .react-aria-CalendarCell{font-size:1rem;width:2.75rem;line-height:2rem;text-align:center;cursor:default;outline:none;forced-color-adjust:none}.react-aria-RangeCalendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-RangeCalendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-RangeCalendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--highlight-background);outline-offset:-2px}.react-aria-RangeCalendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground);border-radius:0}.react-aria-RangeCalendar .react-aria-CalendarCell[data-selected][data-focus-visible]{outline-color:var(--highlight-foreground);outline-offset:-3px}.react-aria-RangeCalendar .react-aria-CalendarCell[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px}.react-aria-RangeCalendar .react-aria-CalendarCell[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px}@media(min-width:768px){.react-aria-Group{min-width:220px;padding:.25rem;font-size:1.25rem}.react-aria-DateRangePicker .react-aria-Button{width:2rem;height:2rem;font-size:1.5rem}}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.69rem;text-align:center}table thead{background-color:var(--table-header-background, #444);color:var(--table-header-color, #fff)}table thead th,table tbody td{padding:.5rem .2rem}table thead th{white-space:normal}table tbody td{border-bottom:1px solid var(--table-border-color, #666);white-space:nowrap}table tbody td:last-child{border-right:none}table tbody tr:hover{background-color:var(--table-row-hover-background, #999)}tr.active{background-color:var(--table-row-hover-background)}.clickable-cell{cursor:pointer;color:#00f;text-decoration:underline}.clickable-cell:hover{color:#00008b}.clickable-row,.clickable-row:hover{cursor:pointer}@keyframes flash-red{0%{background-color:#b30000}50%{background-color:#f66}to{background-color:#b30000}}@keyframes flashYellow{0%{background-color:#fc0}50%{background-color:#cc0}to{background-color:#fc0}}.highlight-red{background-color:#cc0000e6;color:#fff}.highlight-yellow{background-color:#cccc00e6;color:#000}.highlight-green{background-color:#00cc00e6}.highlight-red.blinking{animation:flash-red 1s infinite}.highlight-yellow.blinking{animation:flashYellow 3s infinite}.spinner-container{display:flex;justify-content:center;align-items:center;padding:1rem;height:100px}.spinner{width:32px;height:32px;border:4px solid #cbd5e1;border-top:4px solid #6366f1;border-radius:50%;animation:spin .8s linear infinite}@media(min-width:768px){table{font-size:.6rem}table thead th,table tbody td{padding:.5rem .3rem}}@media(min-width:1024px){table{font-size:.65rem}table thead th,table tbody td{padding:.5rem .4rem}}@media(min-width:1280px){table{font-size:.7rem}table thead th,table tbody td{padding:.5rem}}@media(min-width:1440px){table{font-size:.75rem}table thead th,table tbody td{padding:.5rem .6rem}}@media(min-width:1600px){table{font-size:.8rem}table thead th,table tbody td{padding:.5rem .7rem}}@media(min-width:1920px){table{font-size:.85rem}table thead th,table tbody td{padding:.6rem .8rem}}@media(min-width:2560px){table{font-size:1rem}table thead th,table tbody td{padding:.7rem 1rem}}.summary-overview-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem;text-align:center}.summary-overview-table tbody td{padding:.5rem;border-bottom:1px solid var(--table-border-color, #666);white-space:nowrap}.summary-table tbody td{font-size:.65rem;padding:.5rem .2rem;border-bottom:1px solid var(--table-border-color, #666);white-space:nowrap}@media(min-width:768px){.summary-table tbody td{padding:.75rem;font-size:1rem}}.table-data-header{display:flex;justify-content:space-between;align-items:center;width:100%}.table-data-header .toggle-button{margin-left:auto}.table-data{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;max-width:100%;width:100%;margin:0 auto}@media(min-width:768px){.table-data{max-width:100%}}.header{background-color:var(--background-color);border-radius:1rem;margin:0;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;box-shadow:0 4px 8px #0000001a;font-size:1rem}.report-header{background-color:var(--background-color);border-radius:1rem;margin:1rem 0 0;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;box-shadow:0 4px 8px #0000001a;font-size:1rem}.summary .header{width:100%}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;width:100%}.project.header{margin:0;position:sticky;top:5rem}.table-data-header.center{justify-content:center}.quota-management-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;width:100%}.quota-management-header.header{margin:0;position:sticky;top:5rem;z-index:20}@media(min-width:768px){.summary .report-header{margin:1rem 0 0}.report-header{margin:1rem 1rem 0 0}.project.header{flex-direction:row;justify-content:space-between;margin:0;top:0}.quota-management-header.header{flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0;top:0}.column-toggle{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center}}.section{background-color:var(--background-color-muted);border-radius:1rem;margin:1rem;padding:1rem;display:flex;box-shadow:0 .25rem 1rem #0003}.report.section{justify-content:center;align-items:center;flex-direction:column}.quota-management{justify-content:flex-start;align-items:flex-start;flex-direction:column}@media(min-width:768px){.report-section{align-items:flex-start}}.report-charts{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media(min-width:768px){.report-charts{flex-direction:row;align-items:flex-start}}.table-scroller{overflow-x:auto;width:100%}.table-scroller::-webkit-scrollbar{height:8px}.table-scroller::-webkit-scrollbar-track{background:var(--background-color-muted);border-radius:4px}.table-scroller::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px;border:2px solid var(--background-color-muted)}.table-scroller::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color-hover)}.view-toggle-div{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;margin-bottom:.5rem}.view-toggle-span{display:flex;justify-content:center;align-items:center;padding:.25rem}.view-toggle-span:hover{cursor:pointer;background-color:var(--background-color-muted);border-radius:.5rem}.card{background-color:var(--background-color-elevated);border-radius:1rem;box-shadow:0 .25rem 1rem #0000001a;padding:1rem;transition:transform .3s ease,box-shadow .3s ease;min-width:10rem;max-width:100%}.card:hover{transform:translateY(-5px);background:var(--background-color-elevated-hover);box-shadow:0 .25rem 1rem #0003}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.card-title-span{display:flex;font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-color);justify-content:space-between}.border-line-span{display:block;width:100%;margin-bottom:1rem;border-bottom:1px solid var(--background-color-muted)}.card-content{font-size:1rem;color:var(--text-color);margin-bottom:1rem}.card-item{margin-bottom:1rem}.card-item span{font-weight:600;color:var(--text-color)}@media(min-width:768px){.card-title{font-size:1.5rem}}@media(min-width:768px){.card-title{font-size:1.75rem}}@media(min-width:1920px){.card-title{font-size:1.75rem}}.multi-select-container .multi-select{max-width:vw}.multi-select-container .multi-select .css-1nmdiq5-menu{background-color:var(--background-multi-select)}.multi-select-container .multi-select .css-d7l1ni-option{background-color:var(--background-multi-select-hover)}.table-data-header.production-report{display:flex;flex-direction:column}.production-report-title{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:700;color:var(--text-color);padding:.5rem 1rem}.production-report .table-area{display:flex;flex-direction:row;width:100%}.production-report-target-table .highlight-green{background-color:#c6e0b4;color:#000}.production-report-target-table .highlight-rich-green{background-color:#92d050;color:#000}.production-report-target-table .highlight-yellow{background-color:#ffeb84;color:#000}.production-report-target-table .highlight-red{background-color:#f8696b;color:#000}.production-report-target-table .justify-right{text-align:right}.production-report-target-table th{background-color:var(--table-header-background)}.target-mph-input{all:unset;width:100%;text-align:center;padding:0;margin:0;border:none;background:transparent;font:inherit;cursor:text}@keyframes flashYellow{0%{background-color:#fc0}50%{background-color:#ffcc00a8}to{background-color:#fc0}}.not-updated{animation:flashYellow 1s infinite;color:#000}.project-report-title{font-size:1rem;font-weight:700;color:var(--text-color);text-align:center}@media(min-width:768px){.project-report-title{font-size:2rem}}.project-overview-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem;text-align:center}.project-overview-table tbody td{padding:.5rem;border-bottom:1px solid var(--table-border-color, #666);white-space:nowrap}.project-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.8rem;text-align:center}.project-table tbody td{padding:.5rem;border-bottom:1px solid var(--table-border-color, #666);white-space:nowrap}@media(min-width:768px){.project-table tbody td{padding:.75rem;font-size:1rem}}.master-report-container{display:flex;flex-direction:column;width:100%}.summary .report-container{width:100%}.report-container,.quota-management-container{display:flex;flex-direction:column;width:100%;max-width:100%;max-height:fit-content}.card-container{background:var(--background-color);display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));width:100%;max-width:100%;padding:1rem;border-radius:1rem;align-self:start;gap:1rem;margin:1rem 0 0}.summary .table-data-container{margin:1rem 0 0}.table-data-container,.quota-table-data-container,.disposition-chart-container{margin:1rem 0 0;padding:1rem .2rem;background:var(--background-color);border-radius:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 2px 5px #00000026}.card-container.graphs{place-items:center}@media(min-width:768px){.master-report-container{flex-direction:row}.card-container{width:20%}.report-container{width:80%}.table-data-container{padding:1rem;align-items:flex-start;margin:1rem 1rem 0 0}.quota-table-data-container{padding:1rem;align-items:flex-start;margin:1rem 0}}@media(min-width:1440px){.report-container{width:80%}.card-container{width:20%}}.go-back-button{background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;font-size:1rem}.go-back-text{text-decoration:underline;margin-left:5px}.go-back-button:hover .go-back-text{text-decoration:underline;color:#007bff}.go-back-button:focus{outline:none}@media(min-width:768px){.go-back-button{font-size:1.2rem}}.add-user-form{max-width:400px;margin:0 auto;padding:20px;background-color:var(--background-color);border-radius:8px;box-shadow:0 4px 8px #0000001a}.add-user-label{display:block;margin-bottom:10px;font-weight:700;font-size:1rem;color:var(--label-text-color)}.add-user-input,.add-user-select{width:100%;padding:8px;margin-top:5px;border:1px solid var(--border-color-soft);border-radius:4px;font-size:1rem;background-color:var(--input-background);color:var(--text-color)}.add-user-select{height:120px}.add-user-input:focus,.add-user-select:focus{background-color:var(--input-focus-background);border-color:var(--focus-ring-color);outline:none}.add-user-submit{display:block;width:100%;padding:10px;margin-top:20px;background-color:var(--accent-color);color:var(--button-text);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.add-user-submit:hover{background-color:var(--accent-color-hover)}.add-user-input:focus,.add-user-select:focus,.add-user-submit:focus{outline:none}.multi-select{width:20%;background-color:var(--background-multi-select);color:var(--text-color);border-radius:5px}.user-type-toggle{display:flex;justify-content:center;margin-bottom:1rem}.quota-management{padding:1.5rem;max-width:100%}.quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-soft)}.quota-header-left h1{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.quota-subtitle{color:var(--label-text-color);font-size:.875rem;margin:0}.quota-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.quota-select{min-width:350px}.quota-select .my-select__control{border:1px solid var(--border-color-soft);border-radius:6px;background:var(--input-background);min-height:38px}.quota-select .my-select__control:hover{border-color:var(--accent-color)}.quota-select .my-select__control--is-focused{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1)}.quota-updating{color:var(--accent-color);font-size:.875rem;font-weight:500}.quota-loading,.quota-error,.quota-empty{padding:3rem 1.5rem;text-align:center;color:var(--label-text-color);font-size:.9rem}.quota-error{color:#dc2626}.quota-management-table{width:auto;min-width:fit-content;margin:0;border-collapse:separate;border-spacing:0;text-align:center;font-size:calc(.4rem + .35vw);color:var(--text-color);background-color:transparent}.quota-management-table thead{background:transparent}.quota-management-table thead th{padding:.5rem .625rem;font-weight:500;white-space:normal;border:none;border-bottom:1px solid var(--border-color-soft);background-color:var(--background-color);color:var(--text-color);opacity:.5;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;position:sticky;z-index:11}.quota-management-table thead tr:first-child th{top:0;z-index:13;font-weight:600;opacity:.7}.quota-management-table thead tr:nth-child(2) th{top:calc(1.7rem + 1px);z-index:12}.quota-management-table thead tr:nth-child(3) th{top:calc(2*(1.7rem + 1px));z-index:11}.quota-management-table thead tr:first-child th:is(:nth-child(2),:nth-child(3)),.quota-management-table thead tr:nth-child(2) th:is(:nth-child(3),:nth-child(6)){border-left:2px solid var(--border-color)}.quota-management-table tbody td{padding:.5rem .625rem;border:none;border-bottom:1px solid var(--border-color-soft);white-space:nowrap;transition:background-color .1s ease}.quota-management-table tbody tr:last-child td{border-bottom:none}.quota-management-table tbody tr:nth-child(2n) td{background-color:var(--background-color-muted)}.quota-management-table tbody tr:hover td{background-color:var(--background-color-elevated)}.quota-management-table .cell-label{text-align:left;font-weight:500}.quota-management-table td.cell-status{color:#fff;font-weight:600;font-size:.75rem}.quota-management-table td.cell-status.open{background-color:#10b981d9!important}.quota-management-table td.cell-status.closed{background-color:#dc2626d9!important}.quota-management-table td.cell-status.half-open{background-color:#f59e0bd9!important;color:#000}.quota-management-table .total-column{font-weight:600}.quota-management-table .group-border-left{border-left:2px solid var(--border-color)}.quota-management-table .bold{font-weight:600}@media(max-width:768px){.quota-management{padding:1rem}.quota-header{flex-direction:column;align-items:flex-start;gap:1rem}.quota-controls{flex-direction:column;align-items:stretch}.quota-select{min-width:100%}.quota-management-table{font-size:.75rem}.quota-management-table thead th{padding:.5rem .375rem;font-size:.65rem}.quota-management-table tbody td{padding:.5rem .375rem}}@media(max-width:480px){.quota-management{padding:.75rem}.quota-header-left h1{font-size:1.25rem}.quota-management-table{font-size:.7rem}}@media(min-width:1440px){.quota-management{padding:2rem}.quota-management-table{font-size:.875rem}}.button{margin:.25rem;padding:.3rem .6rem;border:none;border-radius:1rem;cursor:pointer;font-size:.75rem;background-color:var(--button-background);color:var(--button-text);white-space:nowrap}.button:hover{background-color:var(--button-background-hover)}@media(min-width:768px){.button{padding:10px 20px;font-size:16px}}.reset-password-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:var(--background-color, #f5f5f5)}.reset-password-form{max-width:400px;width:100%;margin:0 auto;padding:30px;background-color:var(--background-color-elevated, #ffffff);border-radius:8px;box-shadow:0 4px 8px #0000001a}.reset-password-form h2{text-align:center;margin-bottom:10px;font-size:1.8rem;color:var(--text-color, #333)}.email-display{text-align:center;margin-bottom:30px;color:var(--text-color-secondary, #666);font-size:.9rem}.email-highlight{font-weight:700;color:var(--accent-color, #007bff)}.add-user-label{display:block;margin-bottom:5px;margin-top:15px;font-weight:700;font-size:1rem;color:var(--label-text-color, #333)}.add-user-input{width:100%;padding:12px;margin-bottom:15px;border:1px solid var(--border-color-soft, #ddd);border-radius:4px;font-size:1rem;background-color:var(--input-background, #fff);color:var(--text-color, #333);box-sizing:border-box}.add-user-input:focus{background-color:var(--input-focus-background, #fff);border-color:var(--focus-ring-color, #007bff);outline:none;box-shadow:0 0 0 2px #007bff40}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .add-user-input{padding-right:45px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-color-secondary, #666);padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.password-toggle:hover{color:var(--accent-color, #007bff)}.password-requirements{margin:20px 0;padding:15px;background-color:var(--background-color, #f8f9fa);border-radius:4px;border:1px solid var(--border-color-soft, #e9ecef)}.requirements-title{font-weight:700;margin-bottom:8px;font-size:.9rem;color:var(--text-color, #333)}.requirements-list{margin:0;padding-left:20px;font-size:.85rem;color:var(--text-color-secondary, #666)}.requirements-list li{margin-bottom:4px}.error-display{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;border:1px solid #f5c6cb;margin-bottom:20px;font-size:.9rem}.add-user-submit{display:block;width:100%;padding:12px;margin-top:20px;background-color:var(--accent-color, #007bff);color:var(--button-text, #fff);border:none;border-radius:4px;font-size:1rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.add-user-submit:hover:not(:disabled){background-color:var(--accent-color-hover, #0056b3)}.add-user-submit:disabled{opacity:.6;cursor:not-allowed}.back-to-login{text-align:center;margin-top:20px}.back-link{background:none;border:none;color:var(--accent-color, #007bff);cursor:pointer;font-size:.9rem;text-decoration:underline}.back-link:hover{color:var(--accent-color-hover, #0056b3)}.loading-container{text-align:center;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color-soft, #f3f3f3);border-top:4px solid var(--accent-color, #007bff);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.success-container{text-align:center;padding:20px}.success-icon{width:60px;height:60px;background-color:#d4edda;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:#155724}.success-container h2{color:#155724;margin-bottom:15px}.redirect-text{color:var(--text-color-secondary, #666);font-size:.9rem;margin:15px 0}.error-container{text-align:center;padding:20px}.error-icon{width:60px;height:60px;background-color:#f8d7da;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:#721c24}.error-container h2{color:#721c24;margin-bottom:15px}.error-message{color:#721c24;margin-bottom:20px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200;background-color:#0000;opacity:0;transition:opacity .3s ease-in-out,background-color .3s ease-in-out;overflow:hidden}.modal-backdrop--visible{background-color:#000000bf;opacity:1}.modal-container{position:relative;background-color:var(--background-color-elevated, #fff);border-radius:12px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;opacity:0;transform:scale(.85) translateY(20px);transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-container--visible{opacity:1;transform:scale(1) translateY(0)}.modal-close-button{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:#0000001a;border:none;border-radius:50%;font-size:1.5rem;line-height:1;color:var(--text-color, #333);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .2s ease}.modal-close-button:hover{background:#0003;transform:scale(1.1)}.modal-close-button:focus{outline:2px solid var(--accent-color, #007bff);outline-offset:2px}.modal-content-wrapper{padding:3rem 2rem 2rem}[data-theme=dark] .modal-container,[data-theme=superdark] .modal-container{background-color:var(--background-color-elevated)}[data-theme=dark] .modal-close-button,[data-theme=superdark] .modal-close-button{background:#ffffff1a;color:var(--text-color)}[data-theme=dark] .modal-close-button:hover,[data-theme=superdark] .modal-close-button:hover{background:#fff3}.modal-content-wrapper h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-color, #333)}.modal-content-wrapper .form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.modal-content-wrapper .form-group{display:flex;flex-direction:column}.modal-content-wrapper .form-group label{margin-bottom:.5rem;font-weight:600;color:var(--text-color, #333)}.modal-content-wrapper .form-input{padding:.75rem;border:1px solid var(--border-color-soft, #ddd);border-radius:6px;background-color:var(--input-background, #fff);color:var(--text-color, #333);font-size:1rem;transition:border-color .2s,box-shadow .2s}.modal-content-wrapper .form-input:focus{outline:none;border-color:var(--accent-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.modal-content-wrapper .submit-button{background-color:var(--accent-color, #007bff);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;width:100%;margin-top:1.5rem;transition:background-color .2s}.modal-content-wrapper .submit-button:hover:not(:disabled){background-color:var(--accent-color-hover, #0056b3)}.modal-content-wrapper .submit-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-content-wrapper .unpublish-button{background-color:#dc3545;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.modal-content-wrapper .unpublish-button:hover:not(:disabled){background-color:#c82333}.modal-content-wrapper .unpublish-button:disabled{background-color:#ccc;cursor:not-allowed}@media(max-width:640px){.modal-backdrop{padding:.5rem}.modal-container{width:95%;max-height:95vh}.modal-content-wrapper{padding:3rem 1.5rem 1.5rem}.modal-close-button{top:.75rem;right:.75rem;width:1.75rem;height:1.75rem;font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-container{transition:opacity .2s ease}.modal-container--visible{transform:scale(1) translateY(0)}.modal-close-button{transition:background-color .1s ease}}.confirmation-modal{padding:2rem;text-align:center;background-color:var(--background-color-elevated);color:var(--text-color)}.confirmation-modal__title{font-size:1.5rem;margin-bottom:1rem}.confirmation-modal__message{font-size:1rem;margin-bottom:2rem;color:var(--text-color-soft);line-height:1.5}.confirmation-modal__message strong{color:var(--accent-color)}.confirmation-modal__actions{display:flex;justify-content:center;gap:1rem}.button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.button:active{transform:translateY(1px)}.button--secondary{background-color:#6c757d;color:#fff}.button--secondary:hover{background-color:#5a6268}.button--danger{background-color:#dc3545;color:#fff}.button--danger:hover{background-color:#c82333}.button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.7}.user-management-container{padding:2rem;background-color:var(--background-color);min-height:calc(100vh - 60px);width:100%;color:var(--text-color)}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.user-management-title{font-size:2rem;color:var(--text-color);font-weight:600}.user-management-container .header-actions{display:flex;gap:.5rem;align-items:center}.user-management-container .refresh-button,.user-management-container .expand-button,.user-management-container .collapse-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease;border:none;cursor:pointer;font-size:.9rem}.user-management-container .refresh-button:hover,.user-management-container .expand-button:hover,.user-management-container .collapse-button:hover{background-color:var(--accent-color-hover)}.user-management-container .expand-button{background-color:#28a745}.user-management-container .expand-button:hover{background-color:#218838}.user-management-container .collapse-button{background-color:#6c757d}.user-management-container .collapse-button:hover{background-color:#5a6268}.user-management-container .refresh-button .fas{font-size:.9rem}.add-user-button{background-color:#28a745;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease;border:none;cursor:pointer}.add-user-button:hover{background-color:#218838}.user-management-controls{margin-bottom:2rem}.search-input{width:100%;max-width:400px;padding:.75rem 1rem;border:1px solid var(--border-color-soft);background-color:var(--input-background);color:var(--text-color);border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db33}.table-container{background-color:var(--background-color-elevated);border-radius:8px;box-shadow:var(--box-shadow-elevated);overflow-x:auto;padding:1rem;overflow-y:hidden;position:relative}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table__thead{background-color:var(--table-header-background)}.table__th{padding:1rem;text-align:left;font-weight:600;color:var(--table-header-color);border-bottom:2px solid var(--border-color-half-soft);position:sticky;top:0;z-index:1;background-color:var(--table-header-background)}.client__name_header{width:45%}.user__roles_header{width:35%}.user__actions_header{width:20%;text-align:center}.table__row{transition:background-color .2s ease}.table__row:hover{background-color:var(--table-row-hover-background)}.table__cell{padding:1rem;vertical-align:middle;color:var(--text-color);text-align:left;border-bottom:1px solid var(--border-color-soft);word-wrap:break-word;overflow-wrap:break-word}.actions-cell{vertical-align:middle}.actions-cell-content{display:flex;gap:.5rem;justify-content:center;align-items:center}.edit-button,.delete-button{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff;transition:background-color .3s ease}.edit-button{background-color:var(--accent-color)}.edit-button:hover{background-color:var(--accent-color-hover)}.delete-button{background-color:#dc3545}.table tbody tr:last-child .table__cell{border-bottom:none}.client-row{cursor:pointer;background-color:var(--background-color-elevated);font-weight:600}.toggle-icon{color:var(--accent-color);margin-right:.5rem}.user-row{background-color:var(--background-color);border-left:3px solid var(--accent-color)}.user-indent{margin-left:1.5rem}.update-roles-title{font-size:1.5rem;color:var(--text-color);margin-bottom:1rem;text-align:center}.user-email-display{text-align:center;margin-bottom:2rem;font-size:1rem;color:var(--text-color-soft)}.user-email-display strong{color:var(--accent-color);font-weight:600}.roles-section-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;border-bottom:1px solid var(--border-color-soft);padding-bottom:.5rem}.role-toggle-group{display:flex;flex-wrap:wrap;gap:.75rem;background-color:var(--background-color);padding:1rem;border-radius:8px;border:1px solid var(--border-color-soft);margin-bottom:1.5rem}.role-toggle-button{padding:.5rem 1rem;border:1px solid var(--border-color-soft);background-color:var(--background-color-elevated);color:var(--text-color-soft);border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.role-toggle-button:hover{background-color:var(--accent-color-hover);border-color:var(--accent-color);color:#fff}.role-toggle-button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.update-button,.cancel-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;border:none;cursor:pointer;transition:background-color .3s ease}.update-button{background-color:var(--accent-color);color:#fff}.update-button:hover{background-color:var(--accent-color-hover)}.update-button:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-button{background-color:var(--background-color-elevated);color:var(--text-color);border:1px solid var(--border-color-soft)}.cancel-button:hover{background-color:var(--border-color-soft)}.unauthorized-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 6rem);background-color:var(--background-color);padding:2rem}.unauthorized-card{background-color:var(--background-color-elevated);padding:3rem 4rem;border-radius:1.5rem;box-shadow:var(--box-shadow-elevated);border:1px solid var(--border-color-soft);text-align:center;max-width:500px;width:100%;transition:all .3s ease}[data-theme=dark] .unauthorized-card,[data-theme=superdark] .unauthorized-card{border-color:var(--border-color-half-soft)}.unauthorized-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001f}.unauthorized-icon{font-size:4rem;color:#e74c3c;margin-bottom:1.5rem}.unauthorized-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.unauthorized-message{font-size:1.1rem;color:var(--text-color);opacity:.8;margin-bottom:2.5rem;line-height:1.6}.unauthorized-button{background:linear-gradient(135deg,var(--accent-color),var(--link-color));color:#fff;padding:.875rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #4a90e24d}.unauthorized-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4a90e273}[data-theme=dark] .unauthorized-button,[data-theme=superdark] .unauthorized-button{color:#1a1a1a}@media(max-width:600px){.unauthorized-card{padding:2rem 1.5rem}.unauthorized-title{font-size:2rem}.unauthorized-icon{font-size:3rem}.unauthorized-message{font-size:1rem}}.reports-container{padding:2rem;background-color:var(--background-color);color:var(--text-color);min-height:100vh}.reports-header{color:var(--text-color);margin-bottom:1rem;text-align:center;font-size:2.5rem;font-weight:700}.reports-intro{color:var(--label-text-color);text-align:center;margin-bottom:2.5rem;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.report-card{background:var(--background-color-elevated);border-radius:12px;padding:1.5rem;box-shadow:var(--box-shadow-elevated);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;text-decoration:none;color:inherit;border:1px solid var(--border-color-soft)}.report-card:hover{transform:translateY(-5px);background:var(--background-color-elevated-hover)}.report-card-title{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.report-card-description{font-size:1rem;color:var(--label-text-color)}.my-select__control{background-color:var(--background-multi-select)!important}.my-select__control--is-focused{box-shadow:0 0 0 1px var(--color-primary)!important}.my-select__input-container,.my-select__single-value{color:var(--text-color)!important}.my-select__placeholder{color:var(--text-color)!important;opacity:.7}.my-select__menu{background-color:var(--background-multi-select)!important;z-index:9999!important}.my-select__option--is-focused{background-color:var(--background-multi-select-hover)!important;z-index:9999!important}.my-select__option--is-selected{background-color:var(--color-primary)!important;color:#fff!important}.my-select__option--is-selected{background-color:var(--background-color-elevated)!important;color:var(--text-color)!important}.edit-button{background-color:#2ecc71;color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.edit-button:hover{background-color:#27ae60}.delete-button{background-color:#dc3545;color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.delete-button:hover{background-color:#c82333}.delete-button:focus{outline:2px solid #dc3545;outline-offset:2px}.project-publishing-container{padding:2rem;background-color:var(--background-color);min-height:calc(100vh - 60px);width:100%;color:var(--text-color)}.project-publishing-container .project-publishing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.project-publishing-container .project-publishing-title{font-size:2rem;color:var(--text-color);font-weight:600}.project-publishing-container .header-actions{display:flex;gap:.5rem;align-items:center}.project-publishing-container .refresh-button,.project-publishing-container .expand-button,.project-publishing-container .collapse-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease;border:none;cursor:pointer;font-size:.9rem}.project-publishing-container .refresh-button:hover,.project-publishing-container .expand-button:hover,.project-publishing-container .collapse-button:hover{background-color:var(--accent-color-hover)}.project-publishing-container .expand-button{background-color:#28a745}.project-publishing-container .expand-button:hover{background-color:#218838}.project-publishing-container .collapse-button{background-color:#6c757d}.project-publishing-container .collapse-button:hover{background-color:#5a6268}.project-publishing-container .refresh-button .fas{font-size:.9rem}.project-publishing-container .project-publishing-controls{margin-bottom:2rem}.project-publishing-container .search-input{width:100%;max-width:400px;padding:.75rem 1rem;border:1px solid var(--border-color-soft);background-color:var(--input-background);color:var(--text-color);border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.project-publishing-container .search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db33}.project-publishing-container .results-summary{margin-bottom:1rem;color:var(--text-color);font-size:.9rem}.project-publishing-container .table-container{background-color:var(--background-color-elevated);border-radius:8px;box-shadow:var(--box-shadow-elevated);overflow-x:auto;padding:1rem}.project-publishing-container .table{width:100%;border-collapse:collapse;table-layout:auto;min-width:600px}.project-publishing-container .table__thead{background-color:var(--table-header-background)}.project-publishing-container .table__th{padding:1rem;text-align:left;font-weight:600;color:var(--table-header-color);border-bottom:2px solid var(--border-color-half-soft);white-space:nowrap}.project-publishing-container .table__th.project__id,.project-publishing-container .table__th.project__client{width:30%}.project-publishing-container .table__th.project__users{width:25%}.project-publishing-container .table__th.project__actions{width:15%;text-align:center}.project-publishing-container .table__row{transition:background-color .2s ease}.project-publishing-container .table__row:hover{background-color:var(--table-row-hover-background)}.project-publishing-container .table__cell{padding:1rem;vertical-align:middle;color:var(--text-color);text-align:left;border-bottom:1px solid var(--border-color-soft);word-wrap:break-word;overflow-wrap:break-word}.project-publishing-container .actions-cell{text-align:center;width:15%;padding:.5rem}.project-publishing-container .action-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center}.project-publishing-container .unpublish-button-inline{background-color:#dc3545;color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.project-publishing-container .unpublish-button-inline:hover{background-color:#c82333}.project-publishing-container .unpublish-button-inline:focus{outline:2px solid #dc3545;outline-offset:2px}.project-publishing-container .table tbody tr:last-child .table__cell{border-bottom:none}.project-publishing-container .loading-container,.project-publishing-container .error-container{text-align:center;padding:2rem;color:var(--text-color)}.project-publishing-container .error-container{color:var(--error-color, #dc3545)}.project-publishing-container .retry-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease;border:none;cursor:pointer;margin-top:1rem}.project-publishing-container .retry-button:hover{background-color:var(--accent-color-hover)}.project-publishing-container .project-row{cursor:pointer;background-color:var(--background-color-elevated);font-weight:600}.project-publishing-container .project-row:hover{background-color:var(--table-row-hover-background)!important}.project-publishing-container .project-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.project-publishing-container .toggle-icon{color:var(--accent-color);font-size:.8rem;transition:transform .2s ease;flex-shrink:0}.project-publishing-container .user-count{font-style:italic;color:var(--text-color);opacity:.8}.project-publishing-container .user-row{background-color:var(--background-color);border-left:3px solid var(--accent-color)}.project-publishing-container .user-row:hover{background-color:var(--table-row-hover-background)}.project-publishing-container .user-email{font-style:italic;color:var(--text-color);opacity:.9}.project-publishing-container .user-indent{margin-left:1rem;color:var(--text-color)}.project-publishing-container .user-uuid{font-family:monospace;font-size:.85rem;color:var(--text-color);opacity:.7}.project-publishing-container .project-info{background:var(--background-color-elevated, #f8f9fa);padding:15px;border-radius:5px;margin-bottom:20px;border:1px solid var(--border-color-soft)}.project-publishing-container .project-info p{margin:5px 0;color:var(--text-color)}.project-publishing-container .modal-actions{display:flex;gap:10px;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.project-publishing-container .submit-button{background-color:var(--accent-color, #007bff);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s;font-weight:500}.project-publishing-container .submit-button:hover{background-color:var(--accent-color-hover, #0056b3)}.project-publishing-container .submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.project-publishing-container .unpublish-button{background-color:#dc3545;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.project-publishing-container .unpublish-button:hover:not(:disabled){background-color:#c82333}.project-publishing-container .unpublish-button:disabled{background-color:#ccc;cursor:not-allowed}.project-publishing-container .add-user-button{background-color:#28a745;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease;border:none;cursor:pointer;font-size:.9rem}.project-publishing-container .add-user-button:hover{background-color:#218838}@media(max-width:768px){.project-publishing-container .table__th.project__id,.project-publishing-container .table__th.project__client{width:35%}.project-publishing-container .table__th.project__users{width:20%}.project-publishing-container .table__th.project__actions{width:10%}.project-publishing-container .table__th,.project-publishing-container .table__cell{padding:.5rem;font-size:.9rem}.project-publishing-container .user-indent{margin-left:.5rem}}.disposition-report.section{background-color:var(--background-color-muted);border-radius:1rem;margin:1rem;padding:1rem;display:flex;flex-direction:column;box-shadow:0 .25rem 1rem #0003;min-height:calc(100vh - 6rem)}.disposition-report .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background-color:var(--background-color);border-radius:1rem;padding:1rem;box-shadow:0 4px 8px #0000001a}.disposition-report .section-header h1{font-size:2rem;color:var(--text-color);font-weight:600;margin:0}.disposition-report .refresh-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease;font-size:.9rem}.disposition-report .refresh-button:hover:not(:disabled){background-color:var(--accent-color-hover)}.disposition-report .refresh-button:disabled{opacity:.6;cursor:not-allowed}.disposition-report-container{background-color:var(--background-color);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:2rem}.disposition-report .controls-panel{display:flex;flex-direction:column;gap:1rem;background-color:var(--background-color-elevated);padding:1.5rem;border-radius:1rem;box-shadow:var(--box-shadow-elevated)}.disposition-report .project-selector{display:flex;flex-direction:column;gap:.5rem}.disposition-report .project-selector label{font-weight:600;color:var(--label-text-color);font-size:1rem}.disposition-report .project-select{max-width:400px}.disposition-report .data-availability-indicators{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.disposition-report .data-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:transform .2s ease}.disposition-report .data-indicator:hover{transform:translateY(-2px)}.disposition-report .data-indicator.web-available{background-color:#2196f31a;border:1px solid #2196F3;color:var(--text-color)}.disposition-report .data-indicator.phone-available{background-color:#4caf501a;border:1px solid #4CAF50;color:var(--text-color)}.disposition-report .data-indicator.combined-available{background-color:#ff98001a;border:1px solid #FF9800;color:var(--text-color)}.disposition-report .disposition-info-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.disposition-report .disposition-info-card{background-color:var(--background-color-elevated);border-radius:1rem;padding:1.5rem;box-shadow:var(--box-shadow-elevated);border:1px solid var(--border-color-soft);transition:all .3s ease}.disposition-report .disposition-info-card:hover{transform:translateY(-5px);background:var(--background-color-elevated-hover)}.disposition-report .disposition-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-soft)}.disposition-report .disposition-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0}.disposition-report .disposition-stats{display:flex;flex-direction:column;gap:.75rem}.disposition-report .stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.disposition-report .stat-row.primary{background-color:var(--background-color-muted);padding:.75rem;border-radius:.5rem;font-weight:600}.disposition-report .stat-label{color:var(--label-text-color);font-weight:500}.disposition-report .stat-value{color:var(--text-color);font-weight:600}.disposition-report .stat-value.highlight{color:var(--accent-color);font-weight:700}.disposition-report .summary-stats-container{background-color:var(--background-color-elevated);border-radius:1rem;padding:1.5rem;box-shadow:var(--box-shadow-elevated)}.disposition-report .summary-stats-container h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:center}.disposition-report .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.disposition-report .summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--background-color-muted);padding:1rem;border-radius:.5rem}.disposition-report .summary-label{color:var(--label-text-color);font-size:.9rem;margin-bottom:.5rem}.disposition-report .summary-value{color:var(--text-color);font-size:1.25rem;font-weight:700}.disposition-report .disposition-chart-container{background-color:var(--background-color-elevated);border-radius:1rem;padding:2rem;box-shadow:var(--box-shadow-elevated);display:flex;flex-direction:column;align-items:center;gap:2rem}.disposition-report .chart-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.disposition-report .web-charts-section,.disposition-report .phone-charts-section,.disposition-report .combined-charts-section{width:100%;margin-bottom:2rem}.disposition-report .charts-section-title{font-size:1.4rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;text-align:center;padding-bottom:.5rem;border-bottom:2px solid var(--accent-color)}.disposition-report .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(900px,1fr));gap:2rem;justify-items:center;margin-bottom:2rem}.disposition-report .charts-grid.single-chart{grid-template-columns:1fr;justify-items:center}.disposition-report .chart-item{background-color:var(--background-color-muted);border-radius:1rem;padding:1.5rem;transition:transform .3s ease;width:100%;max-width:950px}.disposition-report .chart-item:hover{transform:translateY(-5px)}.disposition-report .chart-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:center;padding-bottom:.5rem;border-bottom:1px solid var(--border-color-soft)}.disposition-report .chart-item .chart-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:500px}.disposition-report .chart-wrapper svg text,.disposition-report .chart-wrapper svg tspan{fill:var(--text-color)!important}.disposition-report .chart-wrapper svg polyline{stroke:var(--text-color)!important}.disposition-report .comparison-table-container{width:100%;max-width:100%}.disposition-report .comparison-table-container h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:center}.disposition-report .comparison-table{width:100%;border-collapse:collapse;background-color:var(--background-color-table);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.disposition-report .comparison-table thead{background-color:var(--table-header-background)}.disposition-report .comparison-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:var(--table-header-color);border-bottom:2px solid var(--border-color-half-soft)}.disposition-report .comparison-table .web-column{background-color:#2196f31a;text-align:center}.disposition-report .comparison-table .phone-column{background-color:#4caf501a;text-align:center}.disposition-report .comparison-table .total-column{background-color:var(--accent-color);color:#fff;text-align:center}.disposition-report .comparison-table .percentage-column{text-align:center;width:200px}.disposition-report .comparison-table td{padding:.75rem;border-bottom:1px solid var(--table-border-color);color:var(--text-color)}.disposition-report .comparison-table .disposition-name{font-weight:500}.disposition-report .comparison-table .total-row{background-color:var(--background-color-muted);font-weight:700}.disposition-report .comparison-table .total-row td{border-bottom:none;border-top:2px solid var(--border-color-half-soft)}.disposition-report .percentage-bar-container{position:relative;display:flex;align-items:center;gap:.5rem;width:100%}.disposition-report .percentage-bar{height:20px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-hover));border-radius:10px;transition:width .3s ease;min-width:2px}.disposition-report .percentage-text{font-size:.85rem;font-weight:600;color:var(--text-color);white-space:nowrap}.disposition-report .loading-container,.disposition-report .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:var(--text-color);background-color:var(--background-color);border-radius:1rem}.disposition-report .spinner{width:40px;height:40px;border:4px solid var(--border-color-soft);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disposition-report .error-message{color:#dc3545;font-weight:500;margin-bottom:1rem}.disposition-report .retry-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.disposition-report .retry-button:hover{background-color:var(--accent-color-hover)}.disposition-report .no-data-message,.disposition-report .no-selection-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:var(--text-color);background-color:var(--background-color-elevated);border-radius:1rem;border:1px solid var(--border-color-soft)}.disposition-report .no-data-message p,.disposition-report .no-selection-message p{font-size:1.1rem;font-weight:500;margin:0}.disposition-report .no-data-message small{color:var(--label-text-color);font-size:.9rem;opacity:.8}@media(min-width:1900px){.disposition-report .charts-grid{grid-template-columns:repeat(auto-fit,minmax(900px,1fr))}}@media(max-width:1900px){.disposition-report .charts-grid{grid-template-columns:1fr;gap:1.5rem}}@media(min-width:768px){.disposition-report .controls-panel{flex-direction:row;align-items:flex-end;justify-content:space-between}.disposition-report .project-selector{flex-direction:row;align-items:center;gap:1rem}.disposition-report .project-selector label{white-space:nowrap}.disposition-report .section-header{flex-direction:row}.disposition-report .section-header h1{font-size:2.5rem}}@media(max-width:1000px){.disposition-report .chart-item{max-width:100%;padding:1rem}.disposition-report .chart-item .chart-wrapper{min-height:400px}.disposition-report .chart-wrapper svg{max-width:100%;height:auto}}@media(max-width:768px){.disposition-report .disposition-info-container,.disposition-report .summary-grid{grid-template-columns:1fr}.disposition-report .comparison-table{font-size:.85rem}.disposition-report .comparison-table th,.disposition-report .comparison-table td{padding:.5rem .25rem}.disposition-report .percentage-column{width:150px}.disposition-report .chart-wrapper{overflow-x:auto}.disposition-report .chart-item{padding:1rem}.disposition-report .chart-item .chart-wrapper{min-height:350px}.disposition-report .charts-section-title{font-size:1.2rem}.disposition-report .chart-title{font-size:1rem}}[data-theme=dark] .disposition-report .disposition-info-card,[data-theme=superdark] .disposition-report .disposition-info-card{border:1px solid var(--border-color-half-soft)}[data-theme=dark] .disposition-report .comparison-table,[data-theme=superdark] .disposition-report .comparison-table{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .disposition-report .chart-item,[data-theme=superdark] .disposition-report .chart-item{background-color:var(--background-color-elevated)}[data-theme=dark] .disposition-report .chart-item:hover,[data-theme=superdark] .disposition-report .chart-item:hover{box-shadow:0 8px 25px #0000004d}.ai-prompting-container{padding:2rem;background-color:var(--background-color);color:var(--text-color);min-height:calc(100vh - 60px);width:100%}.ai-prompting-header{margin-bottom:2rem;text-align:center}.ai-prompting-header h1{font-size:2.75rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.ai-prompting-header p{color:var(--label-text-color);font-size:1.25rem;max-width:700px;margin:0 auto}.ai-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;background-color:var(--background-color-elevated);padding:1.5rem;border-radius:1rem;box-shadow:var(--box-shadow-elevated)}.ai-controls .form-group{display:flex;flex-direction:column;gap:.5rem}.ai-controls .text-input{width:100%;padding:.75rem;border:1px solid var(--border-color-soft);border-radius:.5rem;font-size:1.25rem;background-color:var(--input-background);color:var(--text-color);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;max-width:400px}.ai-controls .text-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff40;background-color:var(--input-focus-background)}.ai-controls label{font-weight:600;color:var(--label-text-color);font-size:1.25rem}.ai-controls .my-select{max-width:400px}.ai-controls textarea.grow-textarea,.grow-textarea-short{resize:none;overflow-y:hidden;width:100%;padding:.75rem;border:1px solid var(--border-color-soft);border-radius:.5rem;font-size:1.25rem;background-color:var(--input-background);color:var(--text-color);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.ai-controls textarea.grow-textarea:focus,.grow-textarea-short:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff40;background-color:var(--input-focus-background)}.ai-controls textarea.grow-textarea{min-height:30rem}.grow-textarea-short{height:auto;min-height:3.5rem}.ai-controls .action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.ai-controls .action-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1.25rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;color:#fff;display:inline-flex;align-items:center;gap:.5rem}.ai-controls .temperature-slider{width:100%;max-width:400px}.ai-controls .action-button.primary{background-color:var(--accent-color)}.ai-controls .action-button.primary:hover:not(:disabled){background-color:var(--accent-color-hover)}.ai-controls .action-button.secondary{background-color:#6c757d}.ai-controls .action-button.secondary:hover:not(:disabled){background-color:#5a6268}.ai-controls .action-button:disabled{opacity:.6;cursor:not-allowed}.ai-prompt-pairs-container,.test-responses-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.input-pair-item,.test-response-item{display:flex;flex-direction:column;gap:1rem}.remove-button-spacing,.remove-test-response-button{align-self:flex-start}.add-button{align-self:flex-start;margin-top:.5rem}.ai-prompt-output{background-color:var(--background-color-elevated);padding:1.5rem;border-radius:1rem;box-shadow:var(--box-shadow-elevated);border:1px solid var(--border-color-soft);width:100%;box-sizing:border-box}.ai-prompt-output+.ai-prompt-output{margin-top:1.5rem}.nested-output{margin-top:10px}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.output-header h2{margin:0;font-weight:600;color:var(--label-text-color);font-size:1.25rem}.word-counter{font-size:.95rem;color:var(--label-text-color)}.output-content-box{white-space:pre-wrap;background:var(--background-color);padding:10px;border-radius:5px;color:var(--text-color);font-family:monospace;font-size:1.25rem;word-break:break-all}.loading-indicator,.error-indicator{text-align:center;padding:2rem;color:var(--text-color);font-size:1.25rem}.error-indicator{color:#dc3545}.contact-support{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:var(--background-color);padding:2rem 1rem}.support-container{width:100%;max-width:700px;background:var(--button-background);border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.support-header{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));color:#fff;padding:2.5rem 2rem;text-align:center}.support-header h1{margin:0 0 1rem;font-size:2.2rem;font-weight:600}.support-header p{margin:0;font-size:1.1rem;opacity:.9;line-height:1.5}.support-form{padding:2.5rem 2rem}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:1px solid var(--table-border-color);border-radius:8px;background-color:var(--input-background);color:var(--text-color);font-size:1rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4a90e21a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.char-count{display:block;margin-top:.5rem;color:var(--text-color);opacity:.6;font-size:.875rem;text-align:right}.error-message,.success-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.error-message{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.success-message{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.form-actions{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.submit-btn{width:100%;max-width:300px;padding:1rem 2rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){background-color:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 4px 15px #4a90e24d}.submit-btn:disabled{background-color:var(--background-color-muted);color:var(--text-color);opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.back-link{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .3s;display:inline-flex;align-items:center;gap:.5rem}.back-link:hover{color:var(--accent-color-hover);text-decoration:underline}.support-info{background-color:var(--background-color-muted);padding:2rem;border-top:1px solid var(--table-border-color)}.support-info h3{margin:0 0 1rem;color:var(--text-color);font-size:1.3rem;font-weight:600}.support-info ul{list-style:none;padding:0;margin:0}.support-info li{padding:.75rem 0;color:var(--text-color);opacity:.8;font-size:1rem;line-height:1.5}.support-info li strong{color:var(--accent-color);font-weight:600}@media(max-width:768px){.contact-support{padding:1rem}.support-container{max-width:100%}.support-header{padding:2rem 1.5rem}.support-header h1{font-size:1.8rem}.support-form{padding:2rem 1.5rem}.support-info{padding:1.5rem}}@media(max-width:480px){.support-header h1{font-size:1.6rem}.support-header p{font-size:1rem}.support-form,.support-info{padding:1.5rem 1rem}}.sample-automation{padding:1.25rem 1.5rem;min-height:100vh;background:var(--background-color)}@media(min-width:1400px){.sample-automation{padding:1.5rem 2.5rem}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.header-subtitle{font-size:.8125rem;color:var(--text-color);opacity:.6;margin:.25rem 0 0}.workflow-container{display:flex;flex-direction:column;gap:1rem}.workflow-step{background:var(--background-color-elevated);border-radius:.5rem;overflow:hidden}.step-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background .15s}.step-header:hover{background:var(--background-color-hover)}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-color);color:#fff;font-size:.8125rem;font-weight:600;flex-shrink:0}.step-number.completed{background:#10b981}.step-number.disabled{background:var(--border-color-soft);color:var(--text-color);opacity:.5}.step-info{flex:1}.step-title{font-size:.875rem;font-weight:600;color:var(--text-color);margin:0}.step-summary{font-size:.75rem;color:var(--text-color);opacity:.6;margin:.125rem 0 0}.step-toggle{color:var(--text-color);opacity:.5;transition:transform .2s}.step-toggle.expanded{transform:rotate(180deg)}.step-content{padding:0 1rem 1rem;border-top:1px solid var(--border-color-soft)}.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding-top:1rem}@media(max-width:1200px){.config-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.config-grid{grid-template-columns:1fr}}.config-item{display:flex;flex-direction:column;gap:.375rem}.config-item label{font-size:.6875rem;font-weight:500;color:var(--text-color);opacity:.7;text-transform:uppercase;letter-spacing:.03em}.config-input,.config-select{padding:.5rem .75rem;border:1px solid var(--border-color-soft);border-radius:.375rem;font-size:.8125rem;color:var(--text-color);background:var(--background-color);transition:border-color .15s}.config-input:focus,.config-select:focus{outline:none;border-color:var(--accent-color)}.config-input:disabled,.config-select:disabled{opacity:.5;cursor:not-allowed}.toggle-group{display:flex;gap:.25rem;background:var(--background-color-muted);padding:.25rem;border-radius:.375rem}.toggle-btn{flex:1;padding:.5rem .75rem;border:none;border-radius:.25rem;font-size:.8125rem;font-weight:500;color:var(--text-color);background:transparent;cursor:pointer;transition:all .15s}.drop-zone{border:2px dashed var(--border-color-soft);border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .15s;background:var(--background-color);margin-top:1rem}.drop-zone:hover{border-color:var(--accent-color);background:var(--background-color-elevated)}.drop-zone.drag-active{border-color:var(--accent-color);background:#2563eb0d}.drop-zone.has-files{border-style:solid;border-color:var(--accent-color);background:var(--background-color-elevated);padding:1rem}.drop-zone-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-color);opacity:.7}.drop-zone-icon{font-size:2.5rem;opacity:.5}.drop-zone-text{font-size:.875rem}.drop-zone-text strong{color:var(--accent-color)}.drop-zone-subtext{font-size:.75rem;opacity:.6}.files-summary-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.files-info{display:flex;align-items:center;gap:.75rem;flex:1}.files-icon{font-size:1.5rem}.files-details{flex:1}.files-count{font-weight:600;color:var(--text-color);font-size:.875rem}.files-meta{font-size:.75rem;color:var(--text-color);opacity:.6}.files-hint{font-size:.6875rem;color:var(--accent-color);margin-top:.125rem}.headers-section{margin-top:1rem}.headers-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:var(--background-color-muted);border-radius:.375rem;margin-bottom:.75rem}.headers-stats{display:flex;gap:1rem;font-size:.75rem}.headers-stats span{color:var(--text-color)}.headers-stats .mapped{color:#10b981}.headers-stats .unmapped{color:#ef4444}.headers-stats .custom{color:#f59e0b}.headers-controls{display:flex;gap:.5rem;align-items:center}.header-filter{padding:.375rem .625rem;border:1px solid var(--border-color-soft);border-radius:.25rem;font-size:.75rem;background:var(--background-color);color:var(--text-color)}.control-btn-sm{padding:.375rem .625rem;border:none;border-radius:.25rem;font-size:.75rem;background:var(--background-color);color:var(--text-color);cursor:pointer;transition:background .15s}.control-btn-sm:hover{background:var(--background-color-hover)}.lock-btn{padding:.375rem .5rem;border:none;border-radius:.25rem;font-size:.875rem;cursor:pointer}.lock-btn.locked{background:#ef4444;color:#fff}.lock-btn.unlocked{background:#10b981;color:#fff}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-item{background:var(--background-color);border:1px solid var(--border-color-soft);border-radius:.375rem;overflow:hidden}.file-item.checked{border-color:#10b981}.file-item-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;cursor:pointer;transition:background .15s}.file-item-header:hover{background:var(--background-color-muted)}.file-item-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.file-item-icon{font-size:1.25rem}.file-item-details{flex:1;min-width:0}.file-item-name{font-size:.8125rem;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-meta{font-size:.6875rem;color:var(--text-color);opacity:.6}.file-item-actions{display:flex;align-items:center;gap:.375rem}.check-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;font-size:.75rem}.expand-icon{color:var(--text-color);opacity:.5;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.headers-content{border-top:1px solid var(--border-color-soft);padding:.75rem;background:var(--background-color-muted)}.headers-grid-header{display:grid;grid-template-columns:1fr 32px 1fr 80px;gap:.5rem;padding:.375rem .5rem;font-size:.6875rem;font-weight:600;color:var(--text-color);opacity:.6;text-transform:uppercase;letter-spacing:.03em}.headers-grid-row{display:grid;grid-template-columns:1fr 32px 1fr 80px;gap:.5rem;align-items:center;padding:.375rem .5rem;border-radius:.25rem;transition:background .1s}.headers-grid-row:hover{background:var(--background-color)}.header-cell{font-size:.8125rem;color:var(--text-color)}.header-cell.original{font-family:SF Mono,Consolas,monospace;font-size:.75rem}.header-arrow{text-align:center;color:var(--text-color);opacity:.4}.header-mapped{display:flex;align-items:center;gap:.375rem}.mapping-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mapping-dot.mapped{background:#10b981}.mapping-dot.unmapped{background:#ef4444}.mapping-dot.custom{background:#f59e0b}.header-actions{display:flex;gap:.25rem;justify-content:flex-end}.action-btn-xs{padding:.25rem .375rem;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .15s}.action-btn-xs.edit{background:#f59e0b;color:#fff}.action-btn-xs.save{background:#10b981;color:#fff}.action-btn-xs.cancel{background:#ef4444;color:#fff}.action-btn-xs:disabled{opacity:.5;cursor:not-allowed}.header-input-inline{width:100%;padding:.25rem .375rem;border:2px solid var(--accent-color);border-radius:.25rem;font-size:.8125rem;background:var(--background-color);color:var(--text-color)}.header-input-inline:focus{outline:none}.mapping-legend{display:flex;gap:1rem;justify-content:center;padding:.5rem;font-size:.6875rem;color:var(--text-color);opacity:.7}.legend-item{display:flex;align-items:center;gap:.375rem}.validation-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.375rem;margin-bottom:.75rem}.validation-alert-icon{color:#ef4444;flex-shrink:0}.validation-alert-content{flex:1}.validation-alert h4{margin:0 0 .375rem;font-size:.8125rem;font-weight:600;color:#ef4444}.validation-alert p{margin:0;font-size:.75rem;color:var(--text-color)}.conflict-list{margin:.5rem 0 0;padding-left:1rem;font-size:.75rem}.process-actions{display:flex;gap:.75rem;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-color-soft);margin-top:1rem}.btn-primary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--accent-color);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--background-color);border:1px solid var(--border-color-soft);border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .15s}.btn-secondary:hover:not(:disabled){background:var(--background-color-hover)}.btn-danger{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:#ef4444;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.results-section{margin-top:1rem}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:1024px){.results-grid{grid-template-columns:repeat(2,1fr)}}.result-card{background:var(--background-color);border-radius:.375rem;padding:.875rem;text-align:center}.result-label{font-size:.6875rem;font-weight:500;color:var(--text-color);opacity:.6;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.result-value{font-size:1.125rem;font-weight:600;color:var(--accent-color);word-break:break-all}.result-value.success{color:#10b981}.result-value.error{color:#ef4444}.preview-section{margin-top:1rem;border-top:1px solid var(--border-color-soft);padding-top:1rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.preview-title{font-size:.8125rem;font-weight:600;color:var(--text-color);margin:0}.preview-subtitle{font-size:.75rem;color:var(--text-color);opacity:.6}.preview-table-wrapper{overflow-x:auto;border-radius:.375rem;border:1px solid var(--border-color-soft)}.preview-table{width:100%;border-collapse:collapse;font-size:.75rem}.preview-table th{padding:.5rem .75rem;text-align:left;font-weight:600;color:var(--text-color);background:var(--background-color-muted);border-bottom:1px solid var(--border-color-soft);white-space:nowrap}.preview-table td{padding:.5rem .75rem;color:var(--text-color);border-bottom:1px solid var(--border-color-soft);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.preview-table tbody tr:hover{background:var(--background-color-muted)}.preview-table tbody tr:last-child td{border-bottom:none}.row-num{width:50px;text-align:center;color:var(--text-color);opacity:.5;background:var(--background-color-muted);border-right:1px solid var(--border-color-soft)}.col-type{display:block;font-size:.625rem;font-weight:400;color:var(--text-color);opacity:.5;text-transform:uppercase}.status-message{padding:.75rem 1rem;border-radius:.375rem;margin:1rem 0;font-size:.875rem;text-align:center}.status-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.status-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-color);opacity:.6}.spinner{width:24px;height:24px;border:2px solid var(--border-color-soft);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.5rem}.error-state{padding:1rem;text-align:center;color:#ef4444;font-size:.875rem}.error-inline{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.375rem;color:#ef4444;font-size:.8125rem;margin-bottom:1rem}.processing-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.3);border-radius:.375rem;margin-bottom:1rem}.processing-banner .spinner{margin-bottom:0}.processing-text{font-size:.875rem;color:var(--accent-color);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-color);opacity:.5}.empty-state-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.empty-state p{margin:0;font-size:.875rem}.empty-state small{margin-top:.25rem;font-size:.75rem}.file-input-hidden{display:none}@media(max-width:768px){.sample-automation{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-title h1{font-size:1.25rem}.config-grid,.results-grid{grid-template-columns:1fr}.headers-toolbar{flex-direction:column;gap:.5rem}.headers-stats{width:100%;justify-content:space-around}.headers-controls{width:100%;justify-content:space-between}}.file-list::-webkit-scrollbar,.preview-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.file-list::-webkit-scrollbar-track,.preview-table-wrapper::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.file-list::-webkit-scrollbar-thumb,.preview-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color-soft);border-radius:3px}.sample-split-container{background:var(--background-color-elevated);border-radius:.5rem;margin-top:1rem;overflow:hidden}.sample-split-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--background-color-muted);cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.sample-split-header:hover{background:var(--background-color-hover)}.header-left{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-weight:600;font-size:.875rem}.header-summary{color:var(--text-color);opacity:.6;font-size:.75rem;font-weight:400}.sample-split-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.split-mode-section,.householding-section,.header-selection-section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-size:.6875rem;font-weight:500;color:var(--text-color);opacity:.7;text-transform:uppercase;letter-spacing:.03em}.toggle-group{display:flex;gap:.25rem;background:var(--background-color);padding:.25rem;border-radius:.375rem}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:.25rem;font-size:.8125rem;font-weight:500;color:var(--text-color);background:transparent;cursor:pointer;transition:all .15s}.toggle-btn:hover:not(.active){background:var(--background-color-hover)}.toggle-btn.active{background:var(--background-color-elevated);color:var(--accent-color);box-shadow:0 1px 2px #0000000d}.householding-toggle{display:flex;align-items:center;gap:.5rem}.householding-checkbox{margin:0;cursor:pointer;accent-color:var(--accent-color);width:16px;height:16px}.householding-label{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.8125rem;color:var(--text-color)}.householding-icon{color:var(--accent-color)}.section-header{display:flex;justify-content:space-between;align-items:center}.select-all-btn{padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color-soft);border-radius:.25rem;font-size:.75rem;color:var(--text-color);cursor:pointer;transition:all .15s}.select-all-btn:hover{background:var(--background-color-hover)}.headers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.375rem;max-height:200px;overflow-y:auto;padding:.25rem}.header-checkbox-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:var(--background-color);border:1px solid var(--border-color-soft);border-radius:.25rem;cursor:pointer;transition:all .15s}.header-checkbox-item:hover{background:var(--background-color-hover);border-color:var(--accent-color)}.header-checkbox-item.selected{background:#2563eb1a;border-color:var(--accent-color)}.header-checkbox{margin:0;cursor:pointer;accent-color:var(--accent-color);width:14px;height:14px;flex-shrink:0}.header-label{cursor:pointer;color:var(--text-color);font-size:.75rem;flex:1;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-logic-container{background:var(--background-color);border-radius:.375rem;padding:.75rem}.split-logic-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.75rem;color:var(--text-color);font-weight:600;font-size:.75rem}.split-icon{color:var(--accent-color)}.age-range-selector{margin-bottom:.75rem}.form-label{display:block;margin-bottom:.25rem;font-size:.6875rem;font-weight:500;color:var(--text-color);opacity:.7}.form-select{width:100%;max-width:180px;padding:.375rem .5rem;background:var(--background-color-elevated);color:var(--text-color);border:1px solid var(--border-color-soft);border-radius:.25rem;font-size:.8125rem;cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent-color)}.form-select:disabled{opacity:.5;cursor:not-allowed}.split-preview{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.split-group{padding:.625rem;border-radius:.25rem;background:var(--background-color-elevated);border-left:3px solid var(--border-color-soft)}.split-group.landline-group{border-left-color:#10b981}.split-group.cell-group{border-left-color:#3b82f6}.split-group-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;color:var(--text-color);font-weight:600;font-size:.75rem}.split-conditions{display:flex;flex-direction:column;gap:.25rem}.condition{padding:.25rem .375rem;background:var(--background-color);border-radius:.25rem;font-family:SF Mono,Consolas,monospace;font-size:.6875rem;color:var(--text-color);text-align:center}.condition-separator{text-align:center;color:var(--text-color);opacity:.5;font-size:.625rem;font-weight:600}.configuration-summary{background:var(--background-color);border-radius:.375rem;padding:.75rem}.configuration-summary h4{color:var(--text-color);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.configuration-summary ul{list-style-type:none;padding:0;margin:0}.configuration-summary li{color:var(--text-color);font-size:.75rem;padding:.25rem 0;opacity:.8}.extract-section{background:var(--background-color);border-radius:.375rem;padding:.75rem}.extract-header{margin-bottom:.75rem}.extract-header h4{color:var(--text-color);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.extract-description{color:var(--text-color);opacity:.6;font-size:.75rem;margin:0}.extract-preview{margin-bottom:.75rem}.file-preview{display:flex;align-items:center;gap:.625rem;padding:.625rem;background:var(--background-color-elevated);border-radius:.25rem;margin-bottom:.375rem;border-left:3px solid var(--border-color-soft)}.file-preview:last-child{margin-bottom:0}.file-preview.landline-file{border-left-color:#10b981}.file-preview.cell-file{border-left-color:#3b82f6}.file-icon{font-size:1.25rem;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{color:var(--text-color);font-weight:600;font-size:.8125rem;font-family:SF Mono,Consolas,monospace}.file-description{color:var(--text-color);opacity:.6;font-size:.6875rem;line-height:1.4}.split-files-preview{display:flex;flex-direction:column;gap:.375rem}.extract-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.extract-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--accent-color);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.extract-btn:hover:not(:disabled){filter:brightness(1.1)}.extract-btn:disabled{opacity:.5;cursor:not-allowed}.extract-validation{display:flex;flex-direction:column;gap:.25rem}.validation-error{color:#ef4444;font-size:.75rem;font-weight:500}.headers-grid::-webkit-scrollbar{width:6px}.headers-grid::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.headers-grid::-webkit-scrollbar-thumb{background:var(--border-color-soft);border-radius:3px}@media(max-width:768px){.sample-split-header{flex-direction:column;gap:.375rem;text-align:center}.toggle-group{flex-direction:column}.section-header{flex-direction:column;gap:.5rem;align-items:stretch}.headers-grid,.split-preview{grid-template-columns:1fr}.extract-btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--background-color-elevated);border-radius:1rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-color-soft)}[data-theme=dark] .modal-content,[data-theme=superdark] .modal-content{box-shadow:0 25px 50px -12px #00000080}.modal-content.modal-small{max-width:400px}.modal-content.modal-large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color-soft)}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.modal-close{background:none;border:none;color:var(--text-color);opacity:.5;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:opacity .15s;border-radius:.25rem}.modal-close:hover{opacity:1}.modal-body{padding:1.5rem}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-color);opacity:.8}.form-group small{font-size:.75rem;color:var(--text-color);opacity:.5}.form-input,.form-select{padding:.625rem .875rem;border:1px solid var(--border-color-soft);border-radius:.5rem;font-size:.875rem;color:var(--text-color);background:var(--input-background);transition:all .15s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb26}.form-input.disabled,.form-input:disabled{background:var(--background-color-muted);color:var(--text-color);opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--text-color);opacity:.4}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color-soft);background:var(--background-color-muted);border-radius:0 0 1rem 1rem}.btn-secondary{padding:.625rem 1.25rem;background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .15s}.btn-secondary:hover:not(:disabled){background:var(--background-color-hover);border-color:var(--border-color)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:.625rem 1.25rem;background:var(--accent-color);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:.625rem 1.25rem;background:#ef4444;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;font-size:.875rem}[data-theme=dark] .error-message,[data-theme=superdark] .error-message{background:#ef444426;color:#f87171}.delete-details{padding:1rem;background:var(--background-color-muted);border-radius:.5rem;margin:1rem 0;font-size:.875rem;line-height:1.6;color:var(--text-color)}.delete-details strong{color:var(--text-color)}.warning-text{color:#ef4444;font-size:.875rem;font-weight:500;margin:1rem 0 0}[data-theme=dark] .warning-text,[data-theme=superdark] .warning-text{color:#f87171}.caller-name-warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;color:#d97706;font-size:.8rem;line-height:1.4;margin-top:.5rem}[data-theme=dark] .caller-name-warning,[data-theme=superdark] .caller-name-warning{background:#f59e0b26;color:#fbbf24}.caller-name-warning svg{flex-shrink:0;margin-top:.125rem}.phone-info{padding:1rem;background:var(--background-color-muted);border-radius:.5rem;margin-bottom:1rem}.phone-info p{margin:.5rem 0;font-size:.875rem;color:var(--text-color)}.phone-info p:first-child{margin-top:0}.phone-info p:last-child{margin-bottom:0}.phone-info strong{color:var(--text-color);opacity:.7}@media(max-width:640px){.modal-content{max-width:100%;margin:.5rem;border-radius:.75rem;max-height:calc(100vh - 1rem)}.modal-header,.modal-form,.modal-actions{padding:1rem}}.callid-management{padding:1.25rem 1.5rem;min-height:100vh;background:var(--background-color)}@media(min-width:1400px){.callid-management{padding:1.5rem 2.5rem}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-title{display:flex;align-items:center;gap:.625rem}.header-title svg{color:var(--accent-color)}.header-title h1{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0}.refresh-button{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .15s}.refresh-button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.callid-tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--background-color-muted);padding:.25rem;border-radius:.5rem;width:fit-content}.callid-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-color);opacity:.6;cursor:pointer;transition:all .15s}.callid-tab:hover{opacity:1;background:var(--background-color-elevated)}.callid-tab.active{background:var(--background-color-elevated);color:var(--accent-color);opacity:1;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .callid-tab.active,[data-theme=superdark] .callid-tab.active{box-shadow:0 1px 3px #0000004d}.tab-content{background:transparent;padding:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-color);opacity:.6}.loading-state p{margin-top:1rem;font-size:.875rem}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-color)}.empty-state svg{opacity:.3}.empty-state p{margin:1rem 0 .5rem;font-size:.9375rem;opacity:.7}.empty-state small{font-size:.8125rem;opacity:.5}.dashboard-content{display:flex;flex-direction:column;gap:1.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.metric-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;background:var(--background-color-elevated);transition:all .15s}.metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;flex-shrink:0}.metric-card.primary .metric-icon{background:#2563eb26;color:#3b82f6}.metric-card.success .metric-icon{background:#10b98126;color:#10b981}.metric-card.info .metric-icon{background:#06b6d426;color:#06b6d4}.metric-card.warning .metric-icon{background:#f59e0b26;color:#f59e0b}.metric-content{flex:1;min-width:0}.metric-value{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.metric-label{font-size:.75rem;color:var(--text-color);opacity:.6;margin:0}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:1rem}@media(min-width:1600px){.dashboard-grid{grid-template-columns:320px 1fr}}.dashboard-column{display:flex;flex-direction:column;gap:1rem}.dashboard-section{background:var(--background-color-elevated);border-radius:.5rem;overflow:hidden}.section-title{font-size:.8125rem;font-weight:600;color:var(--text-color);margin:0;padding:.75rem 1rem;border-bottom:1px solid var(--border-color-soft);opacity:.8}.status-breakdown,.state-distribution{padding:.5rem;display:flex;flex-direction:column;gap:.25rem;max-height:240px;overflow-y:auto}.status-item,.state-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .625rem;background:var(--background-color-muted);border-radius:.25rem;font-size:.8125rem}.status-label,.state-label{color:var(--text-color)}.status-count,.state-count{font-weight:600;color:var(--accent-color);font-size:.875rem}.activity-list{padding:.5rem;display:flex;flex-direction:column;gap:.375rem;max-height:400px;overflow-y:auto}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:var(--background-color-muted);border-radius:.375rem;transition:background .15s}.activity-item:hover{background:var(--background-color-hover)}.activity-main{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.activity-project{font-weight:600;color:var(--accent-color);font-size:.8125rem}.activity-phone{font-family:SF Mono,Consolas,monospace;font-size:.8125rem;color:var(--text-color)}.activity-state{font-size:.75rem;color:var(--text-color);opacity:.6;padding:.125rem .375rem;background:var(--background-color-muted);border-radius:.25rem}.activity-separator{color:var(--text-color);opacity:.3}.activity-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.activity-date{font-size:.75rem;color:var(--text-color);opacity:.5}.activity-status{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.03em}.activity-status.active{background:#10b98126;color:#10b981}.activity-status.ended{background:var(--background-color-muted);color:var(--text-color);opacity:.6}.callid-management .data-table{width:100%;border-collapse:collapse;margin:0;text-align:left;background:var(--background-color-elevated);border-radius:.5rem}.callid-management .data-table thead{position:sticky;top:0;z-index:1;background:transparent}.callid-management .data-table th{padding:.625rem 1rem;text-align:left;font-weight:500;color:var(--text-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;opacity:.5;background:var(--background-color);border:none;border-bottom:1px solid var(--border-color-soft);white-space:nowrap}.callid-management .data-table tbody tr{transition:background .1s;border:none}.callid-management .data-table tbody tr:hover{background:var(--background-color-elevated)}.callid-management .data-table td{padding:.75rem 1rem;color:var(--text-color);border:none;border-bottom:1px solid var(--border-color-soft);white-space:nowrap}.callid-management .data-table tbody tr:last-child td{border-bottom:none}.callid-management .data-table .project-id{font-weight:600;color:var(--accent-color)}.callid-management .data-table .phone-number{font-family:SF Mono,Consolas,monospace;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.active{background:#10b98126;color:#10b981}.status-badge.inactive,.status-badge.unknown{background:var(--background-color-muted);color:var(--text-color);opacity:.6}.status-badge.flagged{background:#ef444426;color:#ef4444}.status-badge.testing{background:#f59e0b26;color:#f59e0b}.days-badge{display:inline-flex;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500}.days-badge.new{background:#2563eb26;color:#3b82f6}.days-badge.active{background:#10b98126;color:#10b981}.days-badge.long{background:#f59e0b26;color:#f59e0b}.days-badge.very-long{background:#ef444426;color:#ef4444}.state-badge{display:inline-flex;padding:.125rem .5rem;background:var(--background-color-muted);border-radius:.25rem;font-size:.75rem;font-weight:600;color:var(--text-color)}.badge-in-use{display:inline-flex;padding:.25rem .5rem;background:#f59e0b26;color:#f59e0b;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase}.badge-available{display:inline-flex;padding:.25rem .5rem;background:#10b98126;color:#10b981;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase}.inventory-content{display:flex;flex-direction:column;gap:.75rem}.filters-section{padding:.5rem 0}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.filters-header h3{font-size:.75rem;font-weight:600;color:var(--text-color);margin:0;opacity:.6;text-transform:uppercase;letter-spacing:.04em}.clear-filters-btn{padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color-soft);border-radius:.375rem;font-size:.75rem;color:var(--text-color);opacity:.7;cursor:pointer;transition:all .15s}.clear-filters-btn:hover:not(:disabled){opacity:1;border-color:#ef4444;color:#ef4444}.clear-filters-btn:disabled{opacity:.4;cursor:not-allowed}.filters-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem 1rem}.filters-grid .filter-item{flex:0 0 auto;min-width:120px}.filter-item{display:flex;flex-direction:column;gap:.25rem}.filter-item label{font-size:.6875rem;font-weight:500;color:var(--text-color);opacity:.7}.filter-input,.filter-select{padding:.375rem .625rem;border:1px solid var(--border-color-soft);border-radius:.25rem;font-size:.8125rem;color:var(--text-color);background:var(--background-color-elevated);transition:border-color .15s}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent-color)}.filter-input::placeholder{color:var(--text-color);opacity:.4}.inventory-actions{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.btn-primary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--accent-color);border:none;border-radius:.5rem;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:filter .15s}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.inventory-stats{display:flex;align-items:center}.loading-text{font-size:.8125rem;color:var(--text-color);opacity:.6}.result-count{font-size:.8125rem;font-weight:500;color:var(--text-color);opacity:.7}.actions-cell{width:120px}.action-buttons{display:flex;gap:.25rem;justify-content:flex-end}.btn-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color-soft);border-radius:.375rem;background:var(--background-color-elevated);cursor:pointer;transition:all .15s;color:var(--text-color);opacity:.6}.btn-action:hover:not(:disabled){opacity:1}.btn-action:disabled{opacity:.3;cursor:not-allowed}.btn-edit:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.btn-assign:hover:not(:disabled){border-color:#10b981;color:#10b981}.btn-delete:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.assignments-content{display:flex;flex-direction:column;gap:.75rem}.assignments-search{padding:.5rem 0}.search-group{display:flex;flex-direction:column;gap:.375rem}.search-group label{font-size:.75rem;font-weight:600;color:var(--text-color);opacity:.7}.search-input{padding:.625rem .875rem;border:1px solid var(--border-color-soft);border-radius:.5rem;font-size:.875rem;background:var(--input-background);color:var(--text-color);max-width:300px}.search-input:focus{outline:none;border-color:var(--accent-color)}.assignments-section{overflow:hidden}.section-header-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.section-header-bar h3{margin:0;font-size:.75rem;font-weight:600;color:var(--text-color);opacity:.6;text-transform:uppercase;letter-spacing:.04em}.count-badge{padding:.25rem .625rem;background:var(--accent-color);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:500}.btn-secondary-small{padding:.375rem .75rem;background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:.375rem;font-size:.75rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .15s}.btn-secondary-small:hover{border-color:var(--border-color)}.slot-cell{min-width:140px}.slot-display{display:flex;flex-direction:column;gap:.125rem}.slot-phone{font-family:SF Mono,Consolas,monospace;font-size:.8125rem;font-weight:500;color:var(--text-color)}.slot-meta{font-size:.6875rem;color:var(--text-color);opacity:.5}.slot-empty{color:var(--text-color);opacity:.3}.history-list{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.history-card{background:var(--background-color-muted);border-radius:.5rem;padding:.875rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-header h4{margin:0;font-size:.8125rem;font-weight:500;color:var(--text-color)}.history-status{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase}.history-status.active{background:#10b98126;color:#10b981}.history-status.ended{background:var(--background-color-muted);color:var(--text-color);opacity:.6}.history-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.history-slot{display:flex;flex-direction:column;gap:.25rem;padding:.625rem;background:var(--background-color-muted);border-radius:.375rem}.slot-badge{display:inline-flex;width:fit-content;padding:.125rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.slot-badge.slot-1{background:#2563eb26;color:#3b82f6}.slot-badge.slot-2{background:#10b98126;color:#10b981}.slot-badge.slot-3{background:#f59e0b26;color:#f59e0b}.slot-badge.slot-4{background:#ec489926;color:#ec4899}.history-phone{font-family:SF Mono,Consolas,monospace;font-size:.8125rem;font-weight:500;color:var(--text-color)}.history-details{font-size:.75rem;color:var(--text-color);opacity:.5}.project-id.clickable:hover{text-decoration:underline;cursor:pointer}.analytics-content{display:flex;flex-direction:column;gap:1rem}.utilization-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.utilization-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--background-color-elevated);border-radius:.5rem}.utilization-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;background:#2563eb26;color:#3b82f6;flex-shrink:0}.utilization-icon.success{background:#10b98126;color:#10b981}.utilization-icon.info{background:#06b6d426;color:#06b6d4}.utilization-icon.warning{background:#f59e0b26;color:#f59e0b}.utilization-content{flex:1}.utilization-label{font-size:.75rem;color:var(--text-color);opacity:.6;margin:0}.utilization-value{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1600px){.analytics-grid{grid-template-columns:repeat(3,1fr)}}.analytics-column{display:flex;flex-direction:column;gap:1rem}.ranking-list{padding:.75rem;display:flex;flex-direction:column;gap:.375rem}.ranking-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--background-color-muted);border-radius:.375rem}.ranking-position{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-color);color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.ranking-content{flex:1;min-width:0}.ranking-phone{font-family:SF Mono,Consolas,monospace;font-size:.875rem;font-weight:500;color:var(--text-color)}.ranking-meta{font-size:.75rem;color:var(--text-color);opacity:.5}.ranking-stat{text-align:right}.stat-value{font-size:1.25rem;font-weight:700;color:var(--accent-color);line-height:1}.stat-value.warning{color:#f59e0b}.stat-label{font-size:.625rem;color:var(--text-color);opacity:.5;text-transform:uppercase;margin-top:.125rem}.separator{margin:0 .375rem;opacity:.3}.coverage-list{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto}.coverage-item{display:flex;flex-direction:column;gap:.375rem}.coverage-header{display:flex;justify-content:space-between;align-items:center}.state-name{font-weight:500;font-size:.875rem;color:var(--text-color)}.coverage-total{font-size:.75rem;color:var(--text-color);opacity:.5}.coverage-bar{height:6px;background:var(--background-color-muted);border-radius:3px;overflow:hidden}.coverage-bar-fill{height:100%;transition:width .3s ease}.coverage-bar-fill.in-use{background:#f59e0b}.coverage-legend{display:flex;gap:1rem;font-size:.6875rem}.legend-item{display:flex;align-items:center;gap:.375rem;color:var(--text-color);opacity:.6}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.in-use{background:#f59e0b}.legend-dot.available{background:#10b981}.legend-dot.numbers{background:#3b82f6}.legend-dot.assignments{background:#06b6d4}.timeline-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.375rem;height:180px;padding:1rem;padding-bottom:0}.timeline-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem}.timeline-bars{display:flex;align-items:flex-end;gap:2px;height:150px;width:100%;justify-content:center}.timeline-bar{width:40%;min-height:4px;border-radius:2px 2px 0 0;transition:all .3s ease}.timeline-bar.numbers{background:#3b82f6}.timeline-bar.assignments{background:#06b6d4}.timeline-label{font-size:.625rem;color:var(--text-color);opacity:.5;text-align:center}.timeline-legend{display:flex;justify-content:center;gap:1.5rem;padding:.75rem;border-top:1px solid var(--border-color-soft);font-size:.6875rem}.idle-list{padding:.75rem;display:flex;flex-direction:column;gap:.375rem;max-height:320px;overflow-y:auto}.idle-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--background-color-muted);border-radius:.375rem;border-left:3px solid #f59e0b}.idle-content{flex:1}.idle-phone{font-family:SF Mono,Consolas,monospace;font-size:.875rem;font-weight:500;color:var(--text-color)}.idle-meta{font-size:.75rem;color:var(--text-color);opacity:.5}.idle-stat{text-align:right}.filter-select-small{padding:.375rem .625rem;border:1px solid var(--border-color-soft);border-radius:.375rem;font-size:.75rem;background:var(--input-background);color:var(--text-color)}.slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.slot-card{border-radius:.5rem;padding:.875rem;background:var(--background-color-muted);border-left:3px solid var(--border-color-soft)}.slot-card.slot-1{border-left-color:#3b82f6}.slot-card.slot-2{border-left-color:#10b981}.slot-card.slot-3{border-left-color:#f59e0b}.slot-card.slot-4{border-left-color:#ec4899}.slot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.slot-title{display:flex;flex-direction:column;gap:.25rem}.slot-type{font-size:.75rem;color:var(--text-color);opacity:.5}.btn-icon-danger{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:.25rem;opacity:.6;transition:opacity .15s}.btn-icon-danger:hover:not(:disabled){opacity:1}.btn-icon-danger:disabled{opacity:.3;cursor:not-allowed}.slot-current{background:var(--background-color-elevated);padding:.625rem .75rem;border-radius:.375rem;margin-bottom:.625rem}.current-number{display:flex;align-items:center;gap:.5rem;font-family:SF Mono,Consolas,monospace;font-size:.9375rem;font-weight:500;color:var(--text-color);margin-bottom:.25rem}.current-details{font-size:.75rem;color:var(--text-color);opacity:.6}.current-dates{font-size:.6875rem;color:var(--text-color);opacity:.4;margin-top:.25rem}.slot-assign{display:flex;gap:.5rem}.slot-assign .form-select{flex:1;padding:.5rem .75rem;font-size:.8125rem}.btn-small{padding:.5rem .75rem;font-size:.8125rem}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.utilization-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.callid-management{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-title h1{font-size:1.25rem}.callid-tabs{width:100%;overflow-x:auto}.callid-tab{white-space:nowrap;flex-shrink:0}.metrics-grid,.utilization-grid,.slots-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-meta{width:100%;justify-content:space-between}.filters-grid{flex-direction:column}.filters-grid .filter-item{min-width:100%}}.alert{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;margin-bottom:1rem}.alert-info{background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:#3b82f6}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.status-breakdown::-webkit-scrollbar,.state-distribution::-webkit-scrollbar,.activity-list::-webkit-scrollbar,.coverage-list::-webkit-scrollbar,.idle-list::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:4px}.status-breakdown::-webkit-scrollbar-track,.state-distribution::-webkit-scrollbar-track,.activity-list::-webkit-scrollbar-track,.coverage-list::-webkit-scrollbar-track,.idle-list::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track{background:transparent}.status-breakdown::-webkit-scrollbar-thumb,.state-distribution::-webkit-scrollbar-thumb,.activity-list::-webkit-scrollbar-thumb,.coverage-list::-webkit-scrollbar-thumb,.idle-list::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:var(--border-color-soft);border-radius:2px}.projects-container{padding:1.5rem;max-width:100%;margin:0 auto;width:100%;box-sizing:border-box}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-soft)}.projects-header-left h1{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.projects-subtitle{color:var(--label-text-color);font-size:.875rem;margin:0}.projects-header-right{display:flex;gap:.5rem;flex-wrap:wrap}.projects-controls{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.search-bar{position:relative;flex:1;min-width:280px;max-width:500px}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--label-text-color);display:flex;align-items:center}.search-input{width:100%;padding:.625rem 2.5rem;border:1px solid var(--border-color-soft);border-radius:6px;font-size:.875rem;transition:all .2s ease;background-color:var(--input-background);color:var(--text-color)}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1)}.search-input::placeholder{color:var(--label-text-color);opacity:.7}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--label-text-color);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.search-clear:hover{color:var(--text-color);background:var(--transparent-background)}.search-spinner{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid var(--border-color-soft);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.projects-info{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.total-count{color:var(--text-color);font-size:.875rem}.total-count strong{color:var(--accent-color);font-weight:600}.search-results-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.results-badge{background:var(--accent-color);color:#fff;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:500}.legend-container{position:relative}.btn-legend{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color-soft);border-radius:6px;color:var(--label-text-color);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.btn-legend:hover{border-color:var(--accent-color);color:var(--accent-color);background:rgba(var(--accent-color-rgb),.04)}.legend-popover{position:absolute;top:calc(100% + .5rem);right:0;background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:.75rem 1rem;z-index:100;min-width:160px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.legend-title{font-size:.75rem;font-weight:600;color:var(--label-text-color);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.625rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color-soft)}.legend-items{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:var(--text-color)}.legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0}.legend-color-starting{background:#dc262680;border:1px solid rgba(220,38,38,.7)}.legend-color-ending{background:#22c55e80;border:1px solid rgba(34,197,94,.7)}.legend-color-fielding{background:#3b82f680;border:1px solid rgba(59,130,246,.7)}.legend-color-upcoming{background:#f59e0b80;border:1px solid rgba(245,158,11,.7)}.btn-primary,.btn-secondary,.btn-danger{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-color-hover);transform:translateY(-1px)}.btn-secondary{background:var(--button-background);color:var(--button-text);border:1px solid var(--border-color-soft)}.btn-secondary:hover:not(:disabled){background:var(--button-background-hover);border-color:var(--accent-color)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.875rem;text-decoration:none;padding:0;font-weight:500}.btn-link:hover{text-decoration:underline}.btn-with-icon{display:inline-flex;align-items:center;gap:.5rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--label-text-color)}.btn-icon.btn-edit{color:var(--accent-color)}.btn-icon.btn-edit:hover{background:rgba(var(--accent-color-rgb),.1)}.btn-icon.btn-delete{color:#dc2626}.btn-icon.btn-delete:hover{background:#dc26261a}.projects-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;background:transparent}.projects-table thead{position:sticky;top:0;z-index:1;background:transparent}.projects-table th{padding:.625rem 1rem;text-align:left;font-weight:500;color:var(--text-color);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;opacity:.5;background:var(--background-color);border:none;border-bottom:1px solid var(--border-color-soft)}.col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.col-sortable:hover{opacity:.8}.sort-icon{margin-left:.375rem;vertical-align:middle}.sort-icon.inactive{opacity:.4}.sort-icon.active{opacity:1;color:var(--accent-color)}.projects-table tbody tr{transition:background .1s ease;border:none}.projects-table tbody tr:hover{background:var(--background-color-elevated)}.projects-table tbody tr.row-ending{background:#22c55e14}.projects-table tbody tr.row-ending:hover{background:#22c55e1f}.projects-table tbody tr.row-starting{background:#dc262614}.projects-table tbody tr.row-starting:hover{background:#dc26261f}.projects-table tbody tr.row-fielding{background:#3b82f60f}.projects-table tbody tr.row-fielding:hover{background:#3b82f61a}.projects-table tbody tr.row-upcoming{background:#f59e0b0f}.projects-table tbody tr.row-upcoming:hover{background:#f59e0b1a}.projects-table td{padding:.75rem 1rem;color:var(--text-color);border:none;border-bottom:1px solid var(--border-color-soft);white-space:nowrap}.projects-table tbody tr:last-child td{border-bottom:none}.col-actions{width:70px;min-width:70px}.action-buttons{display:flex;gap:.25rem}.col-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-table td:nth-child(2){font-weight:600;color:var(--accent-color)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-yes{background:#10b98126;color:#10b981}.badge-no{background:var(--background-color-muted);color:var(--text-color);opacity:.6}.table-loading,.table-empty{padding:3rem 1.5rem;text-align:center;color:var(--label-text-color)}.spinner-container{display:flex;justify-content:center;align-items:center;padding:1rem}.spinner{width:24px;height:24px;border:2px solid var(--border-color-soft);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto .75rem}@keyframes spin{to{transform:rotate(360deg)}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--background-color-elevated);border-radius:8px;border:1px solid var(--border-color-soft);flex-wrap:wrap;gap:.75rem}.pagination-info{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:.8rem}.pagination-select{padding:.375rem .5rem;border:1px solid var(--border-color-soft);border-radius:4px;font-size:.8rem;cursor:pointer;background-color:var(--input-background);color:var(--text-color)}.pagination-controls{display:flex;gap:.25rem}.pagination-btn{padding:.375rem .625rem;border:1px solid var(--border-color-soft);background:var(--button-background);color:var(--button-text);border-radius:4px;cursor:pointer;transition:all .15s ease;font-size:.8rem;min-width:32px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--button-background-hover);border-color:var(--accent-color)}.pagination-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{padding:.375rem .5rem;color:var(--label-text-color)}.modal-backdrop,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--background-popover);border-radius:12px;box-shadow:0 20px 50px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .25s ease-out;margin:auto}.modal-content:focus{outline:none}.modal-small{max-width:420px}.modal-medium{max-width:600px}.modal-large{max-width:800px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color-soft);display:flex;justify-content:space-between;align-items:center;background:var(--background-color-muted);border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.modal-header-danger{background:#dc26261a}.modal-header-danger h2{color:#dc2626}.modal-close{background:none;border:none;cursor:pointer;padding:.375rem;color:var(--label-text-color);display:flex;align-items:center;border-radius:4px;transition:all .15s ease}.modal-close:hover{background:var(--transparent-background);color:var(--text-color)}.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color-soft);display:flex;justify-content:flex-end;gap:.5rem;background:var(--background-color-muted);border-radius:0 0 12px 12px}.form-grid{display:flex;flex-direction:column;gap:1rem}.form-section{background:var(--background-color-muted);border-radius:8px;padding:1rem;border:1px solid var(--border-color-soft)}.form-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--label-text-color);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.form-group label{font-weight:500;color:var(--label-text-color);font-size:.8rem}.form-group .required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{padding:.5rem .625rem;border:1px solid var(--border-color-soft);border-radius:6px;font-size:.875rem;transition:all .15s ease;width:100%;box-sizing:border-box;background-color:var(--input-background);color:var(--text-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1)}.input-error{border-color:#dc2626!important}.input-error:focus{box-shadow:0 0 0 2px #dc262626!important}.error-text{color:#dc2626;font-size:.75rem}.input-disabled{background:var(--background-color-muted);color:var(--label-text-color);cursor:not-allowed;opacity:.7}.compact-and-dates-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start}.form-group.compact-grid{display:flex;flex-direction:column;gap:.75rem}.compact-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.compact-field{display:flex;flex-direction:column;gap:.375rem}.compact-field label{font-weight:500;color:var(--label-text-color);font-size:.8rem;white-space:nowrap}.compact-field input[type=number],.compact-field input[type=text]{padding:.5rem .625rem;border:1px solid var(--border-color-soft);border-radius:6px;font-size:.875rem;background-color:var(--input-background);color:var(--text-color);width:80px}.compact-field.nsize-field input[type=number]{width:90px}.checkbox-field{display:flex;align-items:center;min-width:90px}.checkbox-field label{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.8rem;color:var(--text-color);white-space:nowrap;-webkit-user-select:none;user-select:none}.checkbox-field input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color);flex-shrink:0}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.form-group.dates-group{display:flex;flex-direction:column;gap:.75rem}.date-field{display:flex;flex-direction:column;gap:.375rem}.date-field label{font-weight:500;color:var(--label-text-color);font-size:.8rem}.date-field input{padding:.5rem .625rem;border:1px solid var(--border-color-soft);border-radius:6px;font-size:.875rem;background-color:var(--input-background);color:var(--text-color);width:160px}.delete-warning{font-size:.9rem;font-weight:500;color:var(--text-color);margin-bottom:.75rem}.delete-details{background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:6px;padding:.75rem;margin-bottom:.75rem}.delete-details p{margin:.25rem 0;color:var(--text-color);font-size:.875rem}.delete-details strong{color:var(--text-color);font-weight:600}.delete-notice{color:var(--label-text-color);font-size:.8rem;margin:0}.error-message{background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:#dc2626;font-size:.875rem}@media(max-width:768px){.projects-container{padding:1rem}.projects-header{flex-direction:column;align-items:flex-start;gap:1rem}.projects-controls{flex-direction:column}.search-bar{max-width:100%;min-width:100%}.compact-and-dates-row,.form-row,.form-row-2,.form-row-3{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.date-field input{width:100%}.modal-content{max-width:100%;margin:.5rem}}@media(max-width:480px){.projects-container{padding:.75rem}.projects-header-left h1{font-size:1.25rem}.checkbox-grid{grid-template-columns:1fr 1fr}.compact-row{flex-direction:column;align-items:stretch}.compact-field input[type=number],.compact-field input[type=text]{width:100%}}@media(min-width:1024px){.projects-table th,.projects-table td{padding:.75rem 1rem}}@media(min-width:1440px){.projects-container{padding:2rem}.projects-table{font-size:.9rem}}