@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}.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}.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}}.radio-button-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;margin:1rem 0}.radio-button{padding:.3rem .6rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;background-color:var(--button-background);color:var(--button-text);transition:background-color .3s ease,color .3s ease}.radio-button input[type=radio]{opacity:0;position:absolute;width:0;height:0}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.radio-button.active{background-color:var(--accent-color);color:#fff}@media (min-width: 768px){.radio-button{padding:.5rem 1rem;font-size:1rem}}.navbar-container{display:flex;background:var(--background-color-elevated);position:fixed;top:0;left:0;width:100vw;height:5rem;z-index:100}.navbar-content{display:flex;width:100vw}.navbar-clickable-area{padding:0 1rem;width:100%;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;z-index:100;position:relative}.navbar{background-color:var(--background-color-elevated);color:var(--text-color);padding:6rem 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;transition:all .3s ease;position:fixed;width:100%;transform:translateY(-100%);z-index:100}.navbar.visible{transform:translateY(0);z-index:100}.navbar ul{list-style-type:none;padding-left:0;width:100%}.navbar li{padding:1rem 0}.navbar li:hover{background-color:var(--background-color-hover)}.navbar a{color:var(--link-color);text-decoration:none;font-size:1.2rem}.navbar a:hover{color:var(--link-hover-color)}main{margin-top:6rem;margin-left:0;transition:margin-left .3s ease;min-width:0;position:relative}@media (min-width: 769px){.navbar-container{width:4rem;height:100vh;justify-content:flex-start;align-items:flex-start}.navbar-clickable-area{padding:1rem 0;padding-left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;cursor:pointer;z-index:101;position:relative}.navbar-clickable-area.open{height:auto}.navbar{padding:4rem 0 0 1rem;width:20rem;height:100vh;border-right:1px solid var(--border-color);transform:translate(-100%)}.navbar.visible{transform:translate(0)}main{margin-top:0;margin-left:4rem}}.login{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background-color);padding:1rem;flex-grow:1}.login form{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:420px;background:var(--button-background);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000005e;border:none}.login h1{text-align:center;color:var(--text-color);margin-bottom:1rem;font-size:2rem}.login label{font-size:1.1rem;color:var(--label-text-color);margin-bottom:-.5rem}.login input{padding:.85em;font-size:1rem;border:1px solid var(--table-border-color);border-radius:10px;background-color:var(--input-background);color:var(--text-color);transition:border-color .3s,background-color .3s}.login input:focus{outline:none;border-color:var(--link-color);background-color:var(--input-focus-background)}.login button[type=submit]{padding:.85em;font-size:1.1rem;border:none;border-radius:10px;background-color:var(--accent-color);color:var(--button-text);cursor:pointer;transition:background-color .3s,color .3s;font-weight:600;margin-top:.5rem}.login button[type=submit]:hover{background-color:var(--accent-color-hover)}.persistCheck{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.persistCheck input{transform:scale(1.2);margin:0}.persistCheck label{margin:0;font-size:1rem;cursor:pointer}.forgot-password-link{text-align:center;margin-top:.5rem}.forgot-password-btn{background:none;border:none;color:var(--link-color);font-size:.9rem;text-decoration:underline;cursor:pointer;padding:0;transition:color .3s}.forgot-password-btn:hover{color:var(--link-hover-color)}.errmsg{color:#dc3545;font-size:.9rem;text-align:center;background-color:#dc35451a;padding:.75rem;border-radius:8px;border:1px solid rgba(220,53,69,.3)}.successmsg{color:#28a745;font-size:.9rem;text-align:center;background-color:#28a7451a;padding:.75rem;border-radius:8px;border:1px solid rgba(40,167,69,.3)}.loading-container{text-align:center;padding:2rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--button-background);padding:0;border-radius:20px;box-shadow:0 8px 32px #0000005e;width:100%;max-width:450px;color:var(--text-color);z-index:1000;animation:modalSlideIn .4s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem 1rem;border-bottom:1px solid var(--table-border-color)}.modal-header h3{margin:0;color:var(--text-color);font-size:1.5rem}.modal-close{background:none;border:none;font-size:1.8rem;color:var(--text-color);cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.modal-close:hover{background-color:var(--background-color-hover)}.modal-content form{padding:1.5rem 2.5rem 2.5rem;display:flex;flex-direction:column}.modal-content label{font-size:1rem;color:var(--label-text-color);margin-bottom:.5rem;display:block}.modal-content input{width:100%;padding:.85em;font-size:1rem;border:1px solid var(--table-border-color);border-radius:10px;background-color:var(--input-background);color:var(--text-color);margin-bottom:1rem;box-sizing:border-box;transition:border-color .3s,background-color .3s}.modal-content input:focus{outline:none;border-color:var(--link-color);background-color:var(--input-focus-background)}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-buttons button{padding:.85em 1.5em;font-size:1rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s,color .3s;font-weight:600;min-width:120px}.btn-primary{background-color:var(--accent-color);color:var(--button-text)}.btn-primary:hover:not(:disabled){background-color:var(--accent-color-hover)}.btn-secondary{background-color:var(--background-color-muted);color:var(--text-color);border:1px solid var(--table-border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--background-color-hover)}.modal-buttons button:disabled{opacity:.6;cursor:not-allowed}.modal-content .errmsg,.modal-content .successmsg{margin-bottom:1rem;font-size:.85rem;padding:.5rem}@media (max-width: 500px){.login form{width:100%;max-width:100%;padding:2rem}.modal-content{width:90%;margin:0 auto}.modal-header{padding:1rem 1.5rem}.modal-content form{padding:1.5rem}.modal-buttons{flex-direction:column-reverse}.modal-buttons button{width:100%}}.welcome-container{min-height:calc(100vh - 6rem);padding:2rem;background:var(--background-color);display:flex;flex-direction:column;gap:3rem}.welcome-hero{text-align:center;padding:3rem 2rem;background:var(--background-color-elevated);border-radius:1.5rem;box-shadow:var(--box-shadow-elevated);border:1px solid var(--border-color-soft);transition:all .3s ease;position:relative}.welcome-hero:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026,0 10px 10px #0000001f}[data-theme=dark] .welcome-hero,[data-theme=superdark] .welcome-hero{border:1px solid var(--border-color-half-soft);box-shadow:var(--box-shadow-elevated)}[data-theme=dark] .welcome-hero:hover,[data-theme=superdark] .welcome-hero:hover{box-shadow:0 15px 30px #0009,0 10px 10px #00000080}.welcome-hero h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent-color),var(--welcome-button-color),#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-hero p{font-size:1.2rem;color:var(--text-color);opacity:.85;max-width:700px;margin:0 auto 2rem;line-height:1.6}.welcome-hero .hero-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--accent-color),var(--welcome-button-color));color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 5px 15px #4a90e24d}.welcome-hero .hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a90e266}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.welcome-card{background:var(--background-color-elevated);border-radius:1.25rem;padding:2.5rem;box-shadow:var(--box-shadow-elevated);border:1px solid var(--border-color-soft);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(0);display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .welcome-card,[data-theme=superdark] .welcome-card{border:1px solid var(--border-color-half-soft);box-shadow:var(--box-shadow-elevated)}.welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--accent-color),var(--welcome-button-color));transform:scaleX(0);transition:transform .3s ease-out;border-radius:1.25rem 1.25rem 0 0}.welcome-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026,0 25px 50px #0000001a}[data-theme=dark] .welcome-card:hover,[data-theme=superdark] .welcome-card:hover{box-shadow:0 15px 30px #0009,0 25px 50px #00000080}.welcome-card:hover:before{transform:scaleX(1)}.welcome-card-icon{width:4rem;height:4rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent-color),var(--welcome-button-color));border-radius:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 5px 15px #4a90e266;transition:transform .3s ease}.welcome-card:hover .welcome-card-icon{transform:scale(1.08);box-shadow:0 8px 20px #4a90e280}.welcome-card h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.welcome-card p{color:var(--text-color);opacity:.75;line-height:1.7;flex-grow:1;margin-bottom:1.5rem}.welcome-card-link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--accent-color),var(--welcome-button-color));color:#fff;text-decoration:none;border-radius:.75rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #4a90e24d;margin-top:auto}.welcome-card-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4a90e273}.welcome-quick-actions{background:var(--background-color-elevated);border-radius:1.25rem;padding:2.5rem;box-shadow:var(--box-shadow-elevated);border:1px solid var(--border-color-soft);transition:all .3s ease}.welcome-quick-actions:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f,0 10px 10px #0000001a}[data-theme=dark] .welcome-quick-actions,[data-theme=superdark] .welcome-quick-actions{border:1px solid var(--border-color-half-soft);box-shadow:var(--box-shadow-elevated)}[data-theme=dark] .welcome-quick-actions:hover,[data-theme=superdark] .welcome-quick-actions:hover{box-shadow:0 12px 24px #00000080,0 10px 10px #0006}.welcome-quick-actions h2{font-size:1.7rem;font-weight:600;color:var(--text-color);margin-bottom:2rem;text-align:center}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1.25rem;background:var(--background-color-muted);border:1px solid var(--border-color-soft);border-radius:1rem;text-decoration:none;color:var(--text-color);font-weight:500;transition:all .3s ease;box-shadow:0 2px 5px #00000014;text-align:center}[data-theme=dark] .quick-action-btn,[data-theme=superdark] .quick-action-btn{border:1px solid var(--border-color-half-soft);box-shadow:0 2px 5px #0000004d}.quick-action-btn:hover{background:var(--background-color-hover);border-color:var(--accent-color);transform:translateY(-3px);color:var(--text-color);box-shadow:0 6px 16px #4a90e240}.quick-action-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--accent-color),var(--welcome-button-color));border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:0 3px 9px #4a90e266}.development-notice{background:var(--background-color-elevated);color:#f39c12;padding:1.5rem 2rem;border-radius:1rem;text-align:center;font-weight:500;box-shadow:var(--box-shadow-elevated);border:2px solid #f39c12;border-left:6px solid #f39c12;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.development-notice:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a,0 10px 20px #f39c1226}[data-theme=dark] .development-notice,[data-theme=superdark] .development-notice{box-shadow:var(--box-shadow-elevated)}.welcome-footer{background:var(--background-color-elevated);border-radius:1.25rem;padding:2.5rem;box-shadow:var(--box-shadow-elevated);border:1px solid var(--border-color-soft);transition:all .3s ease;text-align:center}.welcome-footer:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f,0 10px 10px #0000001a}[data-theme=dark] .welcome-footer,[data-theme=superdark] .welcome-footer{border:1px solid var(--border-color-half-soft);box-shadow:var(--box-shadow-elevated)}[data-theme=dark] .welcome-footer:hover,[data-theme=superdark] .welcome-footer:hover{box-shadow:0 12px 24px #00000080,0 10px 10px #0006}.welcome-footer h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.welcome-footer p{color:var(--text-color);opacity:.8;margin-bottom:2rem;line-height:1.7}.support-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);text-decoration:none;border-radius:.75rem;font-weight:500;transition:all .3s ease;font-size:1.1rem}.support-link:hover{background:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #4a90e24d}@media (max-width: 768px){.welcome-container{padding:1rem;gap:2rem}.welcome-hero{padding:2rem 1rem}.welcome-hero h1{font-size:2rem}.welcome-hero p{font-size:1rem}.welcome-grid{grid-template-columns:1fr;gap:1.5rem}.welcome-card{padding:1.5rem}.welcome-card h3{font-size:1.3rem}.welcome-card-icon{width:3rem;height:3rem;font-size:1.3rem}.quick-actions-grid{grid-template-columns:1fr}.welcome-quick-actions h2{font-size:1.3rem}.quick-action-btn{padding:1rem}.quick-action-icon{width:2rem;height:2rem;font-size:.8rem}.development-notice{padding:1rem;font-size:.9rem}.welcome-footer{padding:1.5rem}.welcome-footer h3{font-size:1.2rem}}@media (max-width: 480px){.welcome-hero h1{font-size:1.8rem}.welcome-hero p{font-size:.9rem}}.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}}.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}@keyframes spin{to{transform:rotate(360deg)}}@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-table-container{position:relative;max-height:80vh;overflow:auto;border:1px solid var(--border-color-soft);border-radius:8px;box-shadow:var(--box-shadow-elevated)}.quota-management-table{width:auto;margin:0;max-width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:calc(.35rem + .4vw);color:var(--text-color);background-color:var(--background-color-table);border-radius:0;overflow:visible}.quota-management-table thead{background-color:var(--table-header-background, #444);color:var(--table-header-color, #fff)}.quota-management-table thead th{padding:calc(.15rem + .25vw) calc(.09rem + .3vw);font-weight:700;white-space:normal;border-bottom:2px solid var(--border-color-soft);background-color:var(--table-header-background, #444);position:sticky;z-index:11}.quota-management-table thead tr:first-child th{top:calc(5rem - 10px);z-index:13}.quota-management-table thead tr:nth-child(2) th{top:calc(5rem - 8px + 2*(.15rem + .25vw) + 2*(.09rem + .3vw));z-index:12}.quota-management-table thead tr:nth-child(3) th{top:calc(5rem - 6px + 4*(.15rem + .25vw) + 4*(.09rem + .3vw));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:3px solid var(--border-color)}.quota-management-table tbody td{padding:calc(.15rem + .25vw) calc(.09rem + .3vw);border-bottom:1px solid var(--table-border-color, #666);white-space:nowrap;transition:background-color .2s ease}.quota-management-table tbody tr:hover td,tr.active td{background-color:var(--table-row-hover-background, #999)}.quota-management-table tbody tr:nth-child(2n) td{background-color:var(--zebra-stripe-color)}.quota-management-table .cell-label{text-align:left;font-weight:500}.quota-management-table tbody td:last-child{border-right:none}.quota-management-select .my-select__control,.quota-management-select .my-select__container,.quota-management-select .my-select__menu{min-width:70vw}.quota-management-table td.cell-status{color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.quota-management-table td.cell-status.open{background-color:#43b17bcc}.quota-management-table td.cell-status.closed{background-color:#ed211ccc}.quota-management-table td.cell-status.half-open{background-color:#efa32bcc;color:#000}.quota-management-table colgroup{border-left:2px solid var(--border-color-soft)}.quota-management-table col.col-label{border-right:3px solid var(--border-color-soft)}.quota-management-table .total-column{font-weight:700}.quota-management-table .group-border-left{border-left:3px solid var(--border-color)}.quota-management-table .bold{font-weight:700}.quota-table-container[data-dynamic-height=true]{max-height:var(--dynamic-table-height, 80vh)}@media (max-width: 480px){.quota-management-table{font-size:.5rem}.quota-management-table thead tr:first-child th{top:calc(4rem - 2px)}.quota-management-table thead tr:nth-child(2) th{top:calc(5rem + 2px)}.quota-management-table thead tr:nth-child(3) th{top:calc(6rem + 6px)}.quota-management-table tbody tr:first-child td{top:calc(7rem + 10px)}.quota-table-container{max-height:70vh}}@media (min-width: 768px){.quota-table-container{max-height:85vh}.quota-management-select .my-select__control,.quota-management-select .my-select__container,.quota-management-select .my-select__menu{min-width:500px}}@media (min-width: 1440px){.quota-table-container{max-height:90vh}}@media (min-width: 3000px){.quota-management-table{font-size:1.2rem}}.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}.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-container{max-width:1200px;margin:0 auto;padding:2rem;background-color:var(--background-color);color:var(--text-color);min-height:100vh}.sample-automation-header{text-align:center;margin-bottom:2rem}.sample-automation-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.sample-automation-header p{color:var(--label-text-color);font-size:1.1rem;max-width:600px;margin:0 auto}.stats-section{margin-bottom:2rem}.stats-section h2{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.stat-card{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:8px;padding:1.5rem;text-align:center;box-shadow:var(--box-shadow-elevated)}.stat-number{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.stat-label{color:var(--label-text-color);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.upload-section{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--box-shadow-elevated)}.upload-section h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem}.file-drop-zone{border:2px dashed var(--border-color-soft);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--background-color);margin-bottom:1rem}.file-drop-zone:hover{border-color:var(--accent-color);background:var(--background-color-elevated)}.file-drop-zone.drag-active{border-color:var(--accent-color);background:var(--background-color-elevated);transform:scale(1.02)}.file-drop-zone.has-file{border-color:var(--accent-color);background:var(--background-color-elevated)}.file-input-hidden{display:none}.selected-file-info{display:flex;align-items:center;gap:1rem;background:var(--background-color);border:1px solid var(--border-color-soft);border-radius:8px;padding:1rem}.file-icon{font-size:2rem}.file-details{flex:1;text-align:left}.file-name{font-weight:700;color:var(--text-color);margin-bottom:.25rem}.file-size,.file-type{color:var(--label-text-color);font-size:.9rem}.clear-file-btn{background:var(--button-background);border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;color:var(--button-text);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.clear-file-btn:hover{background:var(--button-background-hover)}.clear-file-btn:disabled{opacity:.6;cursor:not-allowed}.drop-zone-content{color:var(--label-text-color)}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{font-size:1.1rem;margin-bottom:.5rem}.upload-text strong{color:var(--accent-color)}.upload-subtext{font-size:.9rem;color:var(--label-text-color)}.upload-progress{margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:var(--background-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent-color);transition:width .3s ease}.progress-text{text-align:center;color:var(--text-color);font-weight:700}.upload-actions{display:flex;gap:1rem;justify-content:center}.upload-btn,.refresh-btn{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease}.upload-btn:hover,.refresh-btn:hover{background:var(--accent-color-hover)}.upload-btn:disabled,.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn{background:var(--button-background);color:var(--button-text)}.refresh-btn:hover{background:var(--button-background-hover)}.status-message{padding:1rem;border-radius:8px;margin:1rem 0;font-weight:500}.status-message.success{background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.status-message.error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}.upload-results-section{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--box-shadow-elevated)}.upload-results-section h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.result-item{background:var(--background-color);border:1px solid var(--border-color-soft);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.result-item.required-columns{grid-column:1 / -1}.result-label{color:var(--label-text-color);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-value{color:var(--text-color);font-size:1.2rem;font-weight:700}.result-item.required-columns .result-value{color:var(--accent-color);font-size:1rem;font-weight:500}.age-processing-section{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--box-shadow-elevated)}.age-processing-section h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem}.age-form-group{margin-bottom:1.5rem}.age-form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:600;font-size:1rem}.age-dropdown-container{margin-bottom:1rem}.age-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.fix-ages-btn{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.fix-ages-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0a800,#ffc107);transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.fix-ages-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.age-help-text{color:var(--label-text-color);font-size:.9rem;font-style:italic}.age-fix-results{background:var(--background-color);border:1px solid var(--border-color-soft);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.age-fix-results h3{color:var(--text-color);margin-bottom:1rem;font-size:1.2rem}.age-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.age-result-item{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:6px;padding:1rem;text-align:center}.age-result-number{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.25rem}.age-result-label{color:var(--label-text-color);font-size:.9rem}.headers-section{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--box-shadow-elevated)}.headers-section h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem}.headers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}.header-item{background:var(--background-color);border:1px solid var(--border-color-soft);border-radius:6px;padding:.75rem;transition:all .2s ease;display:flex;flex-direction:column}.header-item:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.header-name{font-weight:600;color:var(--text-color);font-size:.9rem;margin-bottom:.25rem}.header-type{font-size:.8rem;color:var(--label-text-color)}.cleanup-section{background:#dc35450d;border:1px solid rgba(220,53,69,.2);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--box-shadow-elevated)}.cleanup-section h2{color:#dc3545;margin-bottom:1.5rem;font-size:1.5rem}.cleanup-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.clean-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.clean-btn:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#dc3545);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.clean-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cleanup-help-text{color:var(--label-text-color);font-size:.9rem;font-style:italic}.tables-section{margin-bottom:2rem}.tables-section h2{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.tables-list{display:grid;gap:1rem}.table-card{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.table-card:hover{border-color:var(--accent-color);background:var(--background-color-elevated-hover);transform:translateY(-2px)}.table-card.selected{border-color:var(--accent-color);background:var(--background-color-elevated-hover);box-shadow:0 0 0 2px #007bff33}.table-info{flex:1}.table-name{font-weight:700;color:var(--text-color);margin-bottom:.25rem;font-size:1.1rem}.table-date{color:var(--label-text-color);font-size:.9rem}.table-actions{display:flex;gap:.5rem}.delete-table-btn{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.delete-table-btn:hover{background:#ff00001a}.delete-table-btn:disabled{opacity:.6;cursor:not-allowed}.table-data-section{background:var(--background-color-elevated);border:1px solid var(--border-color-soft);border-radius:12px;padding:2rem;box-shadow:var(--box-shadow-elevated)}.table-data-section h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.pagination-info{color:var(--label-text-color);font-size:.9rem}.pagination-actions{display:flex;align-items:center;gap:1rem}.page-size-select{background:var(--input-background);color:var(--text-color);border:1px solid var(--border-color-soft);border-radius:4px;padding:.5rem;font-size:.9rem}.pagination-btn{background:var(--button-background);color:var(--button-text);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.pagination-btn:hover{background:var(--button-background-hover)}.pagination-btn:disabled{opacity:.6;cursor:not-allowed}.page-indicator{color:var(--text-color);font-size:.9rem;font-weight:500}.table-container{overflow-x:auto;border:1px solid var(--border-color-soft);border-radius:8px}.data-table{width:100%;border-collapse:collapse;background:var(--background-color)}.data-table th{background:var(--table-header-background);color:var(--table-header-color);padding:.75rem;text-align:left;font-weight:600;border-bottom:1px solid var(--table-border-color);position:sticky;top:0;z-index:1}.data-table td{padding:.75rem;border-bottom:1px solid var(--table-border-color);color:var(--text-color);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tr:nth-child(2n){background:var(--zebra-stripe-color)}.data-table tr:hover{background:var(--table-row-hover-background)}.null-value{color:var(--label-text-color);font-style:italic;opacity:.7}.loading-state{text-align:center;padding:3rem;color:var(--label-text-color);font-size:1.1rem}.empty-state{text-align:center;padding:3rem;color:var(--label-text-color)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-text{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.empty-subtext{font-size:1rem;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-btn:disabled:after,.fix-ages-btn:disabled:after,.clean-btn:disabled:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}@media (max-width: 768px){.sample-automation-container{padding:1rem}.sample-automation-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.upload-section,.table-data-section,.age-processing-section,.headers-section,.cleanup-section,.upload-results-section{padding:1rem}.selected-file-info{flex-direction:column;text-align:center}.upload-actions,.age-actions,.cleanup-actions{flex-direction:column}.results-grid,.age-results-grid,.headers-grid{grid-template-columns:1fr}.pagination-controls{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:center}.data-table th,.data-table td{padding:.5rem;font-size:.9rem}}@media (max-width: 480px){.sample-automation-header h1{font-size:1.5rem}.sample-automation-header p{font-size:1rem}.file-drop-zone{padding:1rem}.upload-icon{font-size:2rem}.upload-text{font-size:1rem}.table-card{flex-direction:column;gap:1rem;text-align:center}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.4rem;max-width:120px}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.upload-btn:focus,.refresh-btn:focus,.fix-ages-btn:focus,.clean-btn:focus,.pagination-btn:focus,.page-size-select:focus,.clear-file-btn:focus,.delete-table-btn:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}.file-drop-zone:focus-within{outline:2px solid var(--focus-ring-color);outline-offset:2px}.table-card:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}@keyframes uploadSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.upload-success{animation:uploadSuccess .3s ease-in-out}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.upload-btn:not(:disabled):hover,.refresh-btn:not(:disabled):hover,.fix-ages-btn:not(:disabled):hover,.clean-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.table-container::-webkit-scrollbar,.headers-grid::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track,.headers-grid::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.table-container::-webkit-scrollbar-thumb,.headers-grid::-webkit-scrollbar-thumb{background:var(--border-color-soft);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover,.headers-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}