.btn{display:inline-block;font-size:1rem;margin:.25rem;padding:.75rem 1.5rem;text-decoration:none}.btn-primary,.btn-secondary{color:#fff;color:var(--nav-text,#fff)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover:not(:disabled){opacity:.9}.btn-save,.btn-submit,.save-button,.submit-button{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));color:var(--nav-text);color:var(--submit-button-text,var(--nav-text))}.btn-save:hover:not(:disabled),.btn-submit:hover:not(:disabled),.save-button:hover:not(:disabled),.submit-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--nav-background) 90%,#000);background-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);border-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);color:var(--nav-text);color:var(--submit-button-text,var(--nav-text))}.btn-save:disabled,.btn-submit:disabled,.save-button:disabled,.submit-button:disabled{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border-color:var(--submit-button-color,var(--nav-background));color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:not-allowed;opacity:.6}.btn-confirm-delete:hover:not(:disabled){opacity:.9}.btn:disabled{opacity:.5}.btn-delete,.btn-edit,.btn-icon{align-items:center;background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;margin:.25rem;min-height:32px;min-width:32px;padding:.25rem .5rem;transition:all .2s}.btn-delete:hover:not(:disabled),.btn-edit:hover:not(:disabled),.btn-icon:hover:not(:disabled){background-color:color-mix(in srgb,var(--nav-background) 90%,#000);background-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);border-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);color:var(--nav-text);color:var(--submit-button-text,var(--nav-text))}.btn-delete:disabled,.btn-edit:disabled,.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-delete svg,.btn-edit svg,.btn-icon svg{stroke-width:1.5;height:20px;width:20px}.icon-svg{stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.checkbox-label input[type=checkbox]{margin-right:.5em}.data-table{background:var(--background);border-radius:6px;margin-top:1rem;overflow:hidden}.data-table thead{background:var(--background-secondary)}.data-table th{cursor:pointer;transition:background-color .2s}.data-table th:hover{background-color:var(--hover-background)}.error-message,.success-message{margin-bottom:1rem}.warning-message{background-color:color-mix(in srgb,var(--warning-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--warning-color) 30%,#0000);border-radius:4px;color:var(--warning-color)}.info-message,.warning-message{margin-bottom:1rem;padding:.75rem}.info-message{background-color:color-mix(in srgb,var(--info-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--info-color) 30%,#0000);border-radius:4px;color:var(--info-color)}.card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;margin-top:1rem;padding:1.5rem}.card h3{color:var(--text-color);font-size:1.25rem;margin-bottom:.5rem}.card p{color:var(--text-secondary);margin:0}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.dark-theme .text-secondary{color:var(--text-color)}.text-muted{color:var(--text-secondary)}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}code{background:var(--background);border-radius:3px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root:not([data-theme]),[data-theme=illinois]{--ui-orange:#ff5f00;--ui-blue:#13294b;--ui-white:#fff;--ui-gray:#6c757d;--primary-color:var(--ui-orange);--secondary-color:var(--ui-blue);--text-color:#333;--text-secondary:var(--ui-gray);--background:#f5f5f5;--background-secondary:#fff;--border-color:#ddd;--nav-background:var(--ui-blue);--nav-text:var(--ui-white);--submit-button-color:var(--ui-blue);--submit-button-text:var(--ui-white);--hover-background:#f0f0f0;--active-background:#e8e8e8;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--info-color:var(--ui-orange)}:root:not([data-theme]).dark-theme,[data-theme=illinois].dark-theme{--text-color:#e0e0e0;--text-secondary:#b0b0b0;--background:#1a1a1a;--background-secondary:#2a2a2a;--border-color:#444;--nav-background:#0d1f35;--nav-text:var(--ui-white);--submit-button-color:var(--ui-blue);--submit-button-text:var(--ui-white);--hover-background:#3a3a3a;--active-background:#4a4a4a;--error-color:#ff6b6b;--success-color:#51cf66;--warning-color:#ffd43b;--info-color:var(--ui-orange)}:root:not([data-theme]).light-theme,[data-theme=illinois].light-theme{--text-color:#333;--text-secondary:var(--ui-gray);--background:#f5f5f5;--background-secondary:#fff;--border-color:#ddd;--nav-background:var(--ui-blue);--nav-text:var(--ui-white);--submit-button-color:var(--ui-blue);--submit-button-text:var(--ui-white);--hover-background:#f0f0f0;--active-background:#e8e8e8;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--info-color:var(--ui-orange)}[data-theme=neutral]{--neutral-primary:#2563eb;--neutral-secondary:#64748b;--neutral-accent:#0ea5e9;--neutral-white:#fff;--neutral-gray-light:#f1f5f9;--neutral-gray:#94a3b8;--neutral-gray-dark:#475569;--primary-color:var(--neutral-primary);--secondary-color:var(--neutral-secondary);--text-color:#1e293b;--text-secondary:var(--neutral-gray-dark);--background:var(--neutral-gray-light);--background-secondary:var(--neutral-white);--border-color:#cbd5e1;--nav-background:var(--neutral-primary);--nav-text:var(--neutral-white);--submit-button-color:var(--neutral-primary);--submit-button-text:var(--neutral-white);--hover-background:#e2e8f0;--active-background:#cbd5e1;--error-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--info-color:var(--neutral-accent)}[data-theme=neutral].dark-theme{--text-color:#e2e8f0;--text-secondary:#cbd5e1;--background:#0f172a;--background-secondary:#1e293b;--border-color:#334155;--nav-background:#1e40af;--nav-text:var(--neutral-white);--submit-button-color:#1e40af;--submit-button-text:var(--neutral-white);--hover-background:#334155;--active-background:#475569;--error-color:#f87171;--success-color:#34d399;--warning-color:#fbbf24;--info-color:#60a5fa}[data-theme=neutral].light-theme{--text-color:#1e293b;--text-secondary:var(--neutral-gray-dark);--background:var(--neutral-gray-light);--background-secondary:var(--neutral-white);--border-color:#cbd5e1;--nav-background:var(--neutral-primary);--nav-text:var(--neutral-white);--submit-button-color:var(--neutral-primary);--submit-button-text:var(--neutral-white);--hover-background:#e2e8f0;--active-background:#cbd5e1;--error-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--info-color:var(--neutral-accent)}[data-theme=professional]{--pro-gray-50:#fafafa;--pro-gray-100:#f5f5f5;--pro-gray-200:#e5e5e5;--pro-gray-300:#d4d4d4;--pro-gray-400:#a3a3a3;--pro-gray-500:#737373;--pro-gray-600:#525252;--pro-gray-700:#404040;--pro-gray-800:#262626;--pro-gray-900:#171717;--pro-accent-blue:#3b82f6;--pro-accent-teal:#14b8a6;--pro-white:#fff;--pro-black:#000;--primary-color:var(--pro-gray-900);--secondary-color:var(--pro-gray-700);--text-color:var(--pro-gray-900);--text-secondary:var(--pro-gray-600);--background:var(--pro-white);--background-secondary:var(--pro-gray-50);--border-color:var(--pro-gray-200);--nav-background:var(--pro-gray-900);--nav-text:var(--pro-white);--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:var(--pro-accent-blue);--submit-button-color:var(--pro-gray-700);--submit-button-text:var(--pro-white);--hover-background:var(--pro-gray-100);--active-background:var(--pro-gray-200);--focus-ring:var(--pro-accent-blue)}[data-theme=professional].dark-theme{--primary-color:var(--pro-gray-100);--secondary-color:var(--pro-gray-300);--text-color:var(--pro-gray-100);--text-secondary:var(--pro-gray-400);--background:var(--pro-gray-900);--background-secondary:var(--pro-gray-800);--border-color:var(--pro-gray-700);--nav-background:var(--pro-gray-900);--nav-text:var(--pro-white);--success-color:#34d399;--warning-color:#fbbf24;--error-color:#f87171;--info-color:#60a5fa;--submit-button-color:var(--pro-gray-600);--submit-button-text:var(--pro-white);--hover-background:var(--pro-gray-700);--active-background:var(--pro-gray-600);--focus-ring:var(--pro-accent-teal)}[data-theme=professional].light-theme{--primary-color:var(--pro-gray-900);--secondary-color:var(--pro-gray-700);--text-color:var(--pro-gray-900);--text-secondary:var(--pro-gray-600);--background:var(--pro-white);--background-secondary:var(--pro-gray-50);--border-color:var(--pro-gray-200);--nav-background:var(--pro-gray-900);--nav-text:var(--pro-white);--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:var(--pro-accent-blue);--submit-button-color:var(--pro-gray-700);--submit-button-text:var(--pro-white);--hover-background:var(--pro-gray-100);--active-background:var(--pro-gray-200);--focus-ring:var(--pro-accent-blue)}.neutral-footer{background-color:var(--background-secondary);border-top:1px solid var(--border-color);color:var(--text-color);margin-top:auto;padding:1.5rem 2rem}.footer-content{gap:.5rem}.footer-secondary{font-size:.8125rem;opacity:.9}@media (max-width:768px){.neutral-footer{padding:1rem 1.5rem}.footer-text{font-size:.8125rem}.footer-secondary{font-size:.75rem}}.professional-footer{background-color:var(--background-secondary);border-top:1px solid var(--border-color);color:var(--text-color);margin-top:auto;padding:2rem}.footer-content{flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px}.footer-content,.footer-main{align-items:center;display:flex}.footer-main{justify-content:center}.footer-text{color:var(--text-secondary);font-size:.875rem;font-weight:400;letter-spacing:.025em;margin:0;text-align:center}.footer-tagline{font-size:.8125rem;font-weight:300;letter-spacing:.05em;opacity:.85;text-transform:uppercase}.footer-divider{background-color:var(--text-secondary);height:1px;opacity:.3;width:2rem}@media (max-width:768px){.professional-footer{padding:1.5rem}.footer-content{gap:.75rem}.footer-text{font-size:.8125rem}.footer-tagline{font-size:.75rem}.footer-divider{width:1.5rem}}.login-page{align-items:center;background:linear-gradient(135deg,var(--secondary-color) 0,var(--nav-background) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.dark-theme .login-page{background:linear-gradient(135deg,var(--nav-background) 0,var(--background) 100%)}.login-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px;transition:background-color .3s ease;width:100%}@media (max-width:480px){.login-container{padding:24px}.login-header h1{font-size:1.5rem}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:var(--text-color);font-size:2rem;font-weight:600;margin:0 0 10px}.login-header p{color:var(--text-secondary);margin:0}.login-form,.signup-link{margin-bottom:20px}.signup-link{border-top:1px solid var(--border-color);padding-top:20px;text-align:center}.signup-link p{color:var(--text-secondary);margin:0}.signup-link a{color:var(--primary-color);font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.form-group input{box-sizing:border-box;padding:12px;transition:border-color .2s,background-color .3s,color .3s;width:100%}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.form-group input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 10%,#0000)}.form-group input:disabled{background-color:var(--background)}.error-message{animation:fadeIn .3s ease-in;background-color:color-mix(in srgb,var(--error-color) 15%,#0000);border:2px solid color-mix(in srgb,var(--error-color) 30%,#0000);box-shadow:0 2px 4px #0003;display:block;font-size:.95rem;line-height:1.5;margin-bottom:20px;min-height:50px;padding:16px;position:relative;transition:background-color .3s,border-color .3s,color .3s}.dark-theme .error-message{background-color:color-mix(in srgb,var(--error-color) 20%,#0000);border-color:color-mix(in srgb,var(--error-color) 40%,#0000);color:var(--error-color)}.error-message strong{display:block;font-size:1rem;font-weight:600;margin-bottom:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-button{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:opacity .2s;width:100%}.login-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-button:disabled{background-color:var(--border-color);cursor:not-allowed;opacity:.6}.oauth-section{margin-top:20px;padding-top:20px}.oauth-divider{margin:20px 0;position:relative;text-align:center}.oauth-divider:before{background-color:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.oauth-divider span{background-color:var(--background);color:var(--text-secondary);font-size:.875rem;padding:0 15px;position:relative}.oauth-button{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:opacity .3s,transform .2s;width:100%}.oauth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.oauth-button:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.password-strength-indicator{background-color:var(--background-secondary);border-radius:4px;font-size:.875rem;margin-top:.5rem;padding:.75rem}.password-strength-label{font-weight:500;margin-bottom:.5rem}.password-strength-value{font-weight:600}.password-strength-bars{display:flex;gap:.25rem;height:4px;margin-bottom:.75rem}.password-strength-bar{border-radius:2px;flex:1 1;height:100%}.password-strength-bar,.password-strength-bar.active{transition:background-color .2s}.password-strength-checks{display:flex;flex-direction:column;gap:.25rem}.password-check{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.password-check.check-pass{color:var(--success-color)}.password-check.check-fail{color:var(--text-secondary)}.password-check.check-pass:before{color:var(--success-color);content:"✓";font-weight:700}.password-check.check-fail:before{color:var(--text-secondary);content:"✗";font-weight:700}.password-check.check-fail:before,.password-check.check-pass:before{display:inline-block;text-align:center;width:1rem}.signup-page{align-items:center;background-color:var(--background);display:flex;justify-content:center;min-height:100vh;padding:2rem}.signup-container{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:450px;padding:2.5rem;width:100%}.signup-header{margin-bottom:2rem;text-align:center}.signup-header h1{color:var(--primary-color);font-size:2rem;margin-bottom:.5rem}.signup-header p{color:var(--text-secondary);margin:0}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.signup-button{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem;transition:opacity .2s}.signup-button:hover:not(:disabled){opacity:.9}.signup-button:disabled{cursor:not-allowed;opacity:.6}.signup-success{padding:2rem 0;text-align:center}.signup-success h1{color:var(--primary-color);margin-bottom:1rem}.signup-success p{color:var(--text-color);margin-bottom:.5rem}.back-to-login{color:var(--primary-color);display:inline-block;font-weight:500;margin-top:1.5rem;text-decoration:none}.back-to-login:hover{text-decoration:underline}.signup-footer{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.signup-footer p{color:var(--text-secondary);margin:0}.signup-footer a{color:var(--primary-color);text-decoration:none}.signup-footer a:hover{text-decoration:underline}@media (max-width:480px){.signup-container{padding:1.5rem}.signup-header h1{font-size:1.5rem}}.search-bar{align-items:center;display:flex;flex:0 0 auto;height:36px;margin:0 .5rem 0 auto;position:relative}.search-bar:not(.expanded){width:auto}.search-bar.expanded{max-width:400px;width:400px}.search-bar-button{align-items:center;background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:var(--nav-text);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background-color .2s,border-color .2s;width:36px}.search-bar-button:hover{background-color:#ffffff26;border-color:#ffffff80}.search-bar-button-icon{color:var(--nav-text);height:20px;width:20px}.search-bar-input-wrapper{align-items:center;display:flex;height:36px;position:relative;width:100%}.search-bar-input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;box-sizing:border-box;color:var(--nav-text);font-size:.95rem;height:36px;padding:0 .75rem;transition:background-color .2s,border-color .2s,width .3s ease;width:100%}.search-bar-input::placeholder{color:var(--nav-text);opacity:.5}.search-bar-input:focus{background-color:#ffffff26;border-color:#fff6;outline:none}.search-bar-loading{align-items:center;display:flex;pointer-events:none;position:absolute;right:2.5rem}.search-bar-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--nav-text);height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.search-bar-dropdown{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:.25rem;max-height:400px;min-width:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);width:100%;z-index:1000}.search-bar-result{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;padding:.75rem 1rem;text-align:left;transition:background-color .15s;width:100%}.search-bar-result:last-child{border-bottom:none}.search-bar-result.highlighted,.search-bar-result:hover{background-color:var(--hover-background)}.search-bar-result-header{align-items:center;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.25rem}.search-bar-result-type{border-radius:3px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.125rem .5rem;text-transform:uppercase}.search-bar-result-type.project{background-color:var(--primary-color);color:var(--nav-text)}.search-bar-result-type.vm{background-color:var(--secondary-color);color:var(--nav-text)}.search-bar-result-match{color:var(--text-secondary);font-size:.7rem}.search-bar-result-name{color:var(--text-color);font-size:.9rem;font-weight:500;margin-bottom:.25rem}.search-bar-result-project{color:var(--text-secondary);font-size:.75rem;word-break:break-all}.search-bar-no-results{color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center}@media (max-width:768px){.search-bar.expanded{max-width:250px;width:250px}.search-bar-dropdown{min-width:250px}.search-bar-input{font-size:.85rem;padding:.4rem .6rem}.search-bar-loading{right:2.5rem}.search-bar-input::placeholder{font-size:.8rem}}.sidebar-layout{display:flex;flex-direction:column;min-height:100vh}.top-menu-bar{align-items:center;background-color:var(--nav-background);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.top-menu-app-name{color:var(--nav-text);flex:0 0 auto;font-size:1.25rem;font-weight:600;margin-left:0;margin-right:1rem;text-decoration:none}.top-menu-app-name:hover{opacity:.8}.top-menu-theme-toggle{align-items:center;background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:var(--nav-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s,color .2s,border-color .2s;width:36px}.top-menu-theme-toggle:hover{background-color:#ffffff26;border-color:#ffffff80;color:var(--nav-text)}.top-menu-theme-toggle svg{height:20px;width:20px}.sidebar-layout-content{display:flex;flex:1 1;min-height:0}.sidebar{background-color:var(--background-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 56px);max-height:calc(100vh - 56px);overflow:hidden;position:-webkit-sticky;position:sticky;top:56px;width:250px}.sidebar-header{border-bottom:1px solid var(--border-color);padding:1.5rem 1rem}.sidebar-title{color:var(--text-color);text-decoration:none}.sidebar-title h1{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0}.sidebar-nav{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 0}.sidebar-menu-section{margin-bottom:.5rem}.sidebar-menu-item-wrapper{display:flex;flex-direction:column}.sidebar-menu-item-container{align-items:center;display:flex;width:100%}.sidebar-menu-item{flex:1 1;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s,color .2s}.sidebar-menu-chevron,.sidebar-menu-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex}.sidebar-menu-chevron{flex-shrink:0;justify-content:center;margin-left:auto;margin-right:.5rem;padding:.5rem;transition:transform .2s,color .2s}.sidebar-menu-chevron:hover{color:var(--primary-color)}.sidebar-menu-chevron svg{height:16px;transition:transform .2s;width:16px}.sidebar-menu-chevron.expanded svg{transform:rotate(180deg)}.sidebar-menu-item:hover{background-color:#0000000d;background-color:var(--hover-background,#0000000d);color:var(--primary-color)}.sidebar-menu-item.active{background-color:var(--nav-background);color:var(--nav-text)}.sidebar-menu-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-menu-icon svg{height:100%;width:100%}.sidebar-submenu{border-left:2px solid var(--border-color);margin-left:1rem;margin-top:.5rem;padding-bottom:.25rem;padding-left:.5rem;padding-top:.25rem}.sidebar-submenu-item{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;margin:.125rem 0;padding:.5rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s,color .2s;width:100%}.sidebar-submenu-item:hover{background-color:#0000000d;background-color:var(--hover-background,#0000000d);color:var(--primary-color)}.sidebar-submenu-item.active{background-color:var(--nav-background);color:var(--nav-text)}.sidebar-footer{border-top:1px solid var(--border-color);flex-shrink:0;margin-top:auto;padding:1rem 0}.sidebar-user-section{display:flex;flex-direction:column}.sidebar-user-button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s,color .2s}.sidebar-user-button *{color:inherit}.sidebar-user-button:hover{background-color:#0000000d;background-color:var(--hover-background,#0000000d)}.sidebar-user-button.active{background-color:var(--nav-background);color:var(--nav-text)}.sidebar-user-avatar{align-items:center;background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:50%;box-sizing:border-box;color:var(--nav-text);display:flex;flex-shrink:0;font-size:.65rem;font-weight:600;height:22px;justify-content:center;overflow:hidden;position:relative;width:22px}.sidebar-user-avatar-img{height:100%;object-fit:cover;width:100%}.sidebar-user-avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.sidebar-user-name{color:inherit;font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-submenu{border-left:2px solid var(--border-color);margin-top:.5rem;padding-left:.5rem}.sidebar-user-profile{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.sidebar-user-profile-avatar{align-items:center;background-color:var(--primary-color);border:2px solid var(--border-color);border-radius:50%;color:var(--nav-text);display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.sidebar-user-profile-avatar-img{height:100%;object-fit:cover;width:100%}.sidebar-user-profile-avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.sidebar-user-profile-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.sidebar-user-profile-name{color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:.25rem}.sidebar-user-profile-email,.sidebar-user-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-profile-email{color:var(--text-secondary);font-size:.85rem}.sidebar-user-divider{background-color:var(--border-color);height:1px;margin:.5rem 0}.sidebar-content{background-color:var(--background);display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative;transition:background-color .3s ease}.mobile-hamburger{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:4px;color:var(--nav-text);cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;transition:background-color .2s,color .2s;width:36px}.mobile-hamburger:hover{background-color:#0000000d;background-color:var(--hover-background,#0000000d);color:var(--primary-color)}.mobile-hamburger:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-hamburger svg{height:24px;width:24px}.mobile-menu-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.mobile-menu-overlay{display:block}.mobile-hamburger{display:flex}.top-menu-app-name{margin-left:.5rem}.mobile-menu-overlay{display:block}.sidebar-layout-content{position:relative}.sidebar{box-shadow:2px 0 8px #00000026;height:calc(100vh - 56px);left:0;max-width:85vw;position:fixed;top:56px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-nav{max-height:none;overflow-y:auto}.sidebar-footer{align-items:stretch;flex-direction:column}.sidebar-user-section{flex:1 1}}.layout-content{background-color:var(--background);display:flex;flex:1 1;flex-direction:column;transition:background-color .3s ease}.preferences-page{padding:2rem}.preferences-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.preferences-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:2rem;margin-top:0}.dark-theme .preferences-container h1{color:var(--text-color)}.preferences-section{margin-bottom:2.5rem}.preferences-section h2{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem}.preferences-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.theme-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.theme-option{align-items:center;background-color:var(--background);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:1.5rem 1rem;position:relative;transition:all .2s}.theme-option:hover{border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.theme-option.active{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000);border-color:var(--primary-color)}.theme-option:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 30%,#0000);outline:none}.theme-icon{align-items:center;color:var(--text-color);display:flex;font-size:2.5rem;justify-content:center;line-height:1}.theme-icon svg{height:100%;max-height:48px;max-width:48px;width:100%}.theme-label{color:var(--text-color);font-size:1rem;font-weight:600}.theme-subtitle{color:var(--text-secondary);font-size:.85rem;font-style:italic}.theme-check{color:var(--primary-color);font-size:1.2rem;font-weight:700;position:absolute;right:8px;top:8px}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-color);outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.password-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.save-button{align-self:flex-start;background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:opacity .2s}.save-button:hover:not(:disabled){opacity:.9}.save-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.preferences-page{padding:1rem}.preferences-container{padding:1.5rem}.theme-options{grid-template-columns:1fr}}.profile-page{padding:2rem}.profile-container{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:1200px}.profile-card{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:1200px;padding:2rem;width:100%}.profile-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.profile-avatar{align-items:center;background-color:var(--primary-color);border:3px solid var(--border-color);border-radius:50%;color:var(--nav-text);display:flex;flex-shrink:0;font-size:2.5rem;font-weight:600;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-header-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.profile-username{color:var(--text-color);font-size:2rem;font-weight:600;margin:0}.profile-email{color:var(--text-secondary);font-size:1rem}.profile-created{color:var(--text-secondary);font-size:.9rem}.loading-message{color:var(--text-secondary);padding:2rem;text-align:center}@media (max-width:768px){.profile-page{padding:1rem}.profile-card{padding:1.5rem}.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-avatar{font-size:2rem;height:100px;width:100px}.profile-username{font-size:1.5rem}}.modal-content{display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;padding:0}.modal-header{padding:1.5rem}.modal-close{transition:background-color .2s,color .2s}.modal-close:hover{background-color:var(--hover-background)}.modal-tabs{border-bottom:1px solid var(--border-color);display:flex;padding:0 1.5rem}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:color .2s,border-color .2s}.modal-tab:hover{color:var(--text-color)}.modal-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.modal-body{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.form-group label{color:var(--text-color);font-weight:500}.form-group input[type=file],.form-group input[type=password],.form-group input[type=text],.form-group input[type=url],.form-group select{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input[type=file]{cursor:pointer}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;opacity:.6}.error-message,.success-message{padding:.75rem}.modal-actions{flex-wrap:nowrap;margin-top:1rem}.modal-actions button:disabled{cursor:not-allowed;opacity:.6}.modal-actions .btn-primary:disabled{background-color:var(--nav-background)!important;background-color:var(--submit-button-color,var(--nav-background))!important;border-color:var(--submit-button-color,var(--nav-background))!important;color:var(--nav-text)!important;color:var(--submit-button-text,var(--nav-text))!important;opacity:.6}.btn-cancel:hover:not(:disabled){background-color:var(--hover-background)}.modal-actions .btn-primary{background-color:var(--nav-background)!important;background-color:var(--submit-button-color,var(--nav-background))!important;border:1px solid var(--submit-button-color,var(--nav-background))!important}.modal-actions .btn-primary,.modal-actions .btn-primary:hover:not(:disabled){color:var(--nav-text)!important;color:var(--submit-button-text,var(--nav-text))!important}.modal-actions .btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--nav-background) 90%,#000)!important;background-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000)!important;border-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000)!important}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-body,.modal-header{padding:1rem}.modal-actions{flex-direction:column;flex-wrap:nowrap}.modal-actions button{width:100%}}.quota-gauge{display:flex;flex-direction:column;gap:.5rem}.quota-gauge-header{align-items:center;display:flex;justify-content:space-between}.quota-gauge-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.quota-gauge-value{color:var(--text-color);font-family:monospace;font-size:.875rem;font-weight:600}.quota-gauge-bar{background-color:var(--background-secondary);border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.quota-gauge-bar-no-quota{opacity:.5}.quota-gauge-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.projects-page{padding:2rem}.projects-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.projects-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:.5rem;margin-top:0}.dark-theme .projects-container h1{color:var(--text-color)}.projects-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-description{flex:1 1;margin:0}.projects-actions{align-items:center;display:flex;gap:1rem}.projects-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.projects-actions button:disabled{cursor:not-allowed;opacity:.6}.projects-actions .btn-primary{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));color:var(--nav-text);color:var(--submit-button-text,var(--nav-text))}.projects-actions .btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--nav-background) 90%,#000);background-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);border-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);color:var(--nav-text);color:var(--submit-button-text,var(--nav-text))}.loading-message,.projects-empty{color:var(--text-secondary);padding:3rem;text-align:center}.error-message{background-color:color-mix(in srgb,var(--error-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--error-color) 30%,#0000);border-radius:4px;color:var(--error-color);margin-bottom:2rem;padding:1rem}.success-message{background-color:color-mix(in srgb,var(--success-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--success-color) 30%,#0000);border-radius:4px;color:var(--success-color);margin-bottom:2rem;padding:1rem}.projects-section{margin-top:2rem}.projects-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-container{flex:1 1;min-width:200px}.search-input{padding:.75rem 1rem}.sort-container{align-items:center;display:flex;gap:.5rem}.sort-container label{color:var(--text-color);font-weight:500}.sort-select{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.75rem 1rem}.sort-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.sort-order-btn{font-size:1.25rem;padding:.75rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background-color:var(--background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:box-shadow .2s,transform .2s}.project-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.project-card-header{align-items:flex-start;display:flex;gap:0;justify-content:space-between;margin-bottom:1rem}.project-card-header-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.project-card-title{cursor:default;font-size:1.25rem;font-weight:600;margin:0;position:relative}.project-card-title,.project-card-title[title]:hover:after{color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-title[title]:hover:after{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;bottom:calc(100% + .5rem);box-shadow:0 2px 8px #00000026;content:attr(title);font-size:.875rem;font-weight:400;left:0;max-width:400px;padding:.5rem .75rem;pointer-events:none;position:absolute;z-index:1000}.project-card-title[title]:hover:before{border:4px solid #0000;border-top:4px solid var(--border-color);bottom:calc(100% + .25rem);content:"";left:.5rem;pointer-events:none;position:absolute;z-index:1001}.project-card-subtitle{color:var(--text-secondary);cursor:default;font-family:monospace;position:relative}.project-card-subtitle,.project-card-subtitle[title]:hover:after{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-subtitle[title]:hover:after{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;bottom:calc(100% + .5rem);box-shadow:0 2px 8px #00000026;color:var(--text-color);content:attr(title);font-weight:400;left:0;max-width:400px;padding:.5rem .75rem;pointer-events:none;position:absolute;z-index:1000}.project-card-subtitle[title]:hover:before{border:4px solid #0000;border-top:4px solid var(--border-color);bottom:calc(100% + .25rem);content:"";left:.5rem;pointer-events:none;position:absolute;z-index:1001}.project-card-status{font-size:.875rem;font-weight:500}.project-card-actions{display:flex;flex-shrink:0;gap:.5rem}.project-card-edit-form{display:flex;flex-direction:column;gap:.5rem;width:100%}.project-card-edit-input{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:1.25rem;font-weight:600;padding:.5rem;width:100%}.project-card-edit-input:focus{border-color:var(--primary-color,var(--nav-background));outline:none}.project-card-edit-actions{display:flex;gap:.5rem}.project-card-content{display:flex;flex-direction:column;gap:1rem}.project-card-quotas{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr;margin-top:.5rem}.quota-expand-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem;transition:all .2s;width:100%}.quota-expand-btn:hover{background-color:var(--hover-background);border-color:var(--primary-color)}.quota-expand-text{font-weight:500}.quota-expand-icon{display:inline-block;font-size:.75rem;transition:transform .2s}.quota-expand-icon.expanded{transform:rotate(180deg)}.quota-row{align-items:center;background-color:var(--background-secondary);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.quota-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.quota-value{color:var(--text-color);font-family:monospace;font-size:.875rem;font-weight:600}.project-card-no-data{background-color:var(--background-secondary);border-radius:4px;color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center}.table-section{margin-bottom:3rem}.table-section:last-child{margin-bottom:0}.table-section h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.table-section:first-of-type h2{margin-top:0}.table-wrapper{border:1px solid var(--border-color);border-radius:8px;max-height:calc(100vh - 300px);overflow-x:auto;overflow-y:auto;width:100%}.data-table{background-color:var(--background);border-collapse:collapse;display:table;width:100%}.projects-table{min-width:1500px!important;width:100%}.projects-table tbody tr,.projects-table thead tr{display:table-row!important}.projects-table tbody tr td,.projects-table thead tr th{display:table-cell!important;max-width:none!important;opacity:1!important;visibility:visible!important;width:auto!important}.projects-table{table-layout:auto!important}.data-table thead{background-color:var(--background-secondary)}.data-table thead tr{position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{background-color:var(--background-secondary);border-bottom:2px solid var(--border-color);font-weight:600;text-align:left}.data-table td,.data-table th{color:var(--text-color);padding:1rem;white-space:nowrap}.data-table td{border-bottom:1px solid var(--border-color)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--hover-background)}.table-cell-name{display:flex;flex-direction:column;gap:.25rem}.table-cell-name strong{color:var(--text-color);font-weight:600}.table-cell-subtitle{color:var(--text-secondary);font-family:monospace;font-size:.875rem}.table-cell-status{font-size:.875rem;font-weight:500}.table-cell-error{margin-left:.25rem}.table-cell-actions{display:flex;gap:.5rem;justify-content:center}.table-empty-message{padding:3rem 1rem!important;text-align:center}.table-empty-message .projects-empty{margin:0}.table-empty-message .projects-empty p{margin:.5rem 0}.btn-icon{align-items:center;background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;min-height:32px;min-width:32px;padding:.25rem .5rem;transition:all .2s}.btn-icon,.btn-icon:hover:not(:disabled){color:var(--nav-text);color:var(--submit-button-text,var(--nav-text))}.btn-icon:hover:not(:disabled){background-color:color-mix(in srgb,var(--nav-background) 90%,#000);background-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);border-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-icon:active:not(:disabled){background-color:var(--active-background)}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 4px 12px #0000004d}.modal-content p strong{color:var(--text-color)}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background-color:var(--background);border:1px solid var(--border-color);color:var(--text-color)}.btn-cancel:hover{background-color:var(--hover-background)}.btn-confirm-delete{background-color:var(--error-color);border:1px solid var(--error-color);color:var(--nav-text)}.btn-confirm-delete:hover{background-color:color-mix(in srgb,var(--error-color) 90%,#000);border-color:color-mix(in srgb,var(--error-color) 90%,#000)}.btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary-color);color:var(--nav-text)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background-color:var(--background);border:1px solid var(--border-color);color:var(--text-color)}.btn-secondary:hover:not(:disabled){background-color:var(--hover-background);border-color:var(--primary-color)}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}@media (max-width:768px){.projects-page{padding:1rem}.projects-container{padding:1.5rem}.projects-container h1{font-size:1.5rem}.projects-header{align-items:flex-start;flex-direction:column;gap:1rem}.projects-controls{align-items:stretch;flex-direction:column}.search-container{width:100%}.projects-grid{grid-template-columns:1fr}.data-table{font-size:.875rem}.data-table td,.data-table th{padding:.75rem .5rem;white-space:nowrap}.table-wrapper{-webkit-overflow-scrolling:touch}}@media (min-width:769px) and (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1025px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.project-detail-page{padding:2rem}.project-detail-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.project-breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem}.project-breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .2s}.project-breadcrumb a:hover{color:var(--secondary-color);text-decoration:underline}.project-breadcrumb-separator{color:var(--text-secondary)}.project-breadcrumb-current{color:var(--text-color);font-weight:500}.project-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.project-detail-title{align-items:center;display:flex;gap:1rem}.project-detail-title-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.project-detail-title-content h1{color:var(--text-color);font-size:2rem;font-weight:600;margin:0}.project-detail-title-content h3{color:var(--text-secondary);font-family:monospace;font-size:1rem;font-weight:400;margin:0}.btn-refresh{align-items:center;background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-refresh:hover:not(:disabled){background-color:color-mix(in srgb,var(--nav-background) 90%,#000);background-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);border-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.project-stats-section{margin-bottom:3rem}.project-stats-section h2{color:var(--text-color);margin-bottom:1rem}.project-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.project-stat-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.project-stat-card h3{color:var(--text-color);font-size:1.1rem;margin-bottom:1rem;margin-top:0}.vm-stat-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.75rem}.vm-stat-label{color:var(--text-secondary)}.vm-stat-value{color:var(--text-color);font-weight:500}.vm-status-breakdown{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.vm-status-item{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.vm-status-badge{font-weight:500}.vm-status-count{color:var(--text-secondary)}.project-stats-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.project-last-refreshed,.project-owner-info{color:var(--text-secondary);font-size:.85rem}.project-last-refreshed{margin-left:auto}.project-sharing-section{margin-bottom:3rem;margin-top:2rem}.project-sharing-section h2{color:var(--text-color);margin-bottom:1rem}.project-sharing-multiselect{display:flex;flex-direction:column;gap:1.5rem}.project-sharing-label{color:var(--text-color);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.project-sharing-shared-with{display:flex;flex-direction:column}.project-sharing-shared-box{background:var(--background);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-wrap:wrap;gap:.5rem;max-height:200px;min-height:3rem;overflow-y:auto;padding:.75rem}.project-sharing-empty{color:var(--text-secondary);font-size:.9rem;font-style:italic}.project-sharing-pill{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;display:inline-flex;flex-shrink:0;font-size:.875rem;gap:.375rem;line-height:1.5;padding:.375rem .75rem}.project-sharing-pill-text{color:var(--text-color);white-space:nowrap}.project-sharing-pill-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:1.1rem;justify-content:center;line-height:1;padding:0;transition:color .2s;width:1.1rem}.project-sharing-pill-remove:hover{background:var(--hover-background);color:#dc3545;color:var(--error-color,#dc3545)}.project-sharing-add-user{display:flex;flex-direction:column}.project-sharing-input-container{position:relative}.project-sharing-input{background:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.75rem;width:100%}.project-sharing-input:focus{border-color:var(--primary-color);outline:none}.project-sharing-dropdown{background:var(--background);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .25rem);z-index:10}.project-sharing-dropdown-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:.75rem;transition:background-color .2s}.project-sharing-dropdown-item:last-child{border-bottom:none}.project-sharing-dropdown-item-highlighted,.project-sharing-dropdown-item:hover{background-color:var(--hover-background)}.project-sharing-dropdown-item .project-sharing-user-name{margin-bottom:.25rem}.project-sharing-dropdown-item .project-sharing-user-email{font-size:.85rem}.vm-list-section{margin-top:2rem}.vm-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.vm-list-section h2{color:var(--text-color);margin:0}.vm-search-container{flex:1 1;max-width:400px;min-width:250px}.vm-search-input{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.vm-search-input:focus{border-color:var(--primary-color,var(--nav-background));outline:none}.vm-table-container{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.vm-table{border-collapse:collapse;width:100%}.vm-table thead{background-color:var(--nav-background);color:var(--nav-text)}.vm-table th{font-size:.9rem;font-weight:600;padding:1rem 1.5rem 1rem 1rem;position:relative;text-align:left}.vm-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.vm-table th.sortable:hover{background-color:#ffffff1a;border-bottom:2px solid #ffffff80}.vm-table th.sortable:focus{outline:2px solid var(--nav-background);outline:2px solid var(--primary-color,var(--nav-background));outline-offset:-2px}.vm-table th.sortable .sort-indicator{color:var(--nav-text);font-size:.9rem;font-weight:700;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.vm-table td{border-top:1px solid var(--border-color);color:var(--text-color);padding:1rem}.vm-row{cursor:pointer;transition:background-color .2s}.vm-row:hover{background-color:var(--hover-background)}.vm-name{color:var(--text-color);font-weight:500}.vm-status{font-size:.85rem;font-weight:500;text-transform:uppercase}.vm-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-action{align-items:center;background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));display:inline-flex;height:auto;justify-content:center;min-height:2rem;min-width:2rem;padding:.25rem .5rem;transition:all .2s;width:auto}.btn-action,.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-action svg{height:1.25rem;width:1.25rem}.empty-state{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);padding:3rem;text-align:center}.alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.alert-error{background-color:color-mix(in srgb,var(--error-color) 20%,#0000);border:1px solid var(--error-color);color:var(--error-color)}.alert-success{background-color:color-mix(in srgb,var(--success-color) 20%,#0000);border:1px solid var(--success-color);color:var(--success-color)}.vm-detail-page{padding:2rem}.vm-detail-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--text-color) 10%,#0000);margin:0 auto;max-width:1200px;padding:2rem}.vm-breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem}.vm-breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .2s}.vm-breadcrumb a:hover{color:var(--secondary-color);text-decoration:underline}.vm-breadcrumb-separator{color:var(--text-secondary)}.vm-breadcrumb-current{color:var(--text-color);font-weight:500}.vm-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.vm-detail-title{align-items:center;display:flex;gap:1rem}.vm-detail-title h1{color:var(--text-color);margin:0}.vm-detail-actions{align-items:center;display:flex;gap:.5rem}.vm-section{margin-bottom:3rem}.vm-section h3{color:var(--text-color);font-size:1.25rem;margin-bottom:1.5rem;margin-top:0}.vm-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.vm-info-item{display:flex;flex-direction:column;gap:.25rem}.vm-info-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.vm-info-value{color:var(--text-color);font-size:1rem}.vm-id-with-copy{align-items:center;display:flex;font-family:monospace;gap:.5rem}.btn-copy-icon{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:.25rem;transition:color .2s}.btn-copy-icon:hover{background-color:var(--hover-background);color:var(--primary-color)}.btn-copy-icon-small{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:.25rem;padding:.125rem;transition:color .2s}.btn-copy-icon-small:hover{background-color:var(--hover-background);color:var(--primary-color)}.vm-info-item-full-width{grid-column:1/-1}.vm-ip-addresses-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.vm-ip-address-item{align-items:center;background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.vm-ip-address{color:var(--text-color);font-family:monospace;font-weight:500}.vm-ip-consolidated{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.vm-ip-fixed{color:var(--text-color)}.vm-ip-fixed,.vm-ip-floating{align-items:center;display:flex;font-family:monospace;font-weight:500;gap:.25rem}.vm-ip-floating{color:var(--primary-color)}.vm-ip-separator{color:var(--text-secondary);font-weight:500}.vm-ip-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.vm-ip-with-copy{align-items:center;display:inline-flex;gap:.25rem}.vm-list-container{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.vm-list-item{align-items:center;background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.vm-list-item-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.vm-list-item-main{display:flex;flex-direction:column;gap:.25rem}.vm-list-item-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.vm-list-item-value{color:var(--text-color);font-family:monospace;font-size:1rem}.vm-list-item-description{color:var(--text-secondary);font-size:.85rem}.vm-list-item-meta{display:flex;flex-wrap:wrap;gap:.5rem}.vm-badge{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.vm-badge-monospace{font-family:monospace}.vm-table-cell-monospace{font-family:monospace;font-size:.9rem}.vm-ip-list{display:flex;flex-wrap:wrap;gap:.5rem}.vm-ip-tag{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:monospace;font-size:.85rem;padding:.25rem .5rem}.vm-metadata-details{margin-top:1rem}.vm-metadata-summary{cursor:pointer;list-style:none}.vm-metadata-summary::-webkit-details-marker{display:none}.vm-metadata-summary:before{content:"▶";display:inline-block;margin-right:.5rem;transition:transform .2s}.vm-metadata-details[open] .vm-metadata-summary:before{transform:rotate(90deg)}.vm-metadata-content{margin-top:1rem}.vm-last-refreshed{color:var(--text-secondary);font-size:.85rem;margin-top:2rem;text-align:right}.loading{color:var(--text-secondary);padding:3rem;text-align:center}.data-table th.sortable{transition:background-color .2s}.data-table th.sortable:hover{background-color:var(--hover-background)}.data-table th.sortable .sort-indicator{color:var(--primary-color);font-size:.9rem;font-weight:700;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.admin-layout-content{display:flex;flex:1 1;flex-direction:column}.admin-breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem}.admin-breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .2s}.admin-breadcrumb a:hover{color:var(--secondary-color);text-decoration:underline}.admin-breadcrumb-separator{color:var(--text-secondary)}.admin-breadcrumb-current{color:var(--text-color);font-weight:500}@media (max-width:768px){.admin-layout{flex-direction:column;gap:1rem}.admin-sidebar{border-bottom:1px solid var(--border-color);border-right:none;padding:1rem 0;width:100%}.admin-nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding:0 1rem}.admin-nav-item{padding:.5rem 1rem;white-space:nowrap}}.admin-dashboard-page{padding:2rem}.admin-dashboard-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--text-color) 10%,#0000);margin:0 auto;max-width:1200px;padding:2rem}.admin-dashboard-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:.5rem;margin-top:0}.dark-theme .admin-dashboard-container h1{color:var(--text-color)}.stats-section-title{color:var(--secondary-color);font-size:1.5rem;font-weight:600;margin:2rem 0 1rem}.dark-theme .stats-section-title{color:var(--text-color)}.stats-section-title:first-of-type{margin-top:0}.admin-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.admin-stats.admin-stats-quotas,.admin-stats.admin-stats-users{grid-template-columns:repeat(4,1fr)}.stat-card{background-color:var(--background);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center;transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px color-mix(in srgb,var(--text-color) 10%,#0000)}.stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-number{color:var(--primary-color);font-size:2.5rem;font-weight:600;margin:0}.stat-quota{color:var(--text-secondary);font-size:1.5rem;font-weight:400}@media (max-width:1024px){.admin-stats,.admin-stats.admin-stats-quotas,.admin-stats.admin-stats-users{grid-template-columns:repeat(2,1fr)}.stats-section-title{font-size:1.25rem}}@media (max-width:768px){.admin-dashboard-page{padding:1rem}.admin-dashboard-container{padding:1.5rem}.admin-dashboard-container h1{font-size:1.5rem}.admin-stats,.admin-stats.admin-stats-quotas,.admin-stats.admin-stats-users{grid-template-columns:1fr}}.user-edit-modal{max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:var(--text-color);font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background-color:var(--background);color:var(--text-color)}.user-edit-modal form{display:flex;flex-direction:column;gap:1.5rem}.user-edit-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.user-edit-modal .form-group label{color:var(--text-color);font-weight:500}.user-edit-modal .form-group input[type=email],.user-edit-modal .form-group input[type=text],.user-edit-modal .select-input{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s}.user-edit-modal .form-group input[type=email]:focus,.user-edit-modal .form-group input[type=text]:focus,.user-edit-modal .select-input:focus{border-color:var(--primary-color);outline:none}.user-edit-modal .form-group input:disabled,.user-edit-modal .select-input:disabled{cursor:not-allowed;opacity:.6}.user-edit-modal .select-input{cursor:pointer;width:100%}.toggle-switch-container{align-items:center;display:flex;gap:1rem}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border-color);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--background);border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.toggle-label{color:var(--text-color);font-weight:500;-webkit-user-select:none;user-select:none}.user-edit-modal .error-message{background-color:color-mix(in srgb,var(--error-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--error-color) 30%,#0000);border-radius:4px;color:var(--error-color);padding:.75rem}.user-edit-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.user-edit-modal .btn-cancel{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.user-edit-modal .btn-cancel:hover:not(:disabled){background-color:var(--border-color)}.user-edit-modal .btn-save{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background));border-radius:4px;color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:opacity .2s}.user-edit-modal .btn-save:hover:not(:disabled){opacity:.9}.user-edit-modal .btn-cancel:disabled,.user-edit-modal .btn-save:disabled{cursor:not-allowed;opacity:.6}.user-management-page{padding:2rem}.user-management-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--text-color) 10%,#0000);margin:0 auto;max-width:1200px;padding:2rem}.user-management-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:.5rem;margin-top:0}.dark-theme .user-management-container h1{color:var(--text-color)}.page-description{color:var(--text-secondary);margin:0 0 2rem}.user-management-controls{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.search-box{flex:1 1;min-width:250px}.search-input{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-top:0;padding:.75rem;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.user-count{color:var(--text-secondary);font-size:.9rem}.user-table-container{background:var(--background);border:1px solid var(--border-color);border-radius:6px;overflow-x:auto}.data-table th.sortable{cursor:pointer;padding-right:1.5rem;position:relative;-webkit-user-select:none;user-select:none}.data-table th.sortable:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.sort-indicator{color:var(--primary-color);font-size:.9rem;font-weight:700;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.data-table td:first-child,.data-table th:first-child{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-users{color:var(--text-secondary);font-style:italic;padding:3rem;text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background-color:color-mix(in srgb,var(--success-color) 20%,#0000);color:var(--success-color)}.status-badge.inactive{background-color:color-mix(in srgb,var(--text-secondary) 20%,#0000);color:var(--text-secondary)}.role-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background-color:color-mix(in srgb,var(--primary-color) 20%,#0000);color:var(--primary-color)}.role-badge.user{background-color:color-mix(in srgb,var(--text-secondary) 20%,#0000);color:var(--text-secondary)}.action-buttons{flex-wrap:wrap;gap:.5rem}.action-buttons,.modal-overlay{align-items:center;display:flex}.modal-overlay{background-color:color-mix(in srgb,var(--text-color) 50%,#0000);bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--background-secondary);border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--text-color) 30%,#0000);max-width:500px;padding:2rem;width:90%}.modal-content h3{color:var(--text-color);margin-bottom:1rem;margin-top:0}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.user-cards-container{display:none}@media (max-width:768px){.user-management-page{padding:1rem}.user-management-container{padding:1.5rem}.user-management-controls{align-items:stretch;flex-direction:column}.user-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{font-size:.85rem;min-width:800px}.data-table td,.data-table th{padding:.75rem .5rem;white-space:nowrap}.data-table td:first-child,.data-table th:first-child{background-color:var(--background);left:0;max-width:200px;position:-webkit-sticky;position:sticky;z-index:1}.data-table thead th:first-child{background-color:var(--background);z-index:2}.action-buttons{flex-direction:row;gap:.5rem}}@media (max-width:600px){.user-management-container{padding:1rem}.user-management-container h1{font-size:1.5rem}.user-table-container{display:none}.user-cards-container{display:block}.user-card{background:var(--background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.user-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.user-card-email{color:var(--text-color);font-size:1rem;font-weight:600;word-break:break-word}.user-card-name{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.user-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.user-card-meta{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.user-card-date{color:var(--text-secondary);font-size:.85rem}.user-card-actions{display:flex;gap:.5rem}}.settings-page{padding:2rem}.settings-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--text-color) 10%,#0000);margin:0 auto;max-width:1200px;padding:2rem}.settings-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:2rem;margin-top:0}.dark-theme .settings-container h1{color:var(--text-color)}.settings-form{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.settings-page{padding:1rem}.settings-container{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.openstack-settings-page{padding:2rem}.openstack-settings-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--text-color) 10%,#0000);margin:0 auto;max-width:1200px;padding:2rem}.openstack-settings-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:2rem;margin-top:0}.dark-theme .openstack-settings-container h1{color:var(--text-color)}.openstack-settings-form{display:flex;flex-direction:column;gap:1.5rem}.url-list-input{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-top:.5rem;min-height:120px;padding:.75rem;resize:vertical;width:100%}.url-list-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.url-list-input:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.openstack-settings-page{padding:1rem}.openstack-settings-container{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.local-login-page{padding:2rem}.local-login-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--text-color) 10%,#0000);margin:0 auto;max-width:1200px;padding:2rem}.local-login-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:2rem;margin-top:0}.dark-theme .local-login-container h1{color:var(--text-color)}.local-login-form{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.local-login-page{padding:1rem}.local-login-container{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.oauth-login-page{padding:2rem}.oauth-login-container{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--text-color) 10%,#0000);margin:0 auto;max-width:1200px;padding:2rem}.oauth-login-container h1{color:var(--secondary-color);font-size:2rem;margin-bottom:2rem;margin-top:0}.dark-theme .oauth-login-container h1{color:var(--text-color)}.oauth-login-form{display:flex;flex-direction:column;gap:1.5rem}.settings-section{margin-bottom:2.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h2{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group input[type=url],.select-input{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.form-group input[type=url]:focus,.select-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.form-group input:disabled,.select-input:disabled{cursor:not-allowed;opacity:.6}.readonly-input{background-color:var(--background-secondary)!important;cursor:not-allowed;opacity:.8}.select-input{cursor:pointer}.form-hint{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:1rem}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-reset{background-color:var(--background);border:1px solid var(--border-color);color:var(--text-color)}.btn-reset:hover:not(:disabled){background-color:var(--border-color)}.btn-reset-defaults{background-color:var(--background);border:1px solid var(--border-color);color:var(--text-color)}.btn-reset-defaults:hover:not(:disabled){background-color:var(--border-color)}.btn-save{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border:1px solid var(--submit-button-color,var(--nav-background))}.btn-save,.btn-save:hover:not(:disabled){color:var(--nav-text);color:var(--submit-button-text,var(--nav-text))}.btn-save:hover:not(:disabled){background-color:color-mix(in srgb,var(--nav-background) 90%,#000);background-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000);border-color:color-mix(in srgb,var(--submit-button-color,var(--nav-background)) 90%,#000)}.btn-save:disabled{background-color:var(--nav-background);background-color:var(--submit-button-color,var(--nav-background));border-color:var(--submit-button-color,var(--nav-background));color:var(--nav-text);color:var(--submit-button-text,var(--nav-text));opacity:.6}.form-actions button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.oauth-login-page{padding:1rem}.oauth-login-container{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.help-icon-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:0;position:relative;transition:color .2s}.help-icon-button:hover{color:var(--primary-color)}.help-popup{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px color-mix(in srgb,var(--text-color) 20%,#0000);color:var(--text-color);font-size:.9rem;line-height:1.5;margin-left:0;margin-top:.5rem;max-width:400px;padding:1rem;position:absolute;z-index:1000}.help-popup:before{border-bottom:6px solid var(--border-color);top:-6px}.help-popup:after,.help-popup:before{border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:20px;position:absolute;width:0}.help-popup:after{border-bottom:6px solid var(--background-secondary);top:-5px}.form-group label{position:relative}.App{text-align:center}.App-header{align-items:center;background-color:var(--secondary-color);background-color:var(--nav-background,var(--secondary-color));color:var(--text-color);color:var(--nav-text,var(--text-color));display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:20px}.App-header h1{color:var(--primary-color);margin-bottom:20px}
/*# sourceMappingURL=main.192210ee.css.map*/