.header-root{align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-sticky)}body.dark .header-root{background-color:var(--background-surface-dark);border-bottom-color:var(--border-darker)}.header-logo{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--spacing-sm);text-decoration:none}body.dark .header-logo{color:var(--color-white)}.header-logo-icon{align-items:center;background-color:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);display:flex;height:2rem;justify-content:center;padding:.375rem;width:2rem}.header-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-logo);letter-spacing:-.015em}.header-nav{align-items:center;display:flex;gap:var(--spacing-md)}.header-theme-toggle{align-items:center;background-color:initial;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:0;transition:all var(--transition-base);width:var(--button-height-md)}.header-nav .btn,.header-theme-toggle{box-sizing:border-box;height:var(--button-height-md)}.header-theme-toggle:hover{background-color:var(--background-light-alt);border-color:var(--border-gray);color:var(--color-text-primary)}body.dark .header-theme-toggle{background-color:var(--background-surface-accent);border-color:var(--border-dark);color:var(--color-text-tertiary)}body.dark .header-theme-toggle:hover{background-color:#323945;color:var(--color-white)}.header-avatar{align-items:center;background-color:var(--background-light-alt);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;display:flex;height:2rem;justify-content:center;overflow:hidden;width:2rem}.header-avatar img{height:100%;object-fit:cover;width:100%}body.dark .header-avatar{background-color:var(--background-surface-accent);border-color:var(--border-dark)}@media (max-width:768px){.header{padding:var(--spacing-md) var(--spacing-lg)}}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs)}.filter-buttons::-webkit-scrollbar{display:none}.filter-button{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-base);gap:var(--spacing-sm);height:2rem;justify-content:center;padding:0 var(--spacing-lg);transition:all var(--transition-base);white-space:nowrap}.filter-button,.filter-button.active{font-weight:var(--font-weight-medium)}.filter-button.active{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-white);transform:scale(.95)}.filter-button.active:active{transform:scale(.95)}.filter-button:not(.active){background-color:var(--color-white);border:1px solid var(--border-light);color:var(--color-text-primary)}.filter-button:not(.active):hover{background-color:var(--background-light-alt);border-color:var(--border-gray)}body.dark .filter-button:not(.active){background-color:var(--background-surface-accent);border-color:var(--border-dark);color:var(--color-white)}body.dark .filter-button:not(.active):hover{background-color:var(--border-dark)}.project-card{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden}body.dark .project-card{background-color:var(--background-card-dark);border-color:var(--border-dark)}.project-card-image{align-items:center;background-color:var(--background-light-alt);display:flex;height:7rem;justify-content:center;overflow:hidden;position:relative;width:100%}body.dark .project-card-image{background-color:var(--background-surface-accent)}.project-card-icon{align-items:center;background-color:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);color:var(--color-primary);display:flex;justify-content:center;padding:var(--spacing-sm);z-index:var(--z-index-base)}.project-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.project-card-header{align-items:center;display:flex;justify-content:space-between;width:100%}.project-card-status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:.125rem .375rem;text-transform:uppercase}.project-card-status.live{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success)}.project-card-status.archived{background-color:var(--background-light-alt);color:var(--color-text-secondary)}body.dark .project-card-status.archived{background-color:var(--background-surface-accent)}.project-card-tech{color:var(--color-text-secondary);display:flex;gap:var(--spacing-sm)}.project-card-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-card-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}body.dark .project-card-title{color:var(--color-white)}.project-card-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow:hidden}.project-card-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto}.project-card-actions{display:flex;gap:var(--spacing-xs);width:100%}.project-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.project-card-tag{background-color:var(--background-light-alt);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:.125rem .375rem}body.dark .project-card-tag{background-color:var(--background-surface-accent)}.project-card-button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);height:1.75rem;justify-content:center;padding:0 var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.project-card-button.primary{background-color:var(--color-primary);color:var(--color-white)}.project-card-button.primary:hover{background-color:var(--color-primary-hover)}.project-card-button.secondary{background-color:initial;border:1px solid var(--border-light);color:var(--color-text-primary)}.project-card-button.secondary:hover{background-color:var(--background-light-alt)}.project-card-button:disabled{cursor:not-allowed;opacity:.5}body.dark .project-card-button.secondary{border-color:var(--border-dark);color:var(--color-white)}body.dark .project-card-button.secondary:hover{background-color:var(--background-surface-accent)}.project-details-modal-overlay{align-items:center;animation:fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:var(--z-index-modal)}.project-details-modal-content{animation:slide-up .3s ease-out;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}body.dark .project-details-modal-content{background-color:var(--background-card-dark);border:1px solid var(--border-dark)}.project-details-modal-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-xl)}body.dark .project-details-modal-header{border-bottom-color:var(--border-dark)}.project-details-modal-header-content{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.project-details-modal-icon{align-items:center;border:1px solid;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.project-details-modal-icon .material-symbols-outlined{font-size:24px}.project-details-modal-header-text{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.project-details-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:1.3;margin:0}body.dark .project-details-modal-title{color:var(--color-white)}.project-details-modal-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.625rem;font-weight:var(--font-weight-medium);gap:.25rem;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.project-details-modal-status.live{background-color:#10b98126;color:#10b981}.project-details-modal-status.archived{background-color:#94a3b826;color:#94a3b8}.project-details-modal-close-btn{align-items:center;background-color:initial;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all var(--transition-base);width:2rem}.project-details-modal-close-btn:hover{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .project-details-modal-close-btn{border-color:var(--border-dark);color:var(--color-text-tertiary)}body.dark .project-details-modal-close-btn:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.project-details-modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.project-details-modal-section{margin-bottom:var(--spacing-xl)}.project-details-modal-section:last-child{margin-bottom:0}.project-details-modal-section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}body.dark .project-details-modal-section-title{color:var(--color-white)}.project-details-modal-section-title .material-symbols-outlined{color:var(--color-primary);font-size:20px}.project-details-modal-section-text{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}body.dark .project-details-modal-section-text{color:var(--color-text-tertiary)}.project-details-modal-tech-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.project-details-modal-tech-item{align-items:center;background-color:var(--background-light-alt);border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm)}body.dark .project-details-modal-tech-item{background-color:var(--background-surface-accent);color:var(--color-white)}.project-details-modal-tech-item .material-symbols-outlined{color:var(--color-primary);font-size:18px}.project-details-modal-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.project-details-modal-tag{background-color:var(--background-light-alt);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.25rem .75rem}body.dark .project-details-modal-tag{background-color:var(--background-surface-accent);color:var(--color-text-tertiary)}.project-details-modal-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-xl)}body.dark .project-details-modal-footer{border-top-color:var(--border-dark)}.project-details-modal-action-buttons,.project-details-modal-btn{display:flex;gap:var(--spacing-xs)}.project-details-modal-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:2rem;justify-content:center;line-height:1;padding:0 var(--spacing-lg);text-decoration:none;transition:all var(--transition-base)}.project-details-modal-btn .material-symbols-outlined{font-size:16px;line-height:1}.project-details-modal-btn svg{flex-shrink:0;height:16px;width:16px}.project-details-modal-btn.primary{background-color:var(--color-primary);color:var(--color-white)}.project-details-modal-btn.primary:hover{background-color:var(--color-primary-hover)}.project-details-modal-btn.github{background-color:var(--color-text-primary);color:var(--color-white)}.project-details-modal-btn.github:hover{background-color:#111318e6}body.dark .project-details-modal-btn.github{background-color:var(--background-surface-accent);border:1px solid var(--border-dark)}body.dark .project-details-modal-btn.github:hover{background-color:#323945}.project-details-modal-btn.github:disabled{cursor:not-allowed;opacity:.45}body.dark .project-details-modal-btn.github:disabled{background-color:var(--background-surface-accent)}.project-details-modal-btn.github:disabled:hover{background-color:var(--color-text-primary)}body.dark .project-details-modal-btn.github:disabled:hover{background-color:var(--background-surface-accent)}.project-details-modal-btn.secondary{background-color:initial;border:1px solid var(--border-light);color:var(--color-text-primary)}.project-details-modal-btn.secondary:hover{background-color:var(--background-light-alt)}body.dark .project-details-modal-btn.secondary{border-color:var(--border-dark);color:var(--color-white)}body.dark .project-details-modal-btn.secondary:hover{background-color:var(--background-surface-accent)}@media (max-width:768px){.project-details-modal-content{border-radius:0;max-height:100vh;max-width:100%}.project-details-modal-footer{align-items:stretch;flex-direction:column}.project-details-modal-action-buttons{width:100%}.project-details-modal-btn{flex:1 1}.project-details-modal-tech-grid{grid-template-columns:1fr}}.public-portfolio{background-color:var(--background-light);display:flex;flex-direction:column;min-height:100vh}body.dark .public-portfolio{background-color:var(--background-dark)}.public-portfolio-container{display:flex;flex:1 1;justify-content:center;padding:var(--spacing-xl);width:100%}.public-portfolio-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);max-width:1400px}.public-portfolio-hero{animation:fade-in-up .5s ease-out;display:flex;flex-direction:column;gap:var(--spacing-md)}.public-portfolio-hero-content{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:800px}.public-portfolio-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.033em;line-height:var(--line-height-tight)}body.dark .public-portfolio-title{color:var(--color-white)}.public-portfolio-title .highlight{color:var(--color-primary)}.public-portfolio-subtitle{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.public-portfolio-projects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.public-portfolio-container{padding:var(--spacing-xl) 2rem}.public-portfolio-title{font-size:var(--font-size-3xl)}.public-portfolio-subtitle{font-size:var(--font-size-md)}.public-portfolio-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.public-portfolio-container{padding:var(--spacing-xl) 3rem}.public-portfolio-projects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.public-portfolio-projects-grid{grid-template-columns:repeat(4,1fr)}}.toast-container{align-items:center;bottom:var(--spacing-xl);flex-direction:column;left:50%;max-width:22rem;pointer-events:none;position:fixed;transform:translateX(-50%);width:calc(100% - var(--spacing-xl)*2);z-index:var(--z-index-toast)}.toast,.toast-container{display:flex;gap:var(--spacing-sm)}.toast{align-items:flex-start;animation:toast-slide-in var(--transition-slow) ease-out;background-color:var(--color-white);border:1px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md) var(--spacing-lg);pointer-events:auto;width:100%}body.dark .toast{background-color:var(--background-card-dark)}.toast-icon{flex-shrink:0;font-size:1.25rem;margin-top:1px}.toast-message{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0}body.dark .toast-message{color:var(--color-white)}.toast-dismiss{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;padding:0;transition:color var(--transition-base),background-color var(--transition-base);width:1.5rem}.toast-dismiss .material-symbols-outlined{font-size:1rem}.toast-dismiss:hover{background-color:#0000000d;color:var(--color-text-primary)}body.dark .toast-dismiss:hover{background-color:#ffffff14;color:var(--color-white)}.toast-success{background-color:var(--color-success-light);border-color:var(--color-success-border)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{background-color:var(--color-error-light);border-color:#ef444433}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{background-color:#f59e0b1a;border-color:#f59e0b33}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{background-color:#3b82f61a;border-color:#3b82f633}.toast-info .toast-icon{color:var(--color-info)}body.dark .toast-success{background-color:#0bda5e1f}body.dark .toast-error{background-color:#ef44441f}body.dark .toast-warning{background-color:#f59e0b1f}body.dark .toast-info{background-color:#3b82f61f}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.toast-container{bottom:var(--spacing-lg);left:var(--spacing-lg);max-width:none;right:var(--spacing-lg);transform:none;width:auto}}.confirm-dialog-overlay{align-items:center;animation:fade-in var(--transition-base) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:var(--z-index-modal)}.confirm-dialog{animation:slide-up var(--transition-slow) ease-out;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:24rem;padding:var(--spacing-xl);width:100%}body.dark .confirm-dialog{background-color:var(--background-card-dark);border:1px solid var(--border-dark)}.confirm-dialog-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.confirm-dialog-icon{color:var(--color-error);font-size:1.5rem}.confirm-dialog-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}body.dark .confirm-dialog-title{color:var(--color-white)}.confirm-dialog-message{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl)}body.dark .confirm-dialog-message{color:var(--color-text-tertiary)}.confirm-dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.confirm-dialog-btn{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:var(--button-height-md);padding:var(--button-padding-md);transition:all var(--transition-base)}.confirm-dialog-btn-cancel{background-color:initial;border-color:var(--border-light);color:var(--color-text-secondary)}.confirm-dialog-btn-cancel:hover{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .confirm-dialog-btn-cancel{border-color:var(--border-dark);color:var(--color-text-tertiary)}body.dark .confirm-dialog-btn-cancel:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.confirm-dialog-btn-confirm{color:var(--color-white)}.confirm-dialog-btn-danger{background-color:var(--color-error)}.confirm-dialog-btn-danger:hover{background-color:#dc2626}.confirm-dialog-btn-primary{background-color:var(--color-primary)}.confirm-dialog-btn-primary:hover{background-color:var(--color-primary-hover)}@keyframes slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.admin-login{align-items:center;background-color:var(--background-light-alt);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}body.dark .admin-login{background-color:var(--background-dark)}.admin-login:before{background-image:radial-gradient(circle at 50% 50%,#135bec0d 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.admin-login-container{max-width:350px;width:100%;z-index:var(--z-index-base)}.admin-login-card{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}body.dark .admin-login-card{animation:subtle-pulse 4s ease-in-out infinite;background-color:var(--background-card-dark);border-color:var(--border-dark)}.admin-login-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.admin-login-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#0f4dc4 100%);border-radius:var(--radius-full);box-shadow:0 0 30px #135bec4d;display:flex;height:3.5rem;justify-content:center;width:3.5rem}.admin-login-icon .material-symbols-outlined{color:var(--color-white);font-size:1.5rem}.admin-login-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0;text-align:center}body.dark .admin-login-title{color:var(--color-white)}.admin-login-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0;text-align:center}.admin-login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-login-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-login-form-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .admin-login-form-label{color:var(--color-white)}.admin-login-form-input{background-color:var(--background-light-alt);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-md);height:2.4rem;padding:0 var(--spacing-md);transition:all var(--transition-base);width:100%}body.dark .admin-login-form-input{background-color:var(--background-input-dark);border-color:var(--border-dark);color:var(--color-white)}.admin-login-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #135bec33;outline:none}.admin-login-form-input::placeholder{color:var(--color-text-tertiary)}.admin-login-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #135bec4d;color:var(--color-white);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);height:2.4rem;transition:all var(--transition-base);width:100%}body.dark .admin-login-button{background-color:var(--color-primary);box-shadow:0 4px 12px #135bec33}.admin-login-button:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 16px #135bec66;transform:translateY(-2px)}body.dark .admin-login-button:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 16px #135bec4d}.admin-login-button:active{transform:translateY(0)}.admin-login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-login-footer{margin-top:var(--spacing-lg);text-align:center}.admin-login-link{color:var(--color-primary);font-size:var(--font-size-md);text-decoration:none;transition:color var(--transition-base)}.admin-login-link:hover{color:var(--color-primary-hover)}@media (max-width:480px){.admin-login-card{padding:var(--spacing-xl)}.admin-login-title{font-size:var(--font-size-xl)}}.settings-container{margin:0 auto;max-width:1400px;width:100%}.settings-header{display:flex;flex-direction:column;gap:.125rem;margin-bottom:var(--spacing-xl)}.settings-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:var(--font-weight-medium);letter-spacing:-.025em;line-height:1.25;margin:0}body.dark .settings-title{color:var(--color-white)}.settings-subtitle{color:var(--color-text-secondary);font-size:.75rem;margin:0}.settings-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 2fr}.settings-card{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}body.dark .settings-card{background-color:var(--background-card-dark);border-color:var(--border-dark)}.settings-card-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-md) 0}body.dark .settings-card-title{color:var(--color-white)}.settings-card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.settings-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.settings-card-header .settings-card-title{margin-bottom:var(--spacing-xs)}.profile-avatar-section{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.profile-avatar{border-radius:50%;box-shadow:var(--shadow-md);flex-shrink:0;height:3rem;overflow:hidden;width:3rem}.change-avatar-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:0;transition:color var(--transition-base)}.change-avatar-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.settings-form-group{margin-bottom:var(--spacing-md)}.settings-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.settings-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-base);height:2.25rem;padding:0 var(--spacing-sm);transition:all var(--transition-base);width:100%}.settings-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #135bec33!important;outline:none}body.dark .settings-input{background-color:var(--background-input-dark);border-color:var(--border-dark);color:var(--color-white)}.settings-input-readonly,.settings-input-readonly:disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.75}body.dark .settings-input-readonly,body.dark .settings-input-readonly:disabled{color:var(--color-text-tertiary)}.user-management-table{width:100%}.user-management-table .table-header{grid-gap:var(--spacing-md);background-color:var(--background-light-alt);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:grid;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md)}body.dark .user-management-table .table-header{background-color:var(--background-surface-accent)}.user-management-table .table-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-management-table .table-row{grid-gap:var(--spacing-md);align-items:center;background-color:var(--background-light-alt);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.user-management-table .table-row:hover{background-color:var(--background-light);border-color:var(--border-gray);box-shadow:var(--shadow-sm)}body.dark .user-management-table .table-row{background-color:var(--background-surface-accent);border-color:var(--border-dark)}body.dark .user-management-table .table-row:hover{background-color:var(--background-input-dark)}.user-info,.user-management-table .table-col-actions,.user-management-table .table-col-role,.user-management-table .table-col-status,.user-management-table .table-col-user{align-items:center;display:flex}.user-info{gap:var(--spacing-sm)}.user-avatar{border-radius:50%;box-shadow:var(--shadow-sm);flex-shrink:0;height:2rem;width:2rem}.user-avatar-initials{align-items:center;display:flex;justify-content:center}.user-details{display:flex;flex-direction:column;gap:.125rem}.user-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}body.dark .user-name{color:var(--color-white)}.user-email{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.role-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.125rem .5rem}.role-super-admin{background-color:#8b5cf61a;color:#8b5cf6}.role-editor{background-color:#3b82f61a;color:#3b82f6}.role-viewer{background-color:#6b72801a;color:#6b7280}.status-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.status-dot{border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.status-active{background-color:var(--color-success)}.status-offline{background-color:#9ca3af}.status-invited{background-color:var(--color-warning)}.status-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.current-user-text{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.table-col-actions{display:flex;gap:var(--spacing-xs)}.table-action-btn{align-items:center;background-color:initial;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:all var(--transition-base);width:1.75rem}.table-action-btn:hover{background-color:var(--color-white);border-color:var(--border-gray);color:var(--color-text-primary)}body.dark .table-action-btn{border-color:var(--border-dark)}body.dark .table-action-btn:hover{background-color:var(--background-surface-dark);color:var(--color-white)}.table-action-btn .material-symbols-outlined{font-size:16px}@media (max-width:768px){.settings-content,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:var(--spacing-md)}.table-header{display:none}.table-row{padding:var(--spacing-sm) var(--spacing-md)}.table-col-actions,.table-col-role,.table-col-status,.table-col-user{justify-content:space-between}}.adduser-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:960px;width:100%}.adduser-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.adduser-breadcrumb-item{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.25rem;padding:0;transition:color var(--transition-base)}.adduser-breadcrumb-item:hover{color:var(--color-text-primary)}body.dark .adduser-breadcrumb-item:hover{color:var(--color-white)}.adduser-breadcrumb-item .material-symbols-outlined{font-size:16px}.adduser-breadcrumb-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.adduser-breadcrumb-current{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .adduser-breadcrumb-current{color:var(--color-white)}.adduser-header-section{align-items:flex-end;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:0}.adduser-title-group{display:flex;flex-direction:column;gap:.25rem}.adduser-main-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:-.033em;margin:0}body.dark .adduser-main-title{color:var(--color-white)}.adduser-description{font-size:var(--font-size-md);margin:0}.adduser-description,body.dark .adduser-description{color:var(--color-text-tertiary)}.adduser-card{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}body.dark .adduser-card{background-color:var(--background-card-dark);border-color:var(--border-darker)}.adduser-card-section{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.adduser-card-section:last-of-type,.adduser-card-section:nth-last-child(2){border-bottom:none;padding-bottom:0}body.dark .adduser-card-section{border-color:var(--border-dark)}.adduser-card-section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);letter-spacing:.05em;margin:0;opacity:.8}body.dark .adduser-card-section-title{color:var(--color-white)}.adduser-card-section-title .material-symbols-outlined{color:var(--color-primary);font-size:18px}.adduser-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.adduser-grid{grid-template-columns:1fr}}.adduser-field-group{display:flex;flex-direction:column;gap:.25rem}.adduser-label-sm{color:var(--color-text-description);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .adduser-label-sm{color:var(--color-white)}.adduser-text-error{color:var(--color-error);margin-left:.25rem}.adduser-input{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-md);height:2.25rem;padding:0 var(--spacing-md);transition:all var(--transition-base);width:100%}.adduser-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec33;outline:none}body.dark .adduser-input{background-color:var(--background-input-dark);border-color:var(--border-dark);color:var(--color-white)}.adduser-input-wrapper{align-items:center;display:flex;position:relative}.adduser-input-wrapper .adduser-input{padding-right:2.5rem}.adduser-password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;padding:.25rem;position:absolute;right:.5rem}.adduser-password-toggle:hover{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .adduser-password-toggle:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.adduser-hint-text{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:.25rem}.adduser-permissions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.adduser-permission-item{align-items:flex-start;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base)}.adduser-permission-item:hover{background-color:var(--background-light-alt);border-color:var(--color-primary)}body.dark .adduser-permission-item{background-color:#282e3933;border-color:var(--border-dark)}body.dark .adduser-permission-item:hover{background-color:#282e3966;border-color:var(--color-primary)}.adduser-checkbox-wrapper{align-items:center;display:flex;height:1.5rem}.adduser-checkbox{accent-color:var(--color-primary);border:1px solid var(--border-gray);border-radius:var(--radius-sm);cursor:pointer;height:1rem;width:1rem}.adduser-permission-content{display:flex;flex-direction:column;gap:.125rem}.adduser-permission-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .adduser-permission-name{color:var(--color-white)}.adduser-permission-desc{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.adduser-bottom-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}body.dark .adduser-bottom-actions{border-color:var(--border-dark)}.adduser-btn-cancel,.adduser-btn-create{align-items:center;border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);height:var(--button-height-md);justify-content:center;padding:0 1rem;transition:all var(--transition-base)}.adduser-btn-cancel{background:none;border:1px solid var(--border-light);color:var(--color-text-primary);font-weight:500;text-decoration:none}.adduser-btn-cancel:hover{background-color:var(--background-light-alt)}body.dark .adduser-btn-cancel{border-color:var(--border-dark);color:var(--color-white)}body.dark .adduser-btn-cancel:hover{background-color:var(--background-surface-accent)}.adduser-btn-create{background-color:var(--color-primary);border:1px solid #0000;box-shadow:0 4px 6px -1px #2563eb1a;color:var(--color-white);font-weight:var(--font-weight-medium);gap:.5rem;letter-spacing:.015em}.adduser-btn-create:hover{background-color:var(--color-primary-hover);box-shadow:0 10px 15px -3px #2563eb33;transform:translateY(-1px)}.edituser-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:960px;width:100%}.edituser-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.edituser-breadcrumb-item{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.25rem;padding:0;transition:color var(--transition-base)}.edituser-breadcrumb-item:hover{color:var(--color-text-primary)}body.dark .edituser-breadcrumb-item:hover{color:var(--color-white)}.edituser-breadcrumb-item .material-symbols-outlined{font-size:16px}.edituser-breadcrumb-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.edituser-breadcrumb-current{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .edituser-breadcrumb-current{color:var(--color-white)}.edituser-header-section{align-items:flex-end;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:0}.edituser-title-group{display:flex;flex-direction:column;gap:.25rem}.edituser-main-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:-.033em;margin:0}body.dark .edituser-main-title{color:var(--color-white)}.edituser-description{font-size:var(--font-size-md);margin:0}.edituser-description,body.dark .edituser-description{color:var(--color-text-tertiary)}.edituser-card{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}body.dark .edituser-card{background-color:var(--background-card-dark);border-color:var(--border-darker)}.edituser-card-section{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.edituser-card-section:last-of-type,.edituser-card-section:nth-last-child(2){border-bottom:none;padding-bottom:0}body.dark .edituser-card-section{border-color:var(--border-dark)}.edituser-card-section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);letter-spacing:.05em;margin:0;opacity:.8}body.dark .edituser-card-section-title{color:var(--color-white)}.edituser-card-section-title .material-symbols-outlined{color:var(--color-primary);font-size:18px}.edituser-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.edituser-grid{grid-template-columns:1fr}}.edituser-field-group{display:flex;flex-direction:column;gap:.25rem}.edituser-label-sm{color:var(--color-text-description);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .edituser-label-sm{color:var(--color-white)}.edituser-text-error{color:var(--color-error);margin-left:.25rem}.edituser-input{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-md);height:2.25rem;padding:0 var(--spacing-md);transition:all var(--transition-base);width:100%}.edituser-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec33;outline:none}body.dark .edituser-input{background-color:var(--background-input-dark);border-color:var(--border-dark);color:var(--color-white)}.edituser-input-wrapper{align-items:center;display:flex;position:relative}.edituser-input-wrapper .edituser-input{padding-right:2.5rem}.edituser-password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;padding:.25rem;position:absolute;right:.5rem}.edituser-password-toggle:hover{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .edituser-password-toggle:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.edituser-hint-text{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:.25rem}.edituser-permissions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edituser-permission-item{align-items:flex-start;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base)}.edituser-permission-item:hover{background-color:var(--background-light-alt);border-color:var(--color-primary)}body.dark .edituser-permission-item{background-color:#282e3933;border-color:var(--border-dark)}body.dark .edituser-permission-item:hover{background-color:#282e3966;border-color:var(--color-primary)}.edituser-checkbox-wrapper{align-items:center;display:flex;height:1.5rem}.edituser-checkbox{accent-color:var(--color-primary);border:1px solid var(--border-gray);border-radius:var(--radius-sm);cursor:pointer;height:1rem;width:1rem}.edituser-permission-content{display:flex;flex-direction:column;gap:.125rem}.edituser-permission-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .edituser-permission-name{color:var(--color-white)}.edituser-permission-desc{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.edituser-bottom-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}body.dark .edituser-bottom-actions{border-color:var(--border-dark)}.edituser-btn-cancel,.edituser-btn-create{align-items:center;border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);height:var(--button-height-md);justify-content:center;padding:0 1rem;transition:all var(--transition-base)}.edituser-btn-cancel{background:none;border:1px solid var(--border-light);color:var(--color-text-primary);font-weight:500;text-decoration:none}.edituser-btn-cancel:hover{background-color:var(--background-light-alt)}body.dark .edituser-btn-cancel{border-color:var(--border-dark);color:var(--color-white)}body.dark .edituser-btn-cancel:hover{background-color:var(--background-surface-accent)}.edituser-btn-create{background-color:var(--color-primary);border:1px solid #0000;box-shadow:0 4px 6px -1px #2563eb1a;color:var(--color-white);font-weight:var(--font-weight-medium);gap:.5rem;letter-spacing:.015em}.edituser-btn-create:hover{background-color:var(--color-primary-hover);box-shadow:0 10px 15px -3px #2563eb33;transform:translateY(-1px)}.admin-dashboard{background-color:var(--background-light-alt);display:flex;flex-direction:column;min-height:100vh}body.dark .admin-dashboard{background-color:var(--background-dark)}.admin-dashboard-header{align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;height:3.5rem;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-sticky)}body.dark .admin-dashboard-header{background-color:var(--background-surface-dark);border-bottom-color:var(--border-dark)}.admin-dashboard-header-left{align-items:center;display:flex;gap:var(--spacing-lg)}.admin-dashboard-logo,.admin-dashboard-logo:active,.admin-dashboard-logo:focus,.admin-dashboard-logo:hover,.admin-dashboard-logo:visited{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;gap:.75rem;text-decoration:none}.admin-dashboard-logo *,.admin-dashboard-logo:focus *,.admin-dashboard-logo:hover *{text-decoration:none}body.dark .admin-dashboard-logo,body.dark .admin-dashboard-logo:focus,body.dark .admin-dashboard-logo:hover,body.dark .admin-dashboard-logo:visited{color:var(--color-white)}.admin-dashboard-logo-text{font-size:.875rem;font-weight:var(--font-weight-logo);line-height:1.25;text-decoration:none}.admin-dashboard-divider{display:block!important}@media (min-width:768px){.admin-dashboard-divider{display:block!important}}.admin-dashboard-nav{display:none;gap:.5rem}@media (min-width:768px){.admin-dashboard-nav{display:flex}}.admin-dashboard-nav-item{align-items:center;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:.75rem;font-weight:var(--font-weight-medium);gap:.5rem;line-height:1;padding:.375rem .75rem;text-decoration:none;transition:all var(--transition-base)}.admin-dashboard-nav-item:hover{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .admin-dashboard-nav-item{color:var(--color-text-tertiary)}body.dark .admin-dashboard-nav-item:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.admin-dashboard-nav-item.active{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .admin-dashboard-nav-item.active{background-color:var(--background-surface-accent);color:var(--color-white)}.admin-dashboard-nav-item.active .material-symbols-outlined{color:var(--color-primary)}.admin-dashboard-header-right{align-items:center;display:flex;gap:1rem}.admin-dashboard-theme-toggle,.admin-dashboard-view-site-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:var(--button-height-md);min-height:var(--button-height-md);transition:all var(--transition-base)}.admin-dashboard-theme-toggle{align-items:center;background-color:initial;color:var(--color-text-secondary);display:flex;justify-content:center;min-width:var(--button-height-md);padding:0;width:var(--button-height-md)}.admin-dashboard-theme-toggle .material-symbols-outlined{font-size:1.125rem;line-height:1}.admin-dashboard-theme-toggle:hover{background-color:var(--background-light-alt);border-color:var(--border-gray);color:var(--color-text-primary)}body.dark .admin-dashboard-theme-toggle{background-color:var(--background-surface-accent);border-color:var(--border-dark);color:var(--color-text-tertiary)}body.dark .admin-dashboard-theme-toggle:hover{background-color:#323945;color:var(--color-white)}.admin-dashboard-view-site-btn{align-items:center;background-color:var(--background-light-alt);color:var(--color-text-primary);display:flex;font-size:.75rem;font-weight:var(--font-weight-medium);gap:.5rem;justify-content:center;line-height:1;padding:0 .75rem;text-decoration:none}.admin-dashboard-view-site-btn:hover{background-color:var(--border-light)}body.dark .admin-dashboard-view-site-btn{background-color:var(--background-surface-accent);border-color:var(--border-dark);color:var(--color-white)}body.dark .admin-dashboard-view-site-btn:hover{background-color:#323945}.admin-dashboard-avatar-menu{flex-shrink:0;position:relative}.admin-dashboard-user-avatar{align-items:center;background:#0000;border:2px solid var(--border-light);border-radius:9999px;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:2px;transition:border-color var(--transition-base);width:2rem}.admin-dashboard-user-avatar-inner{align-items:center;background-color:var(--color-primary);border-radius:9999px;color:var(--color-white);display:flex;height:100%;justify-content:center;width:100%}.admin-dashboard-user-avatar-inner .material-symbols-outlined{font-size:1rem}.admin-dashboard-user-avatar:hover{border-color:var(--color-primary)}body.dark .admin-dashboard-user-avatar{border-color:var(--background-surface-accent)}body.dark .admin-dashboard-user-avatar:hover{border-color:var(--color-primary)}.admin-dashboard-avatar-dropdown{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:10rem;padding:.25rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:var(--z-index-dropdown)}body.dark .admin-dashboard-avatar-dropdown{background-color:var(--background-card-dark);border-color:var(--border-dark)}.admin-dashboard-avatar-dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.5rem;padding:.5rem .75rem;text-align:left;width:100%}.admin-dashboard-avatar-dropdown-item .material-symbols-outlined{font-size:1.125rem}.admin-dashboard-avatar-dropdown-item:hover{background-color:var(--background-light-alt);color:#dc2626;color:var(--color-danger,#dc2626)}body.dark .admin-dashboard-avatar-dropdown-item{color:var(--color-white)}body.dark .admin-dashboard-avatar-dropdown-item:hover{background-color:var(--background-surface-accent);color:#f87171}.admin-dashboard-container{display:flex;flex:1 1;padding:var(--spacing-xl)}.admin-dashboard-content{flex:1 1;margin:0 auto;max-width:1400px;width:100%}.admin-dashboard-top{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-dashboard-title-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-dashboard-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);margin:0}body.dark .admin-dashboard-title{color:var(--color-white)}.admin-dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.admin-dashboard-actions{display:flex;gap:var(--spacing-md)}.admin-dashboard-projects-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-dashboard-project-item{align-items:center;background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg);transition:all var(--transition-base)}.admin-dashboard-project-item:hover{border-color:var(--border-gray);box-shadow:var(--shadow-md)}body.dark .admin-dashboard-project-item{background-color:var(--background-card-dark);border-color:var(--border-dark)}.admin-dashboard-project-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-lg)}.admin-dashboard-project-icon{align-items:center;background-color:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.admin-dashboard-project-details{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.admin-dashboard-project-name{font-size:var(--font-size-lg);margin:0}.admin-dashboard-project-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-lg)}.admin-dashboard-project-meta-item{align-items:center;display:flex;gap:var(--spacing-xs)}.admin-dashboard-project-actions{display:flex;gap:var(--spacing-sm)}.admin-dashboard-action-btn{align-items:center;background-color:initial;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:all var(--transition-base);width:2.25rem}.admin-dashboard-action-btn:hover{background-color:var(--background-light-alt);border-color:var(--border-gray);color:var(--color-text-primary)}body.dark .admin-dashboard-action-btn{border-color:var(--border-dark)}body.dark .admin-dashboard-action-btn:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.admin-dashboard-action-btn.delete:hover{background-color:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.admin-dashboard-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-dashboard-page-header-content{display:flex;flex-direction:column;gap:.125rem}.admin-dashboard-page-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:var(--font-weight-medium);letter-spacing:-.025em;line-height:1.25;margin:0}body.dark .admin-dashboard-page-title{color:var(--color-white)}.admin-dashboard-page-subtitle{color:var(--color-text-secondary);font-size:.75rem;margin:0}.admin-dashboard-page-header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.admin-dashboard-btn-new-project{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);box-shadow:0 10px 15px -3px #135bec1a,0 4px 6px -2px #135bec0d;color:var(--color-white);cursor:pointer;display:flex;font-size:.75rem;font-weight:var(--font-weight-medium);gap:.375rem;height:2rem;justify-content:center;letter-spacing:.025em;line-height:1;min-width:120px;padding:0 1rem;transition:all var(--transition-base)}.admin-dashboard-btn-new-project:hover{background-color:var(--color-primary-hover);box-shadow:0 15px 20px -3px #135bec26,0 6px 8px -2px #135bec14;transform:translateY(-1px)}.admin-dashboard-btn-new-project:active{transform:translateY(0)}.admin-dashboard-btn-new-project .material-symbols-outlined{font-size:18px;line-height:1}.admin-dashboard-stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,1fr);margin-bottom:var(--spacing-xl)}@media (min-width:640px){.admin-dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}.admin-dashboard-stat-card{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.25rem;padding:.75rem}body.dark .admin-dashboard-stat-card{background-color:var(--background-surface-dark);border-color:var(--border-dark)}.admin-dashboard-stat-card-header{align-items:center;display:flex;justify-content:space-between}.admin-dashboard-stat-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);margin:0}.admin-dashboard-stat-icon{color:var(--color-text-secondary);font-size:18px}.admin-dashboard-stat-card-body{align-items:flex-end;display:flex;justify-content:space-between}.admin-dashboard-stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:var(--font-weight-medium);letter-spacing:-.025em;line-height:1;margin:0}body.dark .admin-dashboard-stat-value{color:var(--color-white)}.admin-dashboard-stat-trend{align-items:center;background-color:#0bda5e1a;border-radius:var(--radius-sm);color:var(--color-success);display:flex;font-size:.625rem;font-weight:var(--font-weight-medium);gap:.25rem;padding:.125rem .375rem}.admin-dashboard-stat-trend .material-symbols-outlined{font-size:12px}.admin-dashboard-search-section{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-dashboard-search-input-wrapper{display:flex;flex-direction:row;height:2.25rem;width:100%}@media (min-width:768px){.admin-dashboard-search-input-wrapper{width:33.333333%}}@media (min-width:1024px){.admin-dashboard-search-input-wrapper{width:25%}}.admin-dashboard-search-input-wrapper>div{align-items:stretch;background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex:1 1;transition:all var(--transition-base);width:100%}.admin-dashboard-search-input-wrapper>div:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-light)}body.dark .admin-dashboard-search-input-wrapper>div{background-color:var(--background-surface-dark);border-color:var(--border-dark)}body.dark .admin-dashboard-search-input-wrapper>div:focus-within{border-color:var(--color-primary)}.admin-dashboard-search-icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;padding-left:.75rem;padding-right:.5rem}.admin-dashboard-search-icon .material-symbols-outlined{font-size:18px}.admin-dashboard-search-input{background-color:initial;border:none;color:var(--color-text-primary);display:flex;flex:1 1;font-size:.875rem;min-width:0;outline:none;padding:0 .25rem;width:100%}.admin-dashboard-search-input::placeholder{color:var(--color-text-secondary)}body.dark .admin-dashboard-search-input{color:var(--color-white)}.admin-dashboard-projects-table-container{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;overflow:hidden}body.dark .admin-dashboard-projects-table-container{background-color:var(--background-surface-dark);border-color:var(--border-dark)}.admin-dashboard-projects-table-wrapper{overflow-x:auto}.admin-dashboard-projects-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.admin-dashboard-projects-table thead{background-color:var(--background-light-alt);border-bottom:1px solid var(--border-light)}body.dark .admin-dashboard-projects-table thead{background-color:#1c1f27;border-bottom-color:var(--border-dark)}.admin-dashboard-projects-table thead tr th{color:var(--color-text-secondary);font-size:.625rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:.5rem 1rem;white-space:nowrap}.admin-dashboard-projects-table thead tr th:first-child{width:40%}.admin-dashboard-projects-table thead tr th.admin-dashboard-col-actions,.admin-dashboard-projects-table thead tr th.admin-dashboard-col-views{text-align:right}.admin-dashboard-projects-table tbody{font-size:.75rem}.admin-dashboard-projects-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-base)}.admin-dashboard-projects-table tbody tr:last-child{border-bottom:none}.admin-dashboard-projects-table tbody tr:hover{background-color:var(--background-light-alt)}body.dark .admin-dashboard-projects-table tbody tr{border-bottom-color:var(--border-dark)}body.dark .admin-dashboard-projects-table tbody tr:hover{background-color:#282e394d}.admin-dashboard-projects-table tbody tr td{overflow:hidden;padding:.5rem 1rem;vertical-align:middle}.admin-dashboard-projects-table tbody tr td.admin-dashboard-col-name{width:40%}.admin-dashboard-projects-table tbody tr td.admin-dashboard-col-date,.admin-dashboard-projects-table tbody tr td.admin-dashboard-col-status{width:15%}.admin-dashboard-projects-table tbody tr td.admin-dashboard-col-actions,.admin-dashboard-projects-table tbody tr td.admin-dashboard-col-views{text-align:right;width:15%}.admin-dashboard-project-name-cell{display:flex;flex-direction:column;gap:.125rem}.admin-dashboard-project-name{color:var(--color-text-primary);font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1.25}body.dark .admin-dashboard-project-name{color:var(--color-white)}.admin-dashboard-project-category{color:var(--color-text-secondary);font-size:.625rem;line-height:1.5}.admin-dashboard-col-date{color:var(--color-text-secondary);font-size:.6875rem;white-space:nowrap}.admin-dashboard-col-views{color:var(--color-text-primary);font-size:.6875rem;font-weight:var(--font-weight-medium);white-space:nowrap}body.dark .admin-dashboard-col-views{color:var(--color-white)}.admin-dashboard-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.625rem;font-weight:var(--font-weight-medium);gap:.25rem;padding:.125rem .5rem}.admin-dashboard-status-badge .admin-dashboard-status-dot{border-radius:50%;height:.25rem;width:.25rem}.admin-dashboard-status-badge.admin-dashboard-status-active{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.admin-dashboard-status-badge.admin-dashboard-status-active .admin-dashboard-status-dot{background-color:#10b981}.admin-dashboard-status-badge.admin-dashboard-status-inactive{background-color:#94a3b81a;border:1px solid #94a3b833;color:#94a3b8}.admin-dashboard-status-badge.admin-dashboard-status-inactive .admin-dashboard-status-dot{background-color:#94a3b8}.admin-dashboard-status-badge.admin-dashboard-status-archived{background-color:#94a3b81a;border:1px solid #94a3b833;color:#94a3b8}.admin-dashboard-status-badge.admin-dashboard-status-archived .admin-dashboard-status-dot{background-color:#94a3b8}.admin-dashboard-status-badge.admin-dashboard-status-draft{background-color:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.admin-dashboard-status-badge.admin-dashboard-status-draft .admin-dashboard-status-dot{background-color:#f59e0b}.admin-dashboard-table-actions{align-items:center;display:flex;gap:.25rem;justify-content:flex-end}.admin-dashboard-table-action-btn{align-items:center;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all var(--transition-base)}.admin-dashboard-table-action-btn:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.admin-dashboard-table-action-btn.delete-btn:hover{color:#ef4444}body.dark .admin-dashboard-table-action-btn:hover{background-color:var(--background-surface-accent)}.admin-dashboard-table-action-btn .material-symbols-outlined{font-size:16px}.admin-dashboard-empty-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;padding:var(--spacing-4xl);text-align:center}.admin-dashboard-empty-state .material-symbols-outlined{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.3}.admin-dashboard-empty-state p{margin:0}@media (max-width:768px){.admin-dashboard-page-header{align-items:flex-start;flex-direction:column}.admin-dashboard-stats-grid{grid-template-columns:1fr}.admin-dashboard-search-input-wrapper{max-width:none;width:100%}.admin-dashboard-projects-table-wrapper{overflow-x:scroll}.admin-dashboard-projects-table{min-width:800px}}.project-form-page{background-color:var(--background-light-alt);display:flex;flex-direction:column;min-height:100vh}body.dark .project-form-page{background-color:var(--background-dark)}.project-form-header{align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;height:3.5rem;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-sticky)}body.dark .project-form-header{background-color:var(--background-surface-dark);border-bottom-color:var(--border-dark)}.project-form-header-left{align-items:center;display:flex;gap:var(--spacing-lg)}.project-form-logo,.project-form-logo:active,.project-form-logo:focus,.project-form-logo:hover,.project-form-logo:visited{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;gap:.75rem;text-decoration:none}.project-form-logo *,.project-form-logo:focus *,.project-form-logo:hover *{text-decoration:none}body.dark .project-form-logo,body.dark .project-form-logo:focus,body.dark .project-form-logo:hover,body.dark .project-form-logo:visited{color:var(--color-white)}.project-form-logo-text{font-size:.875rem;font-weight:var(--font-weight-logo);line-height:1.25;text-decoration:none}.project-form-divider{display:block!important}@media (min-width:768px){.project-form-divider{display:block!important}}.project-form-nav{display:none;gap:.5rem}@media (min-width:768px){.project-form-nav{display:flex}}.project-form-nav-item{align-items:center;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:.75rem;font-weight:var(--font-weight-medium);gap:.5rem;line-height:1;padding:.375rem .75rem;text-decoration:none;transition:all var(--transition-base)}.project-form-nav-item:hover{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .project-form-nav-item{color:var(--color-text-tertiary)}body.dark .project-form-nav-item:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.project-form-nav-item.active{background-color:var(--background-light-alt);color:var(--color-text-primary)}body.dark .project-form-nav-item.active{background-color:var(--background-surface-accent);color:var(--color-white)}.project-form-nav-item.active .material-symbols-outlined{color:var(--color-primary)}.project-form-header-right{align-items:center;display:flex;gap:1rem}.project-form-theme-toggle,.project-form-view-site-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:var(--button-height-md);min-height:var(--button-height-md);transition:all var(--transition-base)}.project-form-theme-toggle{align-items:center;background-color:initial;color:var(--color-text-secondary);display:flex;justify-content:center;min-width:var(--button-height-md);padding:0;width:var(--button-height-md)}.project-form-theme-toggle .material-symbols-outlined{font-size:1.125rem;line-height:1}.project-form-theme-toggle:hover{background-color:var(--background-light-alt);border-color:var(--border-gray);color:var(--color-text-primary)}body.dark .project-form-theme-toggle{background-color:var(--background-surface-accent);border-color:var(--border-dark);color:var(--color-text-tertiary)}body.dark .project-form-theme-toggle:hover{background-color:#323945;color:var(--color-white)}.project-form-view-site-btn{align-items:center;background-color:var(--background-light-alt);color:var(--color-text-primary);display:flex;font-size:.75rem;font-weight:var(--font-weight-medium);gap:.5rem;justify-content:center;line-height:1;padding:0 .75rem;text-decoration:none}.project-form-view-site-btn:hover{background-color:var(--border-light)}body.dark .project-form-view-site-btn{background-color:var(--background-surface-accent);border-color:var(--border-dark);color:var(--color-white)}body.dark .project-form-view-site-btn:hover{background-color:#323945}.project-form-avatar-menu{flex-shrink:0;position:relative}.project-form-user-avatar{align-items:center;background:#0000;border:2px solid var(--border-light);border-radius:9999px;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:2px;transition:border-color var(--transition-base);width:2rem}.project-form-user-avatar-inner{align-items:center;background-color:var(--color-primary);border-radius:9999px;color:var(--color-white);display:flex;height:100%;justify-content:center;width:100%}.project-form-user-avatar-inner .material-symbols-outlined{font-size:1rem}.project-form-user-avatar:hover{border-color:var(--color-primary)}body.dark .project-form-user-avatar{border-color:var(--background-surface-accent)}body.dark .project-form-user-avatar:hover{border-color:var(--color-primary)}.project-form-avatar-dropdown{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:10rem;padding:.25rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:var(--z-index-dropdown)}body.dark .project-form-avatar-dropdown{background-color:var(--background-card-dark);border-color:var(--border-dark)}.project-form-avatar-dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.5rem;padding:.5rem .75rem;text-align:left;width:100%}.project-form-avatar-dropdown-item .material-symbols-outlined{font-size:1.125rem}.project-form-avatar-dropdown-item:hover{background-color:var(--background-light-alt);color:#dc2626;color:var(--color-danger,#dc2626)}body.dark .project-form-avatar-dropdown-item{color:var(--color-white)}body.dark .project-form-avatar-dropdown-item:hover{background-color:var(--background-surface-accent);color:#f87171}.project-form-container{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl)}.project-form-content{max-width:960px;width:100%}.project-form-breadcrumb{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg)}.project-form-breadcrumb-item{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.25rem;transition:color var(--transition-base)}.project-form-breadcrumb-item:hover{color:var(--color-text-primary)}.project-form-breadcrumb-item .material-symbols-outlined{font-size:16px}.project-form-breadcrumb-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.project-form-breadcrumb-current{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.project-form-header-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-lg)}.project-form-title-group{display:flex;flex-direction:column;gap:.25rem;min-width:288px}.project-form-main-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:-.033em;margin:0}body.dark .project-form-main-title{color:var(--color-white)}.project-form-description{font-size:var(--font-size-md);margin:0}.project-form-description,body.dark .project-form-description{color:var(--color-text-tertiary)}.project-form-actions{align-items:center;display:flex;gap:var(--spacing-md)}.project-form-btn-text{background-color:initial;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.5rem 1rem;transition:all var(--transition-base)}.project-form-btn-text:hover{background-color:var(--background-light-alt)}body.dark .project-form-btn-text{border-color:var(--border-dark);color:var(--color-white)}body.dark .project-form-btn-text:hover{background-color:var(--background-surface-accent)}.project-form-btn-primary-alt{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);box-shadow:0 10px 15px -3px #135bec1a,0 4px 6px -2px #135bec0d;color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:2rem;justify-content:center;letter-spacing:.015em;padding:0 var(--spacing-lg);transition:all var(--transition-base)}.project-form-btn-primary-alt:hover{background-color:var(--color-primary-hover)}.project-form-card{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}body.dark .project-form-card{background-color:var(--background-card-dark);border-color:var(--border-darker)}.project-form-card-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-form-card-section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);letter-spacing:.05em;margin:0;opacity:.8}body.dark .project-form-card-section-title{color:var(--color-white)}.project-form-card-section-title .material-symbols-outlined{color:var(--color-primary);font-size:18px}.project-form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.project-form-grid{grid-template-columns:1fr}}.project-form-field-group{display:flex;flex-direction:column;gap:.25rem}.project-form-label-sm{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .project-form-label-sm{color:var(--color-white)}.project-form-input{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-base);height:2.25rem;padding:0 var(--spacing-md);transition:all var(--transition-base);width:100%}body.dark .project-form-input{-webkit-text-fill-color:var(--color-white);background-color:var(--background-input-dark);border-color:var(--border-dark);caret-color:var(--color-white);color:var(--color-white)}.project-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec33;outline:none}.project-form-input::placeholder{-webkit-text-fill-color:var(--color-text-tertiary);color:var(--color-text-tertiary)}body.dark .project-form-input::placeholder{-webkit-text-fill-color:#586175;color:#586175}.project-form-select-wrapper{position:relative}.project-form-select{-webkit-appearance:none;appearance:none;background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-base);height:2.25rem;padding:0 2.5rem 0 var(--spacing-md);transition:all var(--transition-base);width:100%}body.dark .project-form-select{-webkit-text-fill-color:var(--color-white);background-color:var(--background-input-dark);border-color:var(--border-dark);caret-color:var(--color-white);color:var(--color-white)}.project-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec33;outline:none}.project-form-select-icon{color:var(--color-text-tertiary);font-size:18px;pointer-events:none;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.project-form-tags-container{align-items:center;background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);min-height:2.25rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}body.dark .project-form-tags-container{background-color:var(--background-input-dark);border-color:var(--border-dark)}.project-form-tags-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec33}.project-form-tag-colored{align-items:center;border:1px solid;border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-sm);gap:.25rem;padding:.125rem var(--spacing-sm)}.project-form-tag-remove-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;padding:0;transition:opacity var(--transition-base)}.project-form-tag-remove-btn:hover{opacity:1}.project-form-tag-remove-btn .material-symbols-outlined{font-size:12px}.project-form-tag-input-inline{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-base);height:1.5rem;min-width:120px;outline:none}body.dark .project-form-tag-input-inline{-webkit-text-fill-color:var(--color-white);caret-color:var(--color-white);color:var(--color-white)}.project-form-tag-input-inline::placeholder{-webkit-text-fill-color:var(--color-text-tertiary);color:var(--color-text-tertiary)}body.dark .project-form-tag-input-inline::placeholder{-webkit-text-fill-color:#586175;color:#586175}.project-form-label-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.project-form-switch{align-items:center;cursor:pointer;display:inline-flex;gap:.375rem;-webkit-user-select:none;user-select:none}.project-form-switch-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.project-form-switch-track{--switch-gap:3px;--switch-gap-y:3px;--switch-thumb:12px;background-color:var(--border-dark);border-radius:var(--radius-full);flex-shrink:0;height:calc(var(--switch-thumb) + var(--switch-gap-y)*2);position:relative;transition:background-color var(--transition-slow);width:calc(var(--switch-thumb)*2 + var(--switch-gap)*2)}.project-form-switch-track:after{background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:0 1px 2px #0003;content:"";height:var(--switch-thumb);left:var(--switch-gap);position:absolute;top:var(--switch-gap-y);transition:transform var(--transition-slow);width:var(--switch-thumb)}.project-form-switch-input:checked+.project-form-switch-track{background-color:var(--color-primary)}.project-form-switch-input:checked+.project-form-switch-track:after{transform:translateX(var(--switch-thumb))}.project-form-switch-input:focus-visible+.project-form-switch-track{box-shadow:0 0 0 2px #135bec59}.project-form-switch-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1}body.dark .project-form-switch-label{color:var(--color-white)}.project-form-switch-inline .project-form-switch-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.project-form-toggle-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.project-form-markdown-toggle{background-color:var(--background-light-alt);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;padding:.125rem}body.dark .project-form-markdown-toggle{background-color:var(--background-input-dark);border-color:var(--border-dark)}.project-form-toggle-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;font-size:10px;font-weight:var(--font-weight-medium);padding:.125rem var(--spacing-sm);transition:all var(--transition-base)}.project-form-toggle-btn.active{background-color:var(--background-surface-accent);box-shadow:var(--shadow-sm);color:var(--color-white)}.project-form-toggle-btn:hover:not(.active){color:var(--color-text-primary)}.project-form-markdown-editor-container{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;transition:all var(--transition-base)}body.dark .project-form-markdown-editor-container{background-color:var(--background-input-dark);border-color:var(--border-dark)}.project-form-markdown-editor-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec33}.project-form-markdown-toolbar{align-items:center;background-color:var(--background-light-alt);border-bottom:1px solid var(--border-light);display:flex;gap:.25rem;padding:.25rem}body.dark .project-form-markdown-toolbar{background-color:var(--background-surface-dark);border-bottom-color:var(--border-dark)}.project-form-toolbar-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all var(--transition-base)}.project-form-toolbar-btn:hover{background-color:var(--color-white);color:var(--color-text-primary)}body.dark .project-form-toolbar-btn:hover{background-color:var(--background-surface-accent);color:var(--color-white)}.project-form-toolbar-btn .material-symbols-outlined{font-size:16px}.project-form-toolbar-divider{background-color:var(--border-dark);height:.75rem;margin:0 .25rem;width:1px}.project-form-markdown-textarea{background-color:initial;border:none;color:var(--color-text-primary);font-family:Courier New,monospace;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);min-height:100px;outline:none;padding:var(--spacing-sm);resize:vertical;width:100%}body.dark .project-form-markdown-textarea{-webkit-text-fill-color:var(--color-white);caret-color:var(--color-white);color:var(--color-white)}.project-form-markdown-textarea::placeholder{-webkit-text-fill-color:var(--color-text-tertiary);color:var(--color-text-tertiary)}body.dark .project-form-markdown-textarea::placeholder{-webkit-text-fill-color:#586175;color:#586175}.project-form-input-with-icon{align-items:center;display:flex;position:relative}.project-form-input-icon{color:var(--color-text-tertiary);font-size:18px;left:var(--spacing-md);pointer-events:none;position:absolute}.project-form-input.project-form-with-icon{padding-left:2.5rem}.project-form-image-upload-section{align-items:flex-start;display:flex;gap:var(--spacing-lg)}.project-form-upload-dropzone{align-items:center;background-color:var(--background-light-alt);border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;height:6rem;justify-content:center;transition:all var(--transition-base)}body.dark .project-form-upload-dropzone{background-color:var(--background-input-dark);border-color:var(--border-dark)}.project-form-upload-dropzone:hover{background-color:var(--border-light);border-color:#135bec80}body.dark .project-form-upload-dropzone:hover{background-color:var(--background-surface-accent);border-color:#135bec80}.project-form-upload-content{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.project-form-upload-icon-wrapper{align-items:center;background-color:var(--background-surface-accent);border-radius:var(--radius-full);display:flex;justify-content:center;padding:.375rem;transition:transform var(--transition-base)}.project-form-upload-dropzone:hover .project-form-upload-icon-wrapper{transform:scale(1.1)}.project-form-upload-icon-wrapper .material-symbols-outlined{color:var(--color-text-tertiary);font-size:20px}.project-form-upload-text{display:flex;flex-direction:column;text-align:left}.project-form-upload-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}body.dark .project-form-upload-title{color:var(--color-white)}.project-form-upload-subtitle{color:var(--color-text-tertiary);font-size:9px;margin:0}.project-form-bottom-actions{align-items:stretch;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffffff2;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:flex-end;margin:0 calc(var(--spacing-xl)*-1) calc(var(--spacing-lg)*-1);padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;z-index:10}body.dark .project-form-bottom-actions{background-color:#161a23f2;border-top-color:var(--border-darker)}@media (min-width:768px){.project-form-bottom-actions{flex-direction:row;justify-content:flex-end}}.project-form-bottom-action-buttons{display:flex;gap:var(--spacing-sm);justify-content:flex-end;width:100%}@media (min-width:768px){.project-form-bottom-action-buttons{width:auto}}.project-form-btn-outline-secondary,.project-form-btn-submit{align-items:center;border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:var(--button-height-md);justify-content:center;padding:0 1.25rem}.project-form-btn-outline-secondary{background-color:initial;border:1px solid var(--border-light);color:var(--color-text-primary);text-decoration:none;transition:none}.project-form-btn-outline-secondary:hover{background-color:var(--background-light-alt)}body.dark .project-form-btn-outline-secondary{border-color:var(--border-dark);color:var(--color-white)}body.dark .project-form-btn-outline-secondary:hover{background-color:var(--background-surface-accent)}@media (min-width:768px){.project-form-btn-outline-secondary,.project-form-btn-submit{flex:none}}.project-form-btn-submit{background-color:var(--color-primary);border:1px solid #0000;box-shadow:0 10px 15px -3px #135bec26,0 4px 6px -2px #135bec0d;color:var(--color-white);gap:.375rem;transition:all var(--transition-base)}.project-form-btn-submit:hover{background-color:var(--color-primary-hover);box-shadow:0 10px 15px -3px #135bec4d,0 4px 6px -2px #135bec1a;transform:translateY(-1px)}.project-form-btn-submit .material-symbols-outlined{font-size:16px}.project-form-text-error{color:var(--color-error)}.change-password{align-items:center;background-color:var(--background-light-alt);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}body.dark .change-password{background-color:var(--background-dark)}.change-password-container{max-width:400px;width:100%}.change-password-card{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}body.dark .change-password-card{background-color:var(--background-card-dark);border-color:var(--border-dark)}.change-password-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.change-password-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#0f4dc4 100%);border-radius:var(--radius-full);display:flex;height:3.5rem;justify-content:center;width:3.5rem}.change-password-icon .material-symbols-outlined{color:var(--color-white);font-size:1.5rem}.change-password-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0}body.dark .change-password-title{color:var(--color-white)}.change-password-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:.25rem 0 0}.change-password-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.change-password-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.change-password-form-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}body.dark .change-password-form-label{color:var(--color-white)}.change-password-form-input{background-color:var(--background-light-alt);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-md);height:2.4rem;padding:0 var(--spacing-md);width:100%}body.dark .change-password-form-input{background-color:var(--background-input-dark);border-color:var(--border-dark);color:var(--color-white)}.change-password-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #135bec33;outline:none}.change-password-show-toggle{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}body.dark .change-password-show-toggle{color:var(--color-text-tertiary)}.change-password-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);height:2.4rem;width:100%}.change-password-button:hover{background-color:var(--color-primary-hover)}.change-password-button:disabled{cursor:not-allowed;opacity:.5}:root{--color-primary:#135bec;--color-primary-hover:#0f4dc4;--color-primary-light:#135bec1a;--color-primary-border:#135bec33;--color-white:#fff;--color-black:#000;--color-text-primary:#111318;--color-text-secondary:#637588;--color-text-tertiary:#9da6b9;--background-light:#fff;--background-light-alt:#f6f6f8;--background-dark:#101622;--background-surface-dark:#111318;--background-card-dark:#161e2c;--background-input-dark:#1c2536;--background-surface-accent:#282e39;--border-light:#e5e7eb;--border-gray:#d1d5db;--border-dark:#3b4354;--border-darker:#282e39;--color-success:#0bda5e;--color-success-light:#0bda5e1a;--color-success-border:#0bda5e33;--color-error:#ef4444;--color-error-light:#ef44441a;--color-warning:#f59e0b;--color-info:#3b82f6;--font-display:"Space Grotesk",sans-serif;--font-body:"Noto Sans",sans-serif;--font-size-xs:0.625rem;--font-size-sm:0.6875rem;--font-size-base:0.75rem;--font-size-md:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:500;--font-weight-bold:600;--font-weight-black:600;--font-weight-logo:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.625;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--radius-sm:0.25rem;--radius-md:0.50rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-primary:0 0 30px -10px #135bec26;--shadow-primary-hover:0 0 40px -5px #135bec40;--button-height-sm:1.75rem;--button-height-md:2rem;--button-height-lg:2.5rem;--button-padding-sm:0 0.75rem;--button-padding-md:0 1rem;--button-padding-lg:0 1.5rem;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:20;--z-index-modal:50;--z-index-popover:60;--z-index-tooltip:70;--z-index-toast:80}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fff;background-color:var(--background-light);color:#111318;color:var(--color-text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);line-height:1.5;line-height:var(--line-height-normal);min-height:100vh}body,input,select,textarea{font-weight:400;font-weight:var(--font-weight-normal)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f6f6f8;background:var(--background-light-alt)}body.dark ::-webkit-scrollbar-track{background:#1c1f27}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-gray);border-radius:.25rem;border-radius:var(--radius-sm)}body.dark ::-webkit-scrollbar-thumb{background:#3b4354;background:var(--border-dark)}::-webkit-scrollbar-thumb:hover{background:#637588;background:var(--color-text-secondary)}body.dark ::-webkit-scrollbar-thumb:hover{background:#4b5563}::selection{background-color:#135bec4d;color:#fff;color:var(--color-white)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.btn,.dashboard-nav-item,.dashboard-theme-toggle,.dashboard-view-site-btn,.form-tag-colored>button,.modal-btn,.permission-label,.project-card button,.select-icon,.settings-input,.toggle-btn,.toolbar-btn,[role=button],button,input[type=button],input[type=reset],input[type=submit]{transition:none!important;-webkit-transition:none!important}.btn:hover,.dashboard-nav-item:hover,.dashboard-view-site-btn:hover,.modal-btn:hover,button:hover{transform:none!important}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:.75rem;gap:var(--spacing-md)}.gap-4{gap:1rem;gap:var(--spacing-lg)}.gap-6{gap:1.5rem;gap:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:600;font-weight:var(--font-weight-bold)}.font-semibold{font-weight:500;font-weight:var(--font-weight-semibold)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.uppercase{text-transform:uppercase}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:.75rem;padding:var(--spacing-md)}.p-4{padding:1rem;padding:var(--spacing-lg)}.px-2{padding-left:.5rem;padding-left:var(--spacing-sm);padding-right:.5rem;padding-right:var(--spacing-sm)}.px-3{padding-left:.75rem;padding-left:var(--spacing-md);padding-right:.75rem;padding-right:var(--spacing-md)}.px-4{padding-left:1rem;padding-left:var(--spacing-lg);padding-right:1rem;padding-right:var(--spacing-lg)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.py-3{padding-bottom:.75rem;padding-bottom:var(--spacing-md);padding-top:.75rem;padding-top:var(--spacing-md)}.py-4{padding-bottom:1rem;padding-bottom:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-lg)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:.75rem;margin:var(--spacing-md)}.m-4{margin:1rem;margin:var(--spacing-lg)}.border{border:1px solid #e5e7eb;border:1px solid var(--border-light)}.border-b{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light)}.border-t{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light)}.rounded,.rounded-md{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}body.dark{background-color:#101622;background-color:var(--background-dark);color:#fff;color:var(--color-white)}body.dark .border{border-color:#3b4354;border-color:var(--border-dark)}body.dark .border-b{border-bottom-color:#282e39;border-bottom-color:var(--border-darker)}.btn{align-items:center;border:none;border-radius:.25rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);justify-content:center;transition:all .2s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.btn,a.adduser-breadcrumb-item,a.adduser-btn-cancel,a.admin-dashboard-btn-new-project,a.admin-dashboard-logo,a.admin-dashboard-logo:hover,a.admin-dashboard-nav-item,a.admin-dashboard-table-action-btn,a.admin-dashboard-view-site-btn,a.admin-login-link,a.edituser-breadcrumb-item,a.edituser-btn-cancel,a.project-card-button,a.project-details-modal-btn,a.project-form-breadcrumb-item,a.project-form-btn-outline-secondary,a.project-form-logo,a.project-form-logo:hover,a.project-form-nav-item,a.project-form-view-site-btn,a.table-action-btn{text-decoration:none}.btn-primary{background-color:#135bec;background-color:var(--color-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-white);font-size:.75rem;font-size:var(--font-size-base);height:2rem;height:var(--button-height-md);padding:0 1rem;padding:var(--button-padding-md)}.btn-primary:hover{background-color:#0f4dc4;background-color:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:#111318;background-color:var(--color-text-primary);color:#fff;color:var(--color-white);font-size:.75rem;font-size:var(--font-size-base);height:2rem;height:var(--button-height-md);padding:0 1rem;padding:var(--button-padding-md)}.btn-secondary:hover{background-color:#111318e6}.btn-outline{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);color:#111318;color:var(--color-text-primary);font-size:.75rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);height:2rem;height:var(--button-height-md);padding:0 1rem;padding:var(--button-padding-md)}.btn-outline:hover{background-color:#f6f6f8;background-color:var(--background-light-alt);border-color:#d1d5db;border-color:var(--border-gray)}.btn-sm{font-size:.6875rem;font-size:var(--font-size-sm);height:1.75rem;height:var(--button-height-sm);padding:0 .75rem;padding:var(--button-padding-sm)}.btn-lg{font-size:.875rem;font-size:var(--font-size-md);height:2.5rem;height:var(--button-height-lg);padding:0 1.5rem;padding:var(--button-padding-lg)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.input{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.25rem;border-radius:var(--radius-sm);color:#111318;color:var(--color-text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:.875rem;font-size:var(--font-size-md);height:2.5rem;padding:0 .75rem;padding:0 var(--spacing-md);transition:all .2s ease-in-out;transition:all var(--transition-base);width:100%}.input:focus{border-color:#135bec;border-color:var(--color-primary);box-shadow:0 0 0 3px #135bec1a;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}body.dark .input{background-color:#1c2536;background-color:var(--background-input-dark);border-color:#3b4354;border-color:var(--border-dark);color:#fff;color:var(--color-white)}body.dark .input:focus{border-color:#135bec;border-color:var(--color-primary)}.textarea{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.25rem;border-radius:var(--radius-sm);color:#111318;color:var(--color-text-primary);font-family:Noto Sans,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--font-size-md);min-height:6rem;padding:.75rem;padding:var(--spacing-md);resize:vertical;transition:all .2s ease-in-out;transition:all var(--transition-base);width:100%}.textarea:focus{border-color:#135bec;border-color:var(--color-primary);box-shadow:0 0 0 3px #135bec1a;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}body.dark .textarea{background-color:#1c2536;background-color:var(--background-input-dark);border-color:#3b4354;border-color:var(--border-dark);color:#fff;color:var(--color-white)}.card{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--spacing-lg);transition:all .2s ease-in-out;transition:all var(--transition-base)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}body.dark .card{background-color:#161e2c;background-color:var(--background-card-dark);border-color:#3b4354;border-color:var(--border-dark)}.badge{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.625rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:.125rem .375rem;text-transform:uppercase}.badge-success{background-color:#0bda5e1a;background-color:var(--color-success-light);border:1px solid #0bda5e33;border:1px solid var(--color-success-border);color:#0bda5e;color:var(--color-success)}.badge-archived{background-color:#f6f6f8;background-color:var(--background-light-alt);color:#637588;color:var(--color-text-secondary)}.material-symbols-outlined{font-size:20px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{0%,to{border-color:#282e39;box-shadow:0 0 30px -10px #135bec26}50%{border-color:#135bec4d;box-shadow:0 0 40px -5px #135bec40}}.animate-fade-in{animation:fade-in .3s ease-in-out}.animate-fade-in-up{animation:fade-in-up .5s ease-out}.animate-pulse{animation:subtle-pulse 4s ease-in-out infinite}@media (max-width:768px){:root{--font-size-2xl:1.25rem;--font-size-3xl:1.5rem}}
/*# sourceMappingURL=main.e6119f10.css.map*/