@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--bb-void: #1a1b1d;--bb-carbon: #303136;--bb-canvas: #faf5ea;--bb-patina: #96a69a;--bb-fjord: #4d7984;--bb-branch: #b3bb94;--bb-fiber: #d1c1a6;--bb-cloud: #f9f9f7;--bb-root: #757866;--bb-frost: #b4c4b8;--color-bg: var(--bb-canvas);--color-bg-alt: var(--bb-cloud);--color-bg-dark: var(--bb-carbon);--color-text: var(--bb-carbon);--color-text-on-dark: var(--bb-canvas);--color-text-muted: var(--bb-root);--color-accent: var(--bb-fjord);--color-accent-hover: #3d6570;--color-brand: var(--bb-patina);--color-success: var(--bb-branch);--color-warning: var(--bb-fiber);--color-border: var(--bb-root);--color-border-light: var(--bb-frost);--status-complete: var(--bb-branch);--status-active: var(--bb-fjord);--status-pending: var(--bb-frost);--status-waiting: var(--bb-fiber);--font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl: clamp(2.5rem, 1.75rem + 3.75vw, 4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--max-width: 1200px;--max-width-content: 800px;--border-radius: 4px;--border-radius-lg: 8px;--border-radius-xl: 12px;--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .4s ease-out;--transition-dramatic: .6s cubic-bezier(.16, 1, .3, 1);--ease-dramatic: cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 3px rgba(48, 49, 54, .06);--shadow-md: 0 4px 12px rgba(48, 49, 54, .08);--shadow-lg: 0 8px 24px rgba(48, 49, 54, .1);--shadow-xl: 0 12px 36px rgba(48, 49, 54, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.6;font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text)}.font-accent{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;text-transform:none}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-block:var(--space-3)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.025em;text-transform:uppercase;border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn--primary{background:var(--color-accent);color:var(--color-text-on-dark);border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--secondary:hover{background:var(--color-accent);color:var(--color-text-on-dark)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border-light)}.btn--ghost:hover{border-color:var(--color-border);background:var(--color-bg-alt)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.card{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--space-6);transition:transform var(--transition-dramatic),box-shadow var(--transition-dramatic)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text);letter-spacing:.01em}.form-input{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4d798426}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:100px}.badge--complete{background:#b3bb9426;color:#7a8259}.badge--active{background:#4d798426;color:var(--color-accent)}.badge--pending{background:#b4c4b833;color:var(--bb-root)}.badge--maintenance{background:#4d79841a;color:var(--bb-fjord);border:1px solid rgba(77,121,132,.2)}.badge--waiting{background:#d1c1a633;color:#9a8663}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeUp .8s var(--ease-dramatic) both}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}