.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--font-base);font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .1s,opacity .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-mobile{background-color:#ffffff0d;color:var(--text-main);border:1px solid var(--border-glass)}.btn-exit{background-color:var(--secondary);border:1px solid var(--border-glass);margin-top:1rem}.btn-sm{padding:.35rem .75rem;font-size:var(--text-xs)}.btn-lg{padding:.65rem 1.4rem;font-size:var(--text-base)}.btn-icon{padding:.5rem;width:36px;height:36px}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-hover);color:var(--text-inverse)}.btn-secondary{background:var(--secondary);color:var(--text-inverse)}.btn-secondary:hover{background:var(--secondary-hover);color:var(--text-inverse)}.btn-outline{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background:var(--bg-muted)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover{background:var(--bg-muted);color:var(--text-main)}#theme-icon{font-size:1.1rem;transition:transform .3s ease}.btn-theme:hover{background:var(--bg-muted);color:var(--text-main)}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;padding:0;font-size:var(--text-sm);font-family:var(--font-base);text-decoration:underline;text-underline-offset:2px}.btn-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.form-group{margin-bottom:var(--space-md)}.form-label,.label{display:block;margin-bottom:.5rem;font-size:var(--text-sm);font-weight:600;color:#d1d5db}.form-input,.form-select,.input{width:100%;padding:.85rem 1rem;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);display:block;color:#fff;font-family:var(--font-base);font-size:var(--text-base);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus,.form-select:focus,.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.form-input::-moz-placeholder{color:var(--text-subtle);font-weight:400}.form-input::placeholder{color:var(--text-subtle);font-weight:400}.input-error{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.form-row{display:flex;gap:var(--space-md);flex-wrap:wrap}.form-row>*{flex:1;min-width:140px}.form-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.inpts-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.inpts-row>*{flex:1;min-width:0}.checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input{display:none}.checkbox .box{width:18px;height:18px;border-radius:var(--radius-xs);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.checkbox .box:after{content:"✓";font-size:11px;color:#fff;opacity:0;transform:scale(.7);transition:all .15s}.checkbox input:checked+.box{background:var(--primary);border-color:var(--primary)}.checkbox input:checked+.box:after{opacity:1;transform:scale(1)}.checkbox .text{font-size:var(--text-sm);color:var(--text-main)}.radio{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio input{display:none}.radio .circle{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-glass, #4b5563);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;background:#ffffff05}.radio .circle:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transform:scale(.5);transition:all .15s ease-in-out}.radio input:checked+.circle{background:var(--primary);border-color:var(--primary)}.radio input:checked+.circle:after{opacity:1;transform:scale(1)}.radio .text{font-size:var(--text-sm);color:#d1d5db;font-weight:400}select option{background-color:var(--bg-main)}.card{background:var(--bg-card);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-glass);box-shadow:var(--shadow-sm)}.card-compact{padding:var(--space-md)}.card-flush{padding:0}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.card-title{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--text-main)}.card-body{display:flex;flex-direction:column}.toggle-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:24px;border-radius:12px;background:var(--border-color, #d1d5db);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch:checked{background:var(--primary)}.toggle-switch:checked:after{transform:translate(20px)}.nav-link{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:.55rem .85rem;border-left:3px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-decoration:none;transition:background .18s,color .18s,border-color .18s;margin-bottom:var(--space-xs)}.nav-link:hover{background:var(--bg-muted);color:var(--text-main)}.nav-link.active{background:var(--primary-muted);color:var(--primary);border-left-color:var(--primary)}.nav-link-top{display:inline-flex;align-items:center;padding:.5rem var(--space-xs);margin-right:var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:color .2s,border-color .2s;text-decoration:none}.nav-link-top:hover{color:var(--text-main)}.nav-link-top.active{color:var(--text-main);border-bottom-color:var(--primary)}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;cursor:pointer;font-family:var(--font-base);color:var(--text-main);padding:.25rem var(--space-xs);border-radius:var(--radius-sm);transition:background .2s}.dropdown-trigger:hover{background:var(--bg-muted)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;background:var(--bg-main);border:1px solid var(--border-glass);border-radius:var(--radius-md);display:none;z-index:2000;overflow:hidden;padding:var(--space-xs)}.dropdown-menu a,.dropdown-menu button{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:.5rem .75rem;border:none;text-align:left;cursor:pointer;font-family:var(--font-base);font-size:var(--text-sm);color:var(--text-main);border-radius:var(--radius-sm);text-decoration:none;transition:background .15s}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--bg-muted)}.dropdown-danger{color:var(--danger)!important}.dropdown-divider{margin:var(--space-xs) 0;border:none;border-top:1px solid var(--border-color)}.notification-menu{display:none;position:absolute;right:0;top:100%;width:300px;background:var(--bg-main);border-radius:8px;z-index:1000;overflow:hidden}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.4;white-space:nowrap}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:#92400e}.badge-danger{background:var(--danger-muted);color:var(--danger)}.badge-primary{background:var(--primary-muted);color:var(--primary)}.badge-muted{background:var(--bg-muted);color:var(--text-muted)}.status-active{background:var(--status-active-bg);color:var(--status-active-text);font-weight:400}.status-pause{background:var(--status-pause-bg);color:var(--status-pause-text)}.status-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);font-weight:400}.status-completed{background:var(--status-completed-bg);color:var(--status-completed-text);font-weight:400}.status-pending{background:var(--status-pending-bg);color:var(--status-pending-text);font-weight:400}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse;background:var(--bg-card);font-size:var(--text-sm)}.table th,.table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);text-align:left}.table th{background:var(--bg-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-hover)}.td-actions{display:flex;gap:var(--space-sm);align-items:center}.alert-container{position:fixed;bottom:70px;right:100px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:300px}.alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;border-left:4px solid transparent;font-size:.95rem}.alert-info{background-color:color-mix(in srgb,var(--info) 10%,var(--surface-dark));color:var(--text-main)}.alert-success{background-color:color-mix(in srgb,var(--success) 10%,var(--surface-dark));color:var(--text-main);border-left-color:var(--success)}.alert-warning{background-color:color-mix(in srgb,var(--warning) 10%,var(--surface-dark));color:var(--text-main);border-left-color:var(--warning)}.alert-error{background-color:color-mix(in srgb,var(--danger) 10%,var(--surface-dark));color:var(--text-main);border-left-color:var(--danger)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100000;padding:var(--space-md)}.modal{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-lg);max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.modal-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-md)}.modal-header h2{margin:0;font-size:var(--text-xl)}.modal-header p{margin:var(--space-xs) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.modal-box{background:var(--bg-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.icon-border{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-muted);flex-shrink:0}.icon-border svg{width:18px;height:18px}.progress-track{width:100%;background:var(--bg-muted);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-hover);border-radius:var(--radius-full);transition:width .5s ease-out;min-width:4px}.progress-fill.success{background:var(--success)}.timeline{position:relative}.timeline-item{display:flex;gap:var(--space-md);padding-bottom:var(--space-lg)}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child .timeline-line{display:none}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.timeline-circle{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;z-index:2}.timeline-circle.completed{background:var(--success);color:#fff}.timeline-circle.active{background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-muted)}.timeline-circle.pending{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-subtle)}.timeline-line{flex:1;width:2px;background:var(--border-color);min-height:24px;margin:4px 0}.timeline-content{flex:1;padding-bottom:var(--space-sm);min-width:0}.timeline-title{font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-xs);line-height:1.4}.timeline-desc{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 2px}.message-list{display:flex;flex-direction:column;gap:var(--space-sm)}.message-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.message-item:last-child{border-bottom:none;padding-bottom:0}.message-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm)}.stat-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-xs)}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-main);line-height:1.2}.stat-value.primary{color:var(--primary)}.project-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-lg);margin:var(--space-sm) 0;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.project-header{display:flex;align-items:center;justify-content:space-between}.project-badge{font-size:var(--text-sm);width:-moz-fit-content;width:fit-content;align-self:flex-end}.divider{margin:var(--space-md) 0;border:none;border-top:1px solid var(--border-color)}.pagination{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-lg);list-style:none;padding:0;flex-wrap:wrap}.btn-page{padding:.4rem .7rem;font-size:var(--text-sm);min-width:36px}.user-name{font-size:var(--text-sm);font-weight:600;color:var(--text-main);letter-spacing:.01em}.section-title{font-size:var(--text-base);font-weight:700;color:var(--text-main);margin:0}.section+.section{margin-top:var(--space-xl)}.link{font-size:var(--text-sm);color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.link:hover{color:var(--primary-hover);text-decoration:underline}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:block}.empty-state p{color:var(--text-muted);font-size:var(--text-sm);max-width:320px;margin:0 auto}