@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Roboto+Condensed:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo{display:inline-flex;justify-content:center;-webkit-user-select:none;user-select:none}.logo-full{width:100%}.logo-full .logo-image{height:auto;object-fit:contain;width:100%}.logo-icon{width:-webkit-fit-content;width:fit-content}.logo-icon .logo-image{height:100%;object-fit:contain;width:100%}.logo-icon-text{align-items:center;display:flex;gap:var(--spacing-md)}.logo-icon-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:100%;object-fit:contain;width:auto}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:2rem;font-weight:700;white-space:nowrap}.logo-sm{height:32px}.logo-sm .logo-text{font-size:1.25rem}.logo-md{height:48px}.logo-md .logo-text{font-size:1.75rem}.logo-lg{height:64px}.logo-lg .logo-text{font-size:2rem}@media (max-width:639px){.logo-sm{height:28px}.logo-sm .logo-text{font-size:1rem}.logo-md{height:40px}.logo-md .logo-text{font-size:1.5rem}.logo-lg{height:48px}.logo-lg .logo-text{font-size:1.75rem}.logo-icon-text{gap:var(--spacing-sm)}}.logo-icon-image,.logo-image{transition:opacity var(--transition-base)}.logo-icon-image[src=""],.logo-image[src=""]{opacity:0}.auth-page{align-items:center;background:linear-gradient(135deg,#00000005 0,#0000000d 100%),var(--color-background);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.auth-page:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 0,#00000005 4px);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.auth-container{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;padding:var(--spacing-2xl);position:relative;width:100%;z-index:1}.auth-container:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}@media (max-width:639px){.auth-container{box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}}.auth-header{margin-bottom:var(--spacing-2xl);position:relative;text-align:center}.auth-logo{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.auth-logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.auth-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 2px 4px #0000000d}.auth-logo-text,.auth-title{font-size:2rem;font-weight:700}.auth-title{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--color-text-secondary);font-size:1rem;font-weight:400;margin-bottom:0}@media (max-width:639px){.auth-logo-icon{font-size:2rem}.auth-logo-text,.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}}.auth-form{margin-bottom:var(--spacing-xl)}.auth-submit{align-items:center;display:flex;font-size:1rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;width:100%}.auth-submit:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.auth-submit:hover:after{height:300px;width:300px}.spinner-sm{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--color-surface);display:inline-block;height:16px;width:16px}.auth-footer{border-top:1px solid var(--color-divider);padding-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.auth-link{color:var(--color-primary);font-weight:600;position:relative;text-decoration:none;transition:all var(--transition-fast)}.auth-link:after{background:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform var(--transition-base)}.auth-link:hover{color:var(--color-primary-dark)}.auth-link:hover:after{transform:scaleX(1)}.auth-theme-selector{position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:10}@media (max-width:639px){.auth-theme-selector{bottom:var(--spacing-lg);left:var(--spacing-lg);position:fixed;right:var(--spacing-lg);top:auto}.auth-theme-selector .theme-selector-trigger{justify-content:center;width:100%}}.dashboard{width:100%}.dashboard-header{margin-bottom:var(--spacing-lg)}.dashboard-header h1{margin-bottom:var(--spacing-sm)}.dashboard-subtitle{color:var(--color-text-secondary);font-size:1.125rem;margin:0}@media (max-width:639px){.dashboard-subtitle{font-size:1rem}}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.dashboard-loading p{color:var(--color-text-secondary);font-family:var(--font-display);font-weight:600}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}@media (max-width:639px){.dashboard-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.stat-card{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.stat-card:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{font-size:2.5rem;line-height:1}.stat-content{flex:1 1}.stat-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-label,.stat-value{font-family:var(--font-display);margin-bottom:var(--spacing-xs)}.stat-value{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1}.stat-subtext{color:var(--color-text-secondary);font-size:.875rem;margin:0}@media (max-width:639px){.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}}.dashboard-section{margin-bottom:var(--spacing-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h2{margin:0}@media (max-width:639px){.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}.projects-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.project-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.project-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-sm)}.project-name{color:var(--color-text-primary);font-size:1.25rem;margin:0}.project-status{background:var(--color-surface-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-active{background:var(--color-success);border-color:var(--color-success);color:#fff}.status-pending{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.status-completed{background:var(--color-text-secondary);border-color:var(--color-text-secondary);color:#fff}.project-address{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.project-footer{align-items:center;border-top:1px solid var(--color-divider);display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.project-meta{color:var(--color-primary)}.project-link,.project-meta{font-family:var(--font-display);font-size:.875rem;font-weight:600}.project-link{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.project-link:hover{color:var(--color-primary)}.quick-actions{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:639px){.quick-actions{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}.quick-action-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-base)}.quick-action-card:hover{background:var(--color-primary);border-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quick-action-card:hover .quick-action-label{color:var(--color-text-on-primary)}.quick-action-icon{font-size:2.5rem;line-height:1}.quick-action-label{color:var(--color-text-primary);font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-align:center;text-transform:uppercase;transition:color var(--transition-base)}@media (max-width:639px){.quick-action-icon{font-size:2rem}.quick-action-label{font-size:.75rem}}.empty-state{background:var(--color-surface-alt);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.empty-state p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-md)}.projects-page,.quotes-page,.subcontractors-page,.transactions-page{width:100%}.page-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--steel);font-size:1.125rem;margin:0}@media (max-width:639px){.page-header{flex-direction:column}.page-header button{width:100%}.page-subtitle{font-size:1rem}}.page-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.page-loading p{color:var(--steel);font-family:var(--font-display);font-weight:600}.projects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:639px){.projects-grid{grid-template-columns:1fr}}.project-item{background:var(--white);border:2px solid var(--black);box-shadow:var(--shadow-brutal-sm);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.project-item:hover{box-shadow:none;transform:translate(2px,2px)}.project-item-header{align-items:flex-start;border-bottom:2px solid var(--concrete-dark);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-sm)}.project-item-header h3{font-size:1.25rem;margin:0}.status-badge{background:var(--concrete);border:2px solid var(--black);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.status-active{background:var(--success);border-color:var(--success);color:var(--white)}.status-pending{background:var(--warning);border-color:var(--warning);color:var(--white)}.status-completed{background:var(--steel);border-color:var(--steel);color:var(--white)}.status-cancelled{background:var(--error);border-color:var(--error);color:var(--white)}.status-received{background:var(--info);border-color:var(--info);color:var(--white)}.status-approved{background:var(--success);border-color:var(--success);color:var(--white)}.status-rejected{background:var(--error);border-color:var(--error);color:var(--white)}.status-expired{background:var(--gray-500);border-color:var(--gray-500);color:var(--white)}.project-item-body{flex:1 1}.project-detail{color:var(--steel-dark);font-size:.875rem;margin-bottom:var(--spacing-sm)}.project-detail strong{color:var(--steel);font-weight:600}.project-item-footer{border-top:2px solid var(--concrete-dark);display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.project-item-footer button{flex:1 1}.modal-overlay{align-items:center;background:#1a202ccc;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--white);border:3px solid var(--black);box-shadow:var(--shadow-brutal-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@media (max-width:639px){.modal{max-width:100%}}.modal-header{align-items:center;background:var(--concrete);border-bottom:2px solid var(--black);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-header h2{font-size:1.5rem;margin:0}.modal-close{align-items:center;background:#0000;border:none;color:var(--steel-dark);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.modal-close:hover{box-shadow:none;color:var(--error);transform:none}.modal-form{padding:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}@media (max-width:639px){.form-row{grid-template-columns:1fr}}textarea{font-family:var(--font-body);min-height:80px;resize:vertical}.modal-footer{border-top:2px solid var(--concrete-dark);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}@media (max-width:639px){.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.table-container{margin-bottom:var(--spacing-lg);overflow-x:auto}.data-table{background:var(--white);border:2px solid var(--black);border-collapse:collapse;font-size:.875rem;width:100%}.data-table thead{background:var(--concrete);border-bottom:2px solid var(--black)}.data-table th{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:var(--spacing-md);text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid var(--concrete-dark);padding:var(--spacing-md)}.data-table tbody tr:hover{background:var(--gray-50)}.table-actions{display:flex;gap:var(--spacing-xs)}.table-actions button{font-size:.75rem;padding:.25rem .5rem}@media (max-width:768px){.data-table{font-size:.75rem}.data-table td,.data-table th{padding:var(--spacing-sm)}}.project-detail-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-xl)}.detail-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.detail-card h3{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-size:1.25rem;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-item{align-items:center;border-bottom:1px solid var(--color-divider);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-item:last-child{border-bottom:none}.detail-item strong{color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.detail-item span{color:var(--color-text-primary);font-weight:500;text-align:right}.theme-selector{position:relative;z-index:1000}.theme-selector-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:.875rem;font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all var(--transition-base)}.theme-selector-trigger:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-icon{font-size:1.25rem}.theme-name{min-width:100px;text-align:left}.theme-arrow{font-size:.625rem;margin-left:auto;transition:transform var(--transition-base)}.theme-arrow.open{transform:rotate(180deg)}.theme-selector-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.theme-selector-dropdown{animation:dropdownSlide .2s cubic-bezier(.4,0,.2,1);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:0;min-width:320px;overflow:hidden;position:absolute;top:calc(100% + .5rem);z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-selector-header{background:linear-gradient(180deg,var(--color-surface-alt) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:var(--spacing-md);text-transform:uppercase}.theme-selector-grid{grid-gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.theme-option,.theme-selector-grid{gap:var(--spacing-sm);padding:var(--spacing-md)}.theme-option{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;position:relative;text-align:center;transition:all var(--transition-base)}.theme-option:hover{transform:translateY(-2px)}.theme-option.active,.theme-option:hover{border-color:var(--theme-primary);box-shadow:var(--shadow-md)}.theme-option.active{background:var(--color-surface-alt)}.theme-option-preview{border-radius:var(--radius-sm);box-shadow:var(--shadow-inner);display:flex;gap:2px;height:40px;overflow:hidden;width:100%}.theme-color-primary,.theme-color-secondary{border:1px solid #0000001a;flex:1 1}.theme-option-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.theme-option-check{align-items:center;background:var(--color-success);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:20px}@media (max-width:639px){.theme-selector-dropdown{left:50%;min-width:280px;transform:translateX(-50%)}.theme-selector-grid{grid-template-columns:1fr}.theme-name{min-width:80px}}.profile-page{width:100%}.profile-tabs{border-bottom:2px solid var(--color-border-light);margin-bottom:var(--spacing-xl);overflow-x:auto}.profile-tab,.profile-tabs{display:flex;gap:var(--spacing-xs)}.profile-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-display);font-size:.875rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);white-space:nowrap}.profile-tab-active,.profile-tab:hover{background:var(--color-surface-alt);color:var(--color-primary)}.profile-tab-active{border-bottom-color:var(--color-primary)}@media (max-width:639px){.profile-tabs{gap:0}.profile-tab{flex:1 1;font-size:.75rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}}.profile-content{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}@media (max-width:639px){.profile-content{padding:var(--spacing-lg)}}.profile-section h2{border-bottom:2px solid var(--color-border-light);color:var(--color-text-primary);font-size:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.profile-form{max-width:600px}.profile-form .form-group{margin-bottom:var(--spacing-lg)}.profile-form label{color:var(--color-text-primary);display:block;font-family:var(--font-display);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.profile-form input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.profile-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff73331a;outline:none}.profile-form input:disabled{background:var(--color-surface-alt);color:var(--color-text-secondary);cursor:not-allowed}.form-help{color:var(--color-text-secondary);display:block;font-size:.75rem;font-style:italic;margin-top:var(--spacing-xs)}.form-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}@media (max-width:639px){.form-actions{flex-direction:column}.form-actions button{width:100%}}.preference-group{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.preference-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preference-header h3{color:var(--color-text-primary);font-size:1.125rem;margin-bottom:var(--spacing-xs)}.preference-description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.preference-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-label{align-items:center;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-fast)}.checkbox-label:hover{background:var(--color-surface-alt)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.checkbox-label span{flex:1 1}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);gap:var(--spacing-xs);justify-content:space-between;margin:0 auto;max-width:1280px;padding:var(--spacing-sm) var(--spacing-md)}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;gap:var(--spacing-sm)}.logo-icon{font-size:1.75rem}.logo-text{color:var(--color-primary);letter-spacing:-.02em}.nav-desktop{display:none;gap:.25rem}@media (min-width:768px){.nav-desktop{display:flex}}.nav-link{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-primary);display:flex;font-family:var(--font-display);font-size:.75rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:.05em;padding:.4rem .6rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-base)}.nav-link:hover{transform:translateY(-1px)}.nav-link-active,.nav-link:hover{background:var(--color-primary);border:1px solid var(--color-primary-dark);box-shadow:var(--shadow-md);color:var(--color-text-on-primary)}.nav-icon{font-size:1.1rem}.nav-label{display:none}@media (min-width:1024px){.nav-label{display:inline}}.header-theme-selector{display:none}@media (min-width:768px){.header-theme-selector{display:block}}.user-menu{align-items:center;display:none;position:relative}@media (min-width:768px){.user-menu{display:flex}}.user-avatar{align-items:center;background:var(--color-primary);border:2px solid var(--color-primary-dark);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-text-on-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:.75rem;font-weight:700;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.user-avatar:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.user-dropdown-item{align-items:center;background:var(--color-surface);border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:.875rem;font-weight:600;gap:var(--spacing-sm);padding:.75rem 1rem;text-align:left;transition:all var(--transition-fast);width:100%}.mobile-menu-btn,.user-dropdown-item:hover{background:var(--color-primary);color:var(--color-text-on-primary)}.mobile-menu-btn{align-items:center;border:1px solid var(--color-primary-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all var(--transition-base);width:48px}.mobile-menu-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (min-width:768px){.mobile-menu-btn{display:none}}.nav-mobile{background:var(--color-surface-alt);border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);border-top:1px solid var(--color-border-light);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}@media (min-width:768px){.nav-mobile{display:none}}.nav-link-mobile{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-family:var(--font-display);font-size:1rem;font-weight:600;gap:var(--spacing-md);letter-spacing:.05em;padding:var(--spacing-md);text-decoration:none;text-transform:uppercase;transition:all var(--transition-base)}.nav-link-mobile:hover{background:var(--color-primary-light);transform:translateX(2px)}.nav-link-mobile-active,.nav-link-mobile:hover{border-color:var(--color-primary-dark);color:var(--color-text-on-primary)}.nav-link-mobile-active{background:var(--color-primary);box-shadow:var(--shadow-sm)}.mobile-theme-selector{margin-top:var(--spacing-md);padding:var(--spacing-sm)}.mobile-theme-selector .theme-selector-trigger{justify-content:center;width:100%}.mobile-user-info{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-display);font-weight:600;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.layout-main{flex:1 1;padding:var(--spacing-lg) 0}.layout-main .container{background:var(--color-surface);border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);min-height:400px;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:639px){.layout-main{padding:var(--spacing-lg) 0}.layout-main .container{border-left:none;border-right:none}}.layout-footer{background:var(--color-surface);border-top:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);margin-top:auto;padding:var(--spacing-md) 0}.footer-text{color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem;margin:0;text-align:center}@media (max-width:639px){.footer-text{font-size:.75rem}}:root{--color-primary:#ffcd00;--color-primary-dark:#d4aa00;--color-primary-light:#ffe14d;--color-secondary:#1a1a1a;--color-secondary-dark:#000;--color-secondary-light:#2d2d2d;--color-background:#f5f5f5;--color-surface:#fff;--color-surface-alt:#fafafa;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-on-primary:#1a1a1a;--color-border:#d4aa00;--color-border-light:#e8e8e8;--color-divider:#e0e0e0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-display:"Roboto Condensed",sans-serif;--font-body:"Roboto",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--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-inner:inset 0 2px 4px 0 #0000000f;--shadow-metal:0 1px 0 #ffffff80,0 -1px 0 #00000026,inset 0 1px 2px #0000001a;--shadow-recessed:inset 0 2px 4px #00000026,inset 0 1px 1px #0000001a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:#f5f5f5;background:var(--color-background);font-family:Roboto,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:Roboto Condensed,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}h2{font-size:2rem}h2,h3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem}h4{font-size:1.25rem}h4,h5{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}h5{font-size:1.125rem}h6{font-size:1rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}p{font-weight:400;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.btn,button{background:#fff;background:var(--color-surface);border:1px solid #0000;border-radius:4px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1a1a1a;color:var(--color-text-primary);cursor:pointer;font-family:Roboto Condensed,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn:before,button:before{background:linear-gradient(180deg,#ffffff1a,#0000000d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.btn:hover,button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active,button:active{transform:translateY(0)}.btn:active,.btn:disabled,button:active,button:disabled{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:linear-gradient(180deg,#ffe14d,#ffcd00);background:linear-gradient(180deg,var(--color-primary-light) 0,var(--color-primary) 100%);border:1px solid #d4aa00;border:1px solid var(--color-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1a1a1a;color:var(--color-text-on-primary)}.btn-primary:hover{background:linear-gradient(180deg,#ffcd00,#d4aa00);background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn-secondary{background:linear-gradient(180deg,#2d2d2d,#1a1a1a);background:linear-gradient(180deg,var(--color-secondary-light) 0,var(--color-secondary) 100%);border:1px solid #000;border:1px solid var(--color-secondary-dark);color:#fff}.btn-secondary:hover{background:linear-gradient(180deg,#1a1a1a,#000);background:linear-gradient(180deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%)}.btn-outline{background:#0000;border:1px solid #d4aa00;border:1px solid var(--color-border);box-shadow:none;color:#1a1a1a;color:var(--color-text-primary)}.btn-outline:hover{background:#ffcd00;background:var(--color-primary);border-color:#d4aa00;border-color:var(--color-primary-dark);color:#1a1a1a;color:var(--color-text-on-primary)}.btn-sm{font-size:.75rem;padding:.5rem 1rem}.btn-lg{font-size:1rem;padding:1rem 2rem}input,select,textarea{background:#fff;background:var(--color-surface);border:1px solid #e8e8e8;border:1px solid var(--color-border-light);border-radius:4px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000026,inset 0 1px 1px #0000001a;box-shadow:var(--shadow-recessed);color:#1a1a1a;color:var(--color-text-primary);font-family:Roboto,sans-serif;font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}input:hover,select:hover,textarea:hover{border-color:#d4aa00;border-color:var(--color-border)}input:focus,select:focus,textarea:focus{border-color:#ffcd00;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(#FFCD00,.1),inset 0 2px 4px #00000026,inset 0 1px 1px #0000001a;box-shadow:0 0 0 3px rgba(var(--color-primary),.1),var(--shadow-recessed);outline:none}input::placeholder,textarea::placeholder{color:#4a4a4a;color:var(--color-text-secondary);opacity:.6}label{color:#1a1a1a;color:var(--color-text-primary);display:block;font-family:Roboto Condensed,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-error{color:#ef4444;color:var(--color-error);font-size:.875rem;font-weight:500;margin-top:.25rem;margin-top:var(--spacing-xs)}.card{background:#fff;background:var(--color-surface);border:1px solid #e8e8e8;border:1px solid var(--color-border-light);border-radius:6px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative}.card:before{background:linear-gradient(90deg,#ffcd00,#ffe14d);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-divider);color:#1a1a1a;color:var(--color-text-primary);font-family:Roboto Condensed,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.card-body{color:#4a4a4a;color:var(--color-text-secondary)}.container{margin:0 auto;max-width:1280px;padding:0 1rem;padding:0 var(--spacing-md);width:100%}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.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-end{justify-content:flex-end}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#ffcd00;color:var(--color-primary)}.text-secondary{color:#4a4a4a;color:var(--color-text-secondary)}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-error{color:#ef4444;color:var(--color-error)}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#ffcd00;border-top:3px solid var(--color-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}table{background:#fff;background:var(--color-surface);border:1px solid #e8e8e8;border:1px solid var(--color-border-light);border-collapse:collapse;border-radius:6px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden;width:100%}thead{background:linear-gradient(180deg,#fafafa,#fff);background:linear-gradient(180deg,var(--color-surface-alt) 0,var(--color-surface) 100%);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-divider)}th{color:#1a1a1a;color:var(--color-text-primary);font-family:Roboto Condensed,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}td,th{padding:1rem;padding:var(--spacing-md)}td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-divider);color:#4a4a4a;color:var(--color-text-secondary)}tbody tr:hover{background:#fafafa;background:var(--color-surface-alt)}tbody tr:last-child td{border-bottom:none}@media (max-width:639px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}table{font-size:.875rem}td,th{padding:.5rem;padding:var(--spacing-sm)}}@media (min-width:640px) and (max-width:767px){.container{padding:0 1.5rem;padding:0 var(--spacing-lg)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.container{padding:0 2rem;padding:0 var(--spacing-xl)}}@media (min-width:1024px){html{font-size:18px}}
/*# sourceMappingURL=main.f3153272.css.map*/