@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--primary:#ff6b8a;--primary-hover:#ff4d70;--primary-light:#ff8fab;--secondary:#6ee9e4;--accent:#6ee9e4;--success:#10b981;--success-light:#064e3b;--success-text:#6ee7b7;--bg-dark:#080910;--bg-app:#0a0b18;--bg-section:#0e0f20;--bg-panel:#13142aeb;--bg-solid:#13142a;--bg-card:#1a1b30;--text-main:#e8eaff;--text-muted:#7a82a8;--border:#ff6b8a1f;--border-subtle:#1e2040;--border-focus:#6ee9e4;--border-hover:#6ee9e466;--radius-sm:8px;--radius:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 20px 60px #0009;--shadow-glow:0 0 24px #ff6b8a59;--shadow-glow-cyan:0 0 20px #6ee9e44d;--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 20% 0,#ff6b8a14 0,#0000 50%),radial-gradient(at 80% 0,#6ee9e40f 0,#0000 50%),radial-gradient(at 50% 100%,#13142af2 0,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Outfit,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-nav{-webkit-backdrop-filter:blur(16px);z-index:20;background:#0d0e20d9;border-bottom:1px solid #ff6b8a26;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 32px;display:flex}.nav-btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:1px solid #0000;align-items:center;gap:10px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;display:flex}.nav-btn-inactive{color:var(--text-muted);border:1px solid var(--border-subtle);background:#1e204099}.nav-btn-inactive:hover{color:var(--primary-light);background:#ff6b8a14;border-color:#ff6b8a4d;transform:translateY(-2px)}.nav-btn-active{background:linear-gradient(135deg,var(--primary),#c94b6e);color:#fff;border:1px solid #ffffff1a;box-shadow:0 8px 20px #ff6b8a59}.nav-btn-active:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff6b8a73}.layout-grid{grid-template-columns:45% 55%;height:calc(100vh - 80px);display:grid}.form-panel{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0d0e20cc;border-right:1px solid #ff6b8a1f;flex-direction:column;height:100%;display:flex}.form-header{background:0 0;border-bottom:1px solid #ff6b8a1f;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.form-header h1{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.form-content{flex:1;padding:40px;overflow-y:auto}.form-content::-webkit-scrollbar{width:6px}.form-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.section-block{background:var(--bg-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid #ff6b8a1a;margin-bottom:40px;padding:32px}.section-block:hover{box-shadow:var(--shadow-lg),0 0 0 1px #ff6b8a26;border-color:#ff6b8a33;transform:translateY(-2px)}.section-title{color:var(--text-main);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;font-size:1.25rem;font-weight:700;display:flex;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;width:40px;height:3px;position:absolute;bottom:0;left:0}.input-group{flex-direction:column;margin-bottom:20px;display:flex}.input-row{gap:20px;margin-bottom:20px;display:flex}.input-row .input-group{flex:1;margin-bottom:0}label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:8px;font-size:.875rem;font-weight:600}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=date],select,textarea{border:2px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);background-color:#0a0b1899;padding:14px 16px;font-family:Inter,sans-serif;font-size:.95rem}input:hover,select:hover,textarea:hover{background-color:#0a0b18e6;border-color:#ff6b8a40}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background-color:#0a0b18f2;outline:none;box-shadow:0 0 0 4px #6ee9e41f}textarea{resize:vertical;min-height:100px;line-height:1.5}.radio-group{gap:16px;margin-bottom:24px;display:flex}.radio-card{cursor:pointer;flex:1}.radio-card input[type=radio]{display:none}.radio-content{border:2px solid var(--border-subtle);border-radius:var(--radius);transition:var(--transition);text-align:center;color:var(--text-muted);background:#0a0b1880;flex-direction:column;justify-content:center;align-items:center;padding:16px;font-size:1rem;font-weight:600;display:flex}.radio-card:hover .radio-content{border-color:#ff6b8a4d;transform:translateY(-2px)}.radio-card input[type=radio]:checked+.radio-content{border-color:var(--primary);color:var(--primary-light);box-shadow:var(--shadow-glow);background:#ff6b8a14}.milestone-row{border:1px solid var(--border-subtle);border-radius:var(--radius);transition:var(--transition);background:#0a0b1880;margin-bottom:16px;padding:24px}.milestone-row:hover{box-shadow:var(--shadow-sm);border-color:#ff6b8a4d}.milestone-row-header{color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.milestone-row-header:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--primary),#c94b6e);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #ff6b8a59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b8a80}.btn-primary:active{transform:translateY(0)}.btn-link{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn-link:hover{color:var(--primary);transform:translate(-2px)}.preview-panel{background:#08091499;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.preview-header{background:#0d0e20e6;border-bottom:1px solid #ff6b8a1f;gap:24px;padding:16px 32px;display:flex}.tab-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 4px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.preview-content{flex:1;justify-content:center;align-items:flex-start;padding:40px;display:flex;overflow-y:auto}.paper{background:var(--bg-solid);border-radius:var(--radius-lg);width:100%;max-width:800px;box-shadow:var(--shadow-lg);border:1px solid #ff6b8a1a;flex-direction:column;display:flex;overflow:hidden}.paper-actions{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.hidden{display:none!important}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.payment-card{background:var(--bg-solid);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);padding:40px}.payment-card:hover{box-shadow:var(--shadow-md)}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.pending{color:var(--text-muted);border:1px solid var(--border-subtle);background:#1e2040cc}.status-badge.paid{color:var(--success-text);background:#10b98126;border:1px solid #10b9814d}.btn-success{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#10b981;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-success:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0b1880}::-webkit-scrollbar-thumb{background:#ff6b8a4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff6b8a99}.payment-card{background:var(--bg-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #ff6b8a1a;padding:40px}.payment-card:hover{box-shadow:var(--shadow-md);border-color:#ff6b8a33}.payment-row{border-bottom:1px solid var(--border-subtle);transition:var(--transition);background:0 0;justify-content:space-between;align-items:center;padding:32px;display:flex}.payment-row:last-child{border-bottom:none}.payment-row:hover{background:#ff6b8a0a}.payment-row.paid{background:#10b9810d}@media (max-width:768px){.app-container{height:auto;min-height:100vh;overflow:auto}.top-nav{flex-wrap:wrap;gap:8px;padding:12px 16px}.nav-btn{border-radius:var(--radius-sm);gap:6px;padding:8px 14px;font-size:.8rem}.nav-btn i{display:none}.btn-link{margin-right:4px!important;font-size:16px!important}.layout-grid{min-height:calc(100vh - 70px);grid-template-columns:1fr!important;height:auto!important}.form-panel{border-right:none;height:auto;max-width:100%!important}.form-header,.form-content{padding:16px}.section-block{border-radius:var(--radius);margin-bottom:20px;padding:20px}.section-block:hover{transform:none}.section-title{margin-bottom:16px;font-size:1.1rem}.input-row{flex-direction:column;gap:0}.input-row .input-group{margin-bottom:16px}.radio-group{flex-direction:column;gap:10px}.radio-content{padding:12px;font-size:.9rem}.milestone-row{padding:16px}.milestone-row-header{flex-wrap:wrap;gap:8px}.preview-panel{height:auto;min-height:50vh}.preview-header{gap:12px;padding:12px 16px}.preview-content{padding:16px}.paper{border-radius:var(--radius)}.paper-actions{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.paper-actions>*{text-align:center}.tab-btn{padding:8px 2px;font-size:.9rem}.payment-card{padding:20px}.payment-row{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.payment-row>div:last-child{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.payment-row>div:last-child>div{text-align:left!important}.payment-row .btn-success{justify-content:center;width:100%}.status-badge{padding:4px 10px;font-size:.7rem}.btn-primary,.btn-success{padding:10px 16px;font-size:.85rem}.btn-primary:hover,.btn-success:hover,.nav-btn-inactive:hover,.section-block:hover,.radio-card:hover .radio-content{transform:none}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=date],select,textarea{padding:12px 14px;font-size:16px}label{font-size:.8rem}}.dashboard-header{height:72px;padding:0 40px}.dashboard-body{max-width:1320px;margin:0 auto;padding:36px 40px 80px}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;display:grid}.dashboard-project-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}@media (max-width:768px){.dashboard-header{height:60px;padding:0 16px}.dashboard-body{padding:20px 16px 60px}.dashboard-stats{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.dashboard-project-grid{grid-template-columns:1fr;gap:16px}.dashboard-search-row{flex-direction:column;gap:8px}.payments-view{padding:20px 16px!important}.payments-view h1{font-size:1.5rem!important}}@media print{@page{margin:0;size:auto}body{background:0 0!important;height:auto!important;overflow:visible!important}.app-container{height:auto!important;overflow:visible!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-hidden{display:none!important}.print-container{background:0 0!important;margin:0!important;padding:0!important;overflow:visible!important}.print-page{page-break-inside:avoid;width:100%!important;min-width:0!important;max-width:none!important;box-shadow:none!important;border:none!important;margin:0!important}}