.btn{}.btn-small{padding:8px 16px;font-size:0.875rem;height:36px}.btn-medium{padding:12px 24px;font-size:1rem;height:44px}.btn-large{padding:16px 32px;font-size:1.125rem;height:56px}@media (max-width:768px){.btn-large{width:100%;height:60px}}.card{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:1.5rem;box-shadow:0 2px 8px oklch(0 0 0 / 0.04);transition:all 200ms ease-out}.card:hover{box-shadow:0 8px 24px oklch(0 0 0 / 0.08);transform:translateY(-2px)}.card-glass{background:oklch(1 0 0 / 0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:500;border-radius:calc(var(--radius) * 0.5);background:var(--secondary);color:var(--foreground)}.badge-primary{background:var(--primary);color:var(--primary-foreground)}.badge-success{background:var(--construction-success, oklch(0.5200 0.2000 142));color:oklch(1 0 0)}.badge-warning{background:var(--construction-orange);color:oklch(1 0 0)}.badge-error{background:var(--destructive);color:var(--destructive-foreground)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:0.5rem}.form-input{width:100%;padding:0.75rem 1rem;font-size:1rem;font-family:var(--font-sans);background:var(--background);border:2px solid var(--border);border-radius:var(--radius);transition:all 150ms ease-out}.form-input:focus{outline:none;border-color:var(--construction-orange);box-shadow:0 0 0 3px oklch(0 0 0 / 0.1)}.form-input.error{border-color:var(--destructive)}.form-error{display:block;font-size:0.875rem;color:var(--destructive);margin-top:0.25rem}.form-hint{display:block;font-size:0.875rem;color:var(--muted-foreground);margin-top:0.25rem}.form-select{width:100%;padding:0.75rem 1rem;font-size:1rem;font-family:var(--font-sans);background:var(--background);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all 150ms ease-out;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='oklch(0 0 0)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select:focus{outline:none;border-color:var(--construction-orange);box-shadow:0 0 0 3px oklch(0 0 0 / 0.1)}.form-checkbox, .form-radio{display:flex;align-items:center;gap:0.5rem;cursor:pointer}.form-checkbox input[type="checkbox"], .form-radio input[type="radio"]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--construction-orange)}.alert{padding:1rem 1.5rem;border-radius:var(--radius);margin-bottom:1rem;display:flex;align-items:flex-start;gap:0.75rem}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:0.25rem}.alert-description{font-size:0.875rem}.alert-info{background:oklch(0.9700 0.0200 240);color:oklch(0.4000 0.2000 240);border:1px solid oklch(0.5500 0.2500 240)}.alert-success{background:oklch(0.9700 0.0300 142);color:oklch(0.3500 0.2000 142);border:1px solid var(--construction-success, oklch(0.5200 0.2000 142))}.alert-warning{background:oklch(0.9900 0.0300 90);color:oklch(0.5000 0.2000 45);border:1px solid var(--construction-orange)}.alert-error{background:oklch(0.9700 0.0300 25);color:var(--destructive);border:1px solid var(--destructive)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:oklch(0 0 0 / 0.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all 200ms ease-out}.modal-backdrop.active{opacity:1;visibility:visible}.modal{background:var(--card);border-radius:var(--radius);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:transform 200ms ease-out}.modal-backdrop.active .modal{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0.25rem;color:var(--muted-foreground);transition:color 200ms ease-out}.modal-close:hover{color:var(--foreground)}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--foreground);color:var(--background);padding:0.5rem 0.75rem;border-radius:var(--radius);font-size:0.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all 200ms ease-out;margin-bottom:0.5rem}.tooltip-content::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--foreground)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.tabs{margin-bottom:2rem}.tab-list{display:flex;border-bottom:2px solid var(--border);margin-bottom:2rem}.tab-button{background:none;border:none;padding:0.75rem 1.5rem;font-weight:500;cursor:pointer;position:relative;transition:all 200ms ease-out;color:var(--muted-foreground)}.tab-button:hover{color:var(--foreground)}.tab-button.active{color:var(--construction-orange)}.tab-button::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--construction-orange);transform:scaleX(0);transition:transform 200ms ease-out}.tab-button.active::after{transform:scaleX(1)}.tab-panel{display:none}.tab-panel.active{display:block}.progress{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-bar{height:100%;background:var(--construction-orange);transition:width 300ms ease-out}.progress-label{display:flex;justify-content:space-between;font-size:0.875rem;color:var(--muted-foreground);margin-bottom:0.5rem}.avatar{position:relative;display:inline-block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--muted)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:32px;height:32px}.avatar-large{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.divider{height:1px;background:var(--border);margin:2rem 0}.divider-vertical{width:1px;height:100%;background:var(--border);margin:0 1rem}.list{list-style:none;margin:0;padding:0}.list-item{padding:0.75rem 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item-content{display:flex;justify-content:space-between;align-items:center}.skeleton-text{height:1rem;background:var(--border);border-radius:var(--radius);margin-bottom:0.5rem}.skeleton-title{height:1.5rem;width:60%}.skeleton-paragraph{height:4rem}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--border)}.skeleton-button{height:44px;width:120px;background:var(--border);border-radius:var(--radius)}