.app{min-height:100vh;background:#f0f4f8;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:12px}.header-icon{font-size:24px;color:#0075c9}.header-title{font-size:16px;font-weight:600;color:#1a1a2e}.header-sub{font-size:11px;color:#94a3b8}.header-right{display:flex;gap:8px}.conn-badge{font-size:11px;padding:3px 10px;border-radius:99px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.conn-loading{background:#f1f5f9;color:#64748b}.conn-ok{background:#eaf3de;color:#27500a}.conn-err{background:#fcebeb;color:#a32d2d}.main{padding:24px 28px;max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:14px 18px}.stat-label{font-size:11px;color:#94a3b8;margin-bottom:4px}.stat-value{font-size:22px;font-weight:600;color:#1a1a2e}.tab-bar{display:flex;gap:2px;background:#e2e8f0;border-radius:10px;padding:3px;width:fit-content}.tab{padding:6px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#64748b;transition:all .15s}.tab.active{background:#fff;color:#1a1a2e;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.card-title{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px}textarea{width:100%;height:120px;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:13px;font-family:monospace;color:#1a1a2e;background:#f8fafc;resize:vertical;outline:none;line-height:1.6;transition:border-color .15s}textarea:focus{border-color:#0075c9}.hint{font-size:12px;color:#94a3b8;line-height:1.6}.alert{padding:10px 14px;border-radius:10px;font-size:12px;line-height:1.7;white-space:pre-wrap}.alert-err{background:#fcebeb;border:1px solid #F09595;color:#a32d2d}.alert-ok{background:#eaf3de;border:1px solid #97C459;color:#27500a}.btn-row{display:flex;gap:8px}.btn-primary{padding:0 18px;height:38px;border-radius:10px;background:#0075c9;color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:default}.btn-sec{padding:0 14px;height:38px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#1a1a2e;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.btn-sec:hover{background:#f8fafc}.manual-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;color:#94a3b8;font-weight:500}input[type=number],select{height:38px;border:1px solid #e2e8f0;border-radius:10px;padding:0 10px;font-size:13px;color:#1a1a2e;background:#fff;outline:none;width:100%;transition:border-color .15s}input:focus,select:focus{border-color:#0075c9}.table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:#f8fafc}th{padding:10px 14px;text-align:left;font-weight:500;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e2e8f0;white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid #f1f5f9;color:#1a1a2e}tr:last-child td{border-bottom:none}.data-row:hover td{background:#f8fafc}.subtotal-row td{background:#f8fafc;font-weight:500;font-size:12px}.total-row td{background:#f0f4f8;font-weight:600;border-top:1px solid #e2e8f0}.muted{color:#94a3b8;font-size:11px}.del-btn{background:none;border:none;cursor:pointer;color:#cbd5e1;font-size:15px;padding:2px 4px;border-radius:6px;transition:color .15s}.del-btn:hover{color:#ef4444}.empty{text-align:center;padding:3rem;color:#94a3b8;font-size:13px}.spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:-2px}.spinner.lg{width:24px;height:24px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 700px){.main{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.manual-grid{grid-template-columns:1fr 1fr}.header{padding:12px 16px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:16px;width:440px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-title{font-size:15px;font-weight:600;color:#1a1a2e}.modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:18px;padding:2px}.modal-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.add-client-row{display:flex;gap:10px;align-items:center}.client-list{display:flex;flex-direction:column;gap:4px}.client-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;border:1px solid #e2e8f0;font-size:13px;color:#1a1a2e;background:#f8fafc}.client-item:hover{background:#f1f5f9}.stage-1 td{border-left:3px solid #fca5a5}.stage-2 td{border-left:3px solid #fde68a}.stage-3 td{border-left:3px solid #86efac}.checkbox-label{display:flex;align-items:center;justify-content:center;cursor:pointer}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border-radius:5px;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.checkbox-custom.checked{background:#0075c9;border-color:#0075c9}.checkbox-custom.checked:after{content:"";width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px);display:block}*{box-sizing:border-box;margin:0;padding:0}.cf-wrap{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e8f0fe);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cf-card{background:#fff;border-radius:20px;padding:28px 24px;width:100%;max-width:420px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:20px}.cf-icon{font-size:48px;text-align:center}.cf-header{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.cf-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#0075c9,#005a9e);color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cf-name{font-size:18px;font-weight:700;color:#1a1a2e}.cf-date-label{font-size:13px;color:#64748b;margin-top:2px}.cf-title{font-size:22px;font-weight:700;color:#1a1a2e;text-align:center}.cf-sub{font-size:14px;color:#64748b;text-align:center;line-height:1.6}.cf-stages{display:flex;flex-direction:column;gap:14px}.cf-stage-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}.cf-stage-header{display:flex;align-items:center;justify-content:space-between}.cf-stage-num{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.cf-remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px}.cf-remove:hover{color:#ef4444;background:#fee2e2}.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-field{display:flex;flex-direction:column;gap:8px}.cf-field label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.cf-btn-group{display:flex;gap:6px}.cf-stage-btn{flex:1;height:40px;border-radius:10px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.cf-stage-btn.active{border-color:#0075c9;background:#0075c9;color:#fff}.cf-stage-btn.disabled{opacity:.3;cursor:not-allowed}.cf-domain-btn{flex:1;height:36px;border-radius:10px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap;padding:0 4px}.cf-domain-btn.active{border-color:#0075c9;background:#ebf5ff;color:#0075c9}.cf-num-row{display:flex;align-items:center;gap:8px}.cf-num-btn{width:36px;height:36px;border-radius:10px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;flex-shrink:0}.cf-num-btn:hover{border-color:#0075c9;color:#0075c9}.cf-num-input{width:56px;height:36px;text-align:center;border-radius:10px;border:2px solid #0075C9;font-size:16px;font-weight:700;color:#1a1a2e;outline:none;font-family:inherit}.cf-add-stage{padding:12px;border-radius:12px;border:2px dashed #cbd5e1;background:transparent;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.cf-add-stage:hover{border-color:#0075c9;color:#0075c9}.cf-textarea{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-size:13px;font-family:inherit;color:#1a1a2e;background:#f8fafc;resize:none;outline:none}.cf-textarea:focus{border-color:#0075c9}.cf-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;padding:10px 14px;font-size:13px;color:#dc2626}.cf-submit{width:100%;height:50px;border-radius:14px;border:none;background:linear-gradient(135deg,#0075c9,#005a9e);color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s;box-shadow:0 4px 14px #0075c94d}.cf-submit:hover{opacity:.9}.cf-submit:disabled{opacity:.5;cursor:default}.cf-btn-sec{width:100%;height:44px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#1a1a2e;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.cf-btn-sec:hover{background:#f8fafc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8f9fa;color:#1a1a2e}input,select,textarea,button{font-family:inherit}input[type=number]::-webkit-inner-spin-button{opacity:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}