:root{--cf-primary:#2563eb;--cf-primary-hover:#1d4ed8;--cf-primary-light:#dbeafe;--cf-primary-bg:rgba(37,99,235,.08);--cf-bg:#f5f5f7;--cf-surface:#fff;--cf-border:#e5e5ea;--cf-text:#1d1d1f;--cf-text-secondary:#6e6e73;--cf-text-muted:#8e8e93;--cf-success:#34c759;--cf-warning:#ff9f0a;--cf-danger:#ff3b30;--cf-radius:12px;--cf-radius-lg:16px;--cf-radius-sm:8px;--cf-shadow:0 2px 20px rgba(0,0,0,.08);--cf-shadow-sm:0 1px 3px rgba(0,0,0,.06);--cf-transition:0.2s cubic-bezier(0.4,0,0.2,1);--cf-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.clientflow-dark{--cf-bg:#1c1c1e;--cf-surface:#2c2c2e;--cf-border:#38383a;--cf-text:#f5f5f7;--cf-text-secondary:#aeaeb2;--cf-text-muted:#636366;--cf-shadow:0 2px 20px rgba(0,0,0,.3)}.clientflow-root,.clientflow-root *{box-sizing:border-box;margin:0;padding:0}.clientflow-root{color:var(--cf-text);line-height:1.5;-webkit-font-smoothing:antialiased}.cf-btn,.clientflow-root{font-family:var(--cf-font)}.cf-btn{align-items:center;border:none;border-radius:var(--cf-radius);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;line-height:1.2;padding:12px 24px;text-decoration:none;transition:all var(--cf-transition)}.cf-btn-primary{background:var(--cf-primary);color:#fff}.cf-btn-primary:hover{background:var(--cf-primary-hover);box-shadow:0 4px 12px rgba(37,99,235,.3);transform:translateY(-1px)}.cf-btn-secondary{background:var(--cf-bg);border:1px solid var(--cf-border);color:var(--cf-text)}.cf-btn-secondary:hover{background:var(--cf-border)}.cf-btn-ghost{background:transparent;color:var(--cf-text-secondary);padding:8px 16px}.cf-btn-ghost:hover{background:var(--cf-bg);color:var(--cf-text)}.cf-btn-sm{border-radius:var(--cf-radius-sm);font-size:13px;padding:8px 16px}.cf-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.cf-card{background:var(--cf-surface);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow);overflow:hidden}.cf-card-body{padding:24px}.cf-input,.cf-select,.cf-textarea{background:var(--cf-surface);border:1.5px solid var(--cf-border);border-radius:var(--cf-radius);color:var(--cf-text);font-family:var(--cf-font);font-size:15px;outline:none;padding:12px 16px;transition:border-color var(--cf-transition),box-shadow var(--cf-transition);width:100%}.cf-input:focus,.cf-select:focus,.cf-textarea:focus{border-color:var(--cf-primary);box-shadow:0 0 0 3px var(--cf-primary-bg)}.cf-textarea{min-height:100px;resize:vertical}.cf-label{color:var(--cf-text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.cf-field{margin-bottom:20px}.cf-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 0}.cf-checkbox input[type=checkbox]{accent-color:var(--cf-primary);cursor:pointer;height:20px;width:20px}.cf-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.02em;padding:4px 12px}.cf-badge-consultation{background:#dbeafe;color:#1e40af}.cf-badge-planning{background:#fef3c7;color:#92400e}.cf-badge-development{background:#ede9fe;color:#6b21a8}.cf-badge-review{background:#fed7aa;color:#c2410c}.cf-badge-live{background:#d1fae5;color:#065f46}@keyframes cf-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-slide-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes cf-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cf-animate-in{animation:cf-fade-in .3s ease forwards}.cf-animate-slide{animation:cf-slide-in .3s ease forwards}.cf-container{margin:0 auto;max-width:1200px;padding:0 24px}.cf-grid{display:grid;gap:20px}.cf-grid-2{grid-template-columns:repeat(2,1fr)}.cf-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.cf-grid-2,.cf-grid-3{grid-template-columns:1fr}}.cf-progress-wrapper{margin-bottom:32px}.cf-progress-step,.cf-progress-wrapper{align-items:center;display:flex;gap:8px}.cf-progress-step{flex:1}.cf-progress-dot{align-items:center;background:var(--cf-surface);border:2px solid var(--cf-border);border-radius:50%;color:var(--cf-text-muted);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all var(--cf-transition);width:36px}.cf-progress-dot.active{background:var(--cf-primary);border-color:var(--cf-primary);color:#fff}.cf-progress-dot.completed{background:var(--cf-success);border-color:var(--cf-success);color:#fff}.cf-progress-line{background:var(--cf-border);flex:1;height:2px;transition:background var(--cf-transition)}.cf-progress-line.active{background:var(--cf-primary)}.cf-progress-label{color:var(--cf-text-muted);display:none;font-size:11px;margin-top:4px;text-align:center}@media (min-width:768px){.cf-progress-label{display:block}}.cf-split{border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow);display:grid;grid-template-columns:1fr 1fr;min-height:600px;overflow:hidden}.cf-split-left{background:var(--cf-surface);overflow-y:auto;padding:40px}.cf-split-right{background:var(--cf-bg);border-left:1px solid var(--cf-border);overflow-y:auto;padding:40px}@media (max-width:768px){.cf-split{grid-template-columns:1fr}.cf-split-right{border-left:none;border-top:1px solid var(--cf-border)}}.cf-tab-toggle{background:var(--cf-bg);border-radius:var(--cf-radius);display:none;margin-bottom:20px;padding:4px}.cf-tab-toggle button{background:transparent;border:none;border-radius:var(--cf-radius-sm);color:var(--cf-text-secondary);cursor:pointer;flex:1;font-family:var(--cf-font);font-size:14px;font-weight:600;padding:10px 20px;transition:all var(--cf-transition)}.cf-tab-toggle button.active{background:var(--cf-surface);box-shadow:var(--cf-shadow-sm);color:var(--cf-text)}@media (max-width:768px){.cf-tab-toggle{display:flex}}.cf-timeline{padding-left:32px;position:relative}.cf-timeline:before{background:var(--cf-border);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.cf-timeline-item{animation:cf-fade-in .3s ease forwards;margin-bottom:24px;position:relative}.cf-timeline-dot{background:var(--cf-surface);border:3px solid var(--cf-border);border-radius:50%;height:14px;left:-24px;position:absolute;top:4px;width:14px}.cf-timeline-dot.completed{background:var(--cf-success);border-color:var(--cf-success)}.cf-timeline-dot.active{background:var(--cf-primary);border-color:var(--cf-primary)}.cf-empty{color:var(--cf-text-muted);padding:60px 40px;text-align:center}.cf-empty svg{height:48px;margin-bottom:16px;opacity:.4;width:48px}.cf-loading{align-items:center;display:flex;justify-content:center;padding:40px}.cf-spinner{animation:cf-spin .8s linear infinite;border:3px solid var(--cf-border);border-radius:50%;border-top-color:var(--cf-primary);height:32px;width:32px}@keyframes cf-spin{to{transform:rotate(1turn)}}.cf-table{border-collapse:separate;border-spacing:0;width:100%}.cf-table th{color:var(--cf-text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.cf-table td,.cf-table th{border-bottom:1px solid var(--cf-border)}.cf-table td{font-size:14px;padding:14px 16px;vertical-align:middle}.cf-table tbody tr{transition:background var(--cf-transition)}.cf-table tbody tr:hover{background:var(--cf-bg)}.cf-login-container{animation:cf-scale-in .4s ease;margin:60px auto;max-width:420px}.cf-login-header{margin-bottom:32px;text-align:center}.cf-login-header img{margin-bottom:16px;max-height:48px}.cf-login-header h1{color:var(--cf-text);font-size:24px;font-weight:700;margin-bottom:8px}.cf-login-header p{color:var(--cf-text-secondary);font-size:15px}.cf-notification-dot{background:var(--cf-danger);border-radius:50%;display:inline-block;height:8px;width:8px}
.clientflow-portal{background:var(--cf-bg);min-height:100vh}.cf-portal-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--cf-surface);border-bottom:1px solid var(--cf-border);padding:16px 0;position:sticky;top:0;z-index:100}