:root{font-size:16px;scroll-behavior:smooth;--color-bg: #e9ecf5;--color-surface: #e9ecf5;--color-text: #344767;--color-text-muted: #67748e;--color-border: rgba(255, 255, 255, .8);--color-primary: #007bff;--color-primary-400: #1a8cff;--color-success: #27ae60;--color-error: #e74c3c;--color-warning: #f7931e;--color-info: #4fc3f7;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-h: 0 2px 8px rgba(0, 0, 0, .1);--shadow-in: inset 0 1px 3px rgba(0, 0, 0, .08);--rad: 8px;--font-sans: Inter, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.5;background-color:#f8f9fb;color:#344767;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:#aab2c8 transparent}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-thumb{background:#aab2c8;border-radius:9999px}h1,h2,h3,h4,h5,h6{margin:0;font-family:Inter,system-ui,sans-serif}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}button{font-family:Inter,system-ui,sans-serif}img,svg{display:block;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 16px}.form-control{padding:8px 12px;border:1px solid #aab2c8;border-radius:8px;font-size:1rem;font-family:Inter,system-ui,sans-serif;color:#344767;background:#e9ecf5;transition:border-color .1s cubic-bezier(0,0,.2,1),box-shadow .1s cubic-bezier(0,0,.2,1)}.form-control::placeholder{color:#67748e}.form-control:focus{outline:none;border-color:#1a8cff;box-shadow:0 0 0 3px #007bff33}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px;min-height:44px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:1rem;font-family:Inter,system-ui,sans-serif;font-weight:600;transition:all .1s cubic-bezier(0,0,.2,1)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background-color:#007bff;color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:#0062cc}.btn.btn-primary:active:not(:disabled){background-color:#004a99}.btn.btn-secondary{background-color:#67748e;color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:#4f5e7a}.btn.btn-secondary:active:not(:disabled){background-color:#344767}.btn.btn-sm{padding:4px 12px;min-height:36px;font-size:.8125rem}.status-badge{padding:.4rem 1rem;border-radius:9999px;color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #0000001f;display:inline-block;text-align:center;white-space:nowrap}.status-badge.draft{background:#7a88a8}.status-badge.scheduled{background:#1a8cff}.status-badge.in_progress{background:#27ae60}.status-badge.completed{background:#4fc3f7}.status-badge.cancelled{background:#e74c3c}.state-loading,.state-empty,.state-error{text-align:center;padding:48px 24px;border-radius:8px;color:#67748e}.state-loading p,.state-empty p,.state-error p{margin:0;font-size:clamp(1rem,.95rem + .2vw,1.125rem)}.state-loading p{margin-top:16px}.state-empty{background:#e9ecf5;box-shadow:inset 0 1px 3px #00000014;font-size:1.25rem}.state-error{color:#e74c3c;background:#e74c3c26;border:1px solid rgba(231,76,60,.25);border-radius:8px}.spinner{width:40px;height:40px;border:3px solid rgba(26,140,255,.2);border-top-color:#1a8cff;border-radius:9999px;animation:spin .3s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}