| <<<<<<< HEAD
|
| :root{--bg:#07111f;--bg2:#0d1e31;--panel:rgba(255,255,255,.08);--line:rgba(255,255,255,.15);--text:#f7fbff;--muted:#aab7c8;--gold:#d9b86f;--gold2:#f2d792;--blue:#76a9ff;--green:#53d18b;--shadow:0 28px 90px rgba(0,0,0,.32);--radius:28px}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif;background:radial-gradient(circle at 8% 4%,rgba(118,169,255,.28),transparent 33rem),radial-gradient(circle at 90% 90%,rgba(217,184,111,.2),transparent 30rem),linear-gradient(140deg,var(--bg),var(--bg2));min-height:100vh}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 34px;background:rgba(3,8,16,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-weight:950}.mark{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;color:var(--gold);background:rgba(217,184,111,.16);border:1px solid rgba(217,184,111,.38)}.brand small{display:block;color:var(--muted);font-size:12px}.navlinks{display:flex;gap:16px;color:var(--muted);font-size:14px;font-weight:800}.page{max-width:1380px;margin:0 auto;padding:58px 42px}.hero{min-height:calc(100vh - 83px);display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950;margin:0 0 14px}h1{font-size:clamp(46px,7vw,96px);line-height:.9;letter-spacing:-.07em;margin:0 0 22px}h2{font-size:clamp(30px,4vw,54px);line-height:.98;letter-spacing:-.05em;margin:0 0 14px}h3{font-size:24px;margin:0 0 10px}.lead,p{color:var(--muted);line-height:1.6}.lead{font-size:21px;max-width:780px}.btn,button{border:0;border-radius:16px;padding:14px 18px;font-weight:950;color:#101722;background:linear-gradient(135deg,var(--gold2),#b88d3a);box-shadow:0 16px 42px rgba(217,184,111,.2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.ghost,button.ghost{color:var(--text);background:rgba(255,255,255,.08);border:1px solid var(--line);box-shadow:none}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span,.pill{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:14px}.panel,.card,.choice{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:26px}.choice:hover{border-color:rgba(217,184,111,.58)}.choice.gold,.card.gold{background:linear-gradient(135deg,rgba(217,184,111,.18),rgba(255,255,255,.08))}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.stat{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:20px;padding:18px}.stat b{display:block;font-size:34px;color:var(--text)}.routeLine{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);padding:14px;margin-top:12px}.routeLine i{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(118,169,255,.16);font-style:normal;font-weight:950}.routeLine small{display:block;color:var(--muted)}.tag{font-size:12px;font-weight:950;color:#dffeed;background:rgba(83,209,139,.15);border:1px solid rgba(83,209,139,.28);border-radius:999px;padding:7px 10px}.list{display:grid;gap:10px;padding:0;margin:14px 0 0;list-style:none}.list li{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:16px;padding:12px;color:var(--muted)}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:28px;border-right:1px solid var(--line);background:rgba(3,8,16,.6);position:sticky;top:0;height:100vh}.sideNav{display:grid;gap:10px}.sideNav a,.sideNav button{border:1px solid transparent;color:var(--muted);background:transparent;box-shadow:none;text-align:left;justify-content:flex-start}.sideNav a:hover,.sideNav button:hover,.sideNav .active{background:rgba(255,255,255,.1);color:var(--text)}.content{padding:34px}.summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin:20px 0}.formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.wide{grid-column:1/-1}label{display:grid;gap:7px;color:var(--muted);font-size:14px;font-weight:800}input,select,textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.09);color:var(--text);font-size:15px}option{color:#111827}textarea{min-height:102px}.bankGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bankBox{padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06);display:grid;gap:10px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto}.submitRow{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.notice,.error.show{padding:15px;border-radius:18px;border:1px solid rgba(118,169,255,.24);background:rgba(118,169,255,.1);color:#dbe8ff}.error{display:none}.error.show{display:block;border-color:rgba(255,124,124,.28);background:rgba(255,124,124,.12)}.timeline{display:grid;gap:12px}.timeline div{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);color:var(--muted)}.dot{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:rgba(83,209,139,.16);color:var(--green);border:1px solid rgba(83,209,139,.28);font-weight:950}.footer{padding:30px 42px;text-align:center;color:var(--muted);border-top:1px solid var(--line);background:rgba(3,8,16,.38)}@media(max-width:980px){.hero,.grid2,.app,.summary,.formGrid,.bankGrid{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.navlinks{display:none}.page{padding:34px 20px}h1{font-size:48px}}
|
| =======
|
|
|
| :root{
|
| --bg:#050b15;--bg2:#0a1728;--panel:rgba(255,255,255,.078);--panel2:rgba(255,255,255,.12);
|
| --line:rgba(255,255,255,.14);--text:#f7fbff;--muted:#a9b7c9;--gold:#d9b86f;--gold2:#f7dd9b;
|
| --blue:#76a9ff;--cyan:#78f0ff;--green:#55d68f;--warn:#f7b955;--bad:#ff7c7c;
|
| --shadow:0 28px 90px rgba(0,0,0,.36);--radius:28px;
|
| }
|
| *{box-sizing:border-box} html{scroll-behavior:smooth}
|
| body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 4%,rgba(118,169,255,.25),transparent 34rem),radial-gradient(circle at 86% 9%,rgba(120,240,255,.12),transparent 26rem),radial-gradient(circle at 90% 90%,rgba(217,184,111,.22),transparent 32rem),linear-gradient(140deg,var(--bg),var(--bg2));min-height:100vh}
|
| a{color:inherit;text-decoration:none} b,strong{color:var(--text)}
|
| .shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 30px;background:rgba(3,8,16,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
|
| .brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.03em}.mark{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;color:var(--gold);background:rgba(217,184,111,.16);border:1px solid rgba(217,184,111,.38);font-weight:950}.brand small{display:block;color:var(--muted);font-weight:800;letter-spacing:0}.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.navlinks a,.navlinks button{font-size:13px;color:var(--muted);font-weight:850;padding:9px 11px;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer}.navlinks a:hover,.navlinks a.active,.navlinks button:hover{border-color:var(--line);background:rgba(255,255,255,.06);color:var(--text)}
|
| .page{max-width:1460px;margin:0 auto;padding:54px 34px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.03fr .97fr;gap:34px;align-items:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,7.3vw,104px);line-height:.88;letter-spacing:-.075em;margin:0 0 24px}h2{font-size:clamp(34px,4.2vw,60px);line-height:.96;letter-spacing:-.055em;margin-bottom:14px}h3{font-size:25px;margin-bottom:10px;letter-spacing:-.025em}.lead{max-width:800px;color:var(--muted);font-size:21px;line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.btn,button.btn{border:0;border-radius:16px;padding:14px 18px;font-weight:950;color:#101722;background:linear-gradient(135deg,var(--gold2),#b88d3a);box-shadow:0 16px 42px rgba(217,184,111,.2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.ghost,button.ghost{color:var(--text);background:rgba(255,255,255,.085);border:1px solid var(--line);box-shadow:none}.chips{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:14px}.chips span{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 12px}.panel,.card,.choice,.stat,.mini,.phone{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.panel{padding:28px}.panel p,.card p,.choice p,.mini p{color:var(--muted);line-height:1.55}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.choice{padding:24px}.choice{transition:.18s ease;min-height:260px;display:flex;flex-direction:column}.choice:hover{transform:translateY(-3px);border-color:rgba(217,184,111,.5);background:rgba(255,255,255,.1)}.choice .push{margin-top:auto}.gold{background:linear-gradient(135deg,rgba(217,184,111,.18),rgba(255,255,255,.07))}.list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.list li{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:16px;padding:12px;color:var(--muted)}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.stat{box-shadow:none;border-radius:20px;padding:18px;color:var(--muted)}.stat b{display:block;color:var(--text);font-size:34px}.routeLine{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:20px;padding:14px;margin-top:10px}.routeLine i{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(118,169,255,.16);font-style:normal;font-weight:950}.routeLine small{display:block;color:var(--muted)}.tag{font-size:12px;font-weight:950;color:#dffeed;background:rgba(83,209,139,.15);border:1px solid rgba(83,209,139,.28);border-radius:999px;padding:7px 10px}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.sectionHead p{max-width:560px;color:var(--muted);line-height:1.55}
|
|
|
| .app{display:grid;grid-template-columns:292px 1fr;min-height:calc(100vh - 78px)}.sidebar{padding:28px;border-right:1px solid var(--line);background:rgba(3,8,16,.56);position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto}.sideTitle{display:flex;gap:12px;align-items:center;margin-bottom:26px}.sideNav{display:grid;gap:10px}.sideNav button{display:flex;gap:12px;color:var(--muted);padding:14px;border-radius:16px;text-decoration:none;cursor:pointer;background:transparent;border:1px solid transparent;text-align:left;font-weight:850}.sideNav button.active,.sideNav button:hover{background:rgba(255,255,255,.1);border-color:var(--line);color:var(--text)}.content{padding:34px;max-width:1220px}.topline,.panelHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.topline h1{font-size:44px;margin:0}.summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin:20px 0}.summary .card{padding:24px}.summary strong{display:block;font-size:30px}.formPanel{margin-top:18px}.formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.formGrid.two{grid-template-columns:repeat(2,1fr)}.wide{grid-column:1/-1}.formGrid label,.formPanel label{display:grid;gap:7px;color:var(--muted);font-weight:850;font-size:14px}input,select,textarea{width:100%;background:rgba(255,255,255,.09);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:14px 15px;font-size:15px}option{color:#111827}textarea{min-height:108px;resize:vertical}.pill{color:#111827;background:var(--gold);border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px}.pill.blue{background:rgba(118,169,255,.18);color:#dfeaff;border:1px solid rgba(118,169,255,.28)}.pill.green{background:rgba(83,209,139,.15);color:#dffeed;border:1px solid rgba(83,209,139,.28)}.bankGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.bankBox{padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06);display:grid;gap:10px}.check{display:flex!important;gap:10px!important;align-items:flex-start}.check input{width:auto;margin-top:3px}.notice{padding:16px;border-radius:20px;background:rgba(118,169,255,.1);border:1px solid rgba(118,169,255,.24);color:#dbe8ff}.submitRow{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}.errorBox{display:none;margin-top:14px;padding:14px;border:1px solid rgba(255,124,124,.35);border-radius:18px;background:rgba(255,124,124,.1);color:#ffdede}.errorBox.show{display:block}
|
|
|
| .dashboardGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.dashboardHero{min-height:270px;background:linear-gradient(135deg,rgba(217,184,111,.22),rgba(118,169,255,.12)),rgba(255,255,255,.08);overflow:hidden;position:relative}.dashboardHero:after{content:"";position:absolute;right:-120px;top:-110px;width:320px;height:320px;border-radius:50%;border:38px solid rgba(255,255,255,.08)}.hero-content{position:relative;z-index:2}.status-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.1);border:1px solid var(--line);font-size:13px;font-weight:850;color:#eef5ff}.progress-wrap{margin-top:26px}.progress-top{display:flex;justify-content:space-between;font-weight:900;margin-bottom:9px}.bar{height:14px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden}.fill{height:100%;width:84%;background:linear-gradient(90deg,var(--gold2),var(--cyan));border-radius:999px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hero-stat{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:16px;padding:13px}.hero-stat b{display:block;font-size:20px}.hero-stat span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.task{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.055);margin-bottom:10px}.dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex:0 0 auto}.dot.ok{background:var(--green)}.dot.warn{background:var(--warn)}.dot.info{background:var(--blue)}.task b{display:block;margin-bottom:2px}.task p{margin:0;color:var(--muted);font-size:13px;line-height:1.42}.right{margin-left:auto;font-size:12px;font-weight:900;padding:5px 9px;border-radius:999px;white-space:nowrap}.right.ok{background:rgba(83,209,139,.15);color:#dffeed}.right.warn{background:rgba(247,185,85,.13);color:#ffe2ab}.right.info{background:rgba(118,169,255,.15);color:#dfeaff}.bankStatus{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bank{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);padding:14px;display:flex;flex-direction:column;gap:10px}.bank-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.bank-name{font-weight:950}.bank-meta{font-size:12px;color:var(--muted)}.mini-status{font-size:12px;font-weight:900;border-radius:999px;padding:5px 8px}.s-sent{background:rgba(118,169,255,.15);color:#dfeaff}.s-wait{background:rgba(247,185,85,.13);color:#ffe2ab}.s-ok{background:rgba(83,209,139,.15);color:#dffeed}.s-no{background:rgba(255,124,124,.10);color:#ffdede}.doc-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.doc-row:last-child{border-bottom:none}.doc-name{font-weight:900}.doc-detail{font-size:12px;color:var(--muted);margin-top:2px}.chat{display:flex;flex-direction:column;gap:10px}.msg{padding:13px 14px;border-radius:16px;max-width:88%;font-size:14px;line-height:1.42}.msg.manager{background:rgba(118,169,255,.14);align-self:flex-start}.msg.client{background:rgba(217,184,111,.13);align-self:flex-end}.ai-box{border:1px dashed rgba(217,184,111,.45);background:rgba(217,184,111,.08);border-radius:18px;padding:16px}.ai-box b{display:block;margin-bottom:8px;color:var(--gold2)}.ai-box ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.55}.bottom-nav{display:none;position:sticky;bottom:10px;margin-top:18px;background:rgba(3,8,16,.92);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:8px;gap:6px;backdrop-filter:blur(12px)}.bottom-nav button{border:0;background:transparent;border-radius:15px;padding:10px 8px;font-weight:900;color:var(--muted);flex:1}.bottom-nav button.active{background:rgba(217,184,111,.13);color:var(--gold2)}
|
| .footer{max-width:1460px;margin:0 auto;padding:24px 34px 46px;color:var(--muted);font-size:13px}.hidden{display:none!important}
|
| @media(max-width:1060px){.hero,.grid2,.dashboardGrid{grid-template-columns:1fr}.summary{grid-template-columns:1fr}.bankGrid,.bankStatus{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}.app{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--line)}}
|
| @media(max-width:680px){.topbar{padding:14px 18px}.page,.content{padding:34px 20px}.grid3,.grid4,.formGrid,.formGrid.two,.bankGrid,.bankStatus,.hero-stats,.statgrid{grid-template-columns:1fr}h1{font-size:48px}.lead{font-size:18px}.dashboardHero{min-height:auto}.bottom-nav{display:flex}.panel,.card{border-radius:22px;padding:19px}}
|
| >>>>>>> a001834 (Finish AI Money Flow client portal flow)
|
|
|
