@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--green:#0b7a53;--green2:#31a34a;--blue:#0e82d8;--orange:#ff9f1c;--ink:#10231d;--muted:#6c7f78;--line:#e6ece9;--bg:#f3f7f5;--white:#fff;--danger:#d9383e;--shadow:0 18px 50px rgba(13,61,45,.09);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit}img{max-width:100%}.public-body{background:linear-gradient(180deg,#f7fbf9 0,#eef6f3 100%);min-height:100vh}.public-nav{max-width:1240px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Plus Jakarta Sans';font-weight:800}.brand img{width:50px;height:50px;object-fit:contain;border-radius:14px}.brand-word span{display:block;font-size:19px;line-height:1}.brand-word small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:4px}.public-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.public-links a{padding:9px 12px;text-decoration:none;border-radius:12px;font-weight:700;font-size:14px}.public-links a:hover{background:#fff}.shell{max-width:1240px;margin:0 auto;padding:24px 22px 50px}.hero{position:relative;overflow:hidden;border-radius:32px;padding:55px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.22),transparent 30%),linear-gradient(135deg,#075d43,#0b7a53 52%,#0e82d8);color:#fff;box-shadow:0 24px 70px rgba(6,94,67,.22)}.hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-70px;bottom:-170px;border:45px solid rgba(255,255,255,.1)}.hero h1{font-family:'Plus Jakarta Sans';font-size:clamp(38px,5vw,68px);line-height:1.05;margin:10px 0 16px;letter-spacing:-.04em}.hero p{font-size:18px;max-width:670px;color:rgba(255,255,255,.88)}.hero-art{display:flex;justify-content:center;position:relative;z-index:1}.hero-logo{width:min(420px,100%);background:#fff;border-radius:30px;padding:18px;box-shadow:0 25px 60px rgba(0,0,0,.16);transform:rotate(1deg)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero .eyebrow{background:rgba(255,255,255,.14);padding:8px 11px;border-radius:999px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{appearance:none;border:0;border-radius:14px;padding:11px 16px;font:700 14px 'DM Sans';cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;background:#eaf1ee;color:var(--ink)}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-primary{background:linear-gradient(135deg,var(--green),#13956a);color:#fff;box-shadow:0 10px 24px rgba(11,122,83,.22)}.btn-blue{background:var(--blue);color:#fff}.btn-orange{background:var(--orange);color:#3a2500}.btn-danger{background:var(--danger);color:#fff}.btn-soft{background:#edf6f2;color:var(--green)}.btn-white{background:#fff;color:var(--green)}.btn-outline-white{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}.btn-block{width:100%}.btn-sm{padding:8px 11px;font-size:12px;border-radius:10px}.section{margin-top:30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.section-head h2,.page-title h1{font-family:'Plus Jakarta Sans';letter-spacing:-.03em;margin:0}.section-head p,.page-title p{margin:5px 0 0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;padding:24px;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 35px rgba(25,70,56,.05);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-40px;top:-45px;background:var(--soft,#e7f5ee)}.service-icon{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;font-size:27px;background:#e9f7f1}.service-card h3{font-family:'Plus Jakarta Sans';margin:14px 0 5px}.service-card p{color:var(--muted);margin:0 0 17px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.trust-item b{display:block}.trust-item span{font-size:13px;color:var(--muted)}.public-footer{text-align:center;padding:22px;color:var(--muted);font-size:13px}.app-layout{min-height:100vh;display:grid;grid-template-columns:265px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#0d211b;color:#fff;padding:20px 15px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:9px;padding:2px 8px 18px;border-bottom:1px solid rgba(255,255,255,.09);text-decoration:none}.sidebar-brand img{width:48px;height:48px;background:#fff;border-radius:14px;padding:3px}.sidebar-brand strong{font-family:'Plus Jakarta Sans';font-size:18px}.sidebar-brand small{display:block;font-size:10px;color:#9cb8ad;letter-spacing:.08em}.side-nav{padding-top:15px;display:flex;flex-direction:column;gap:5px;overflow:auto}.side-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#bdd0c9;border-radius:13px;padding:10px 12px;font-weight:700;font-size:14px}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(41,168,111,.22),rgba(31,130,214,.10));color:#fff}.side-nav .ico{width:25px;text-align:center;font-size:16px}.side-sep{font-size:10px;color:#718a81;text-transform:uppercase;letter-spacing:.13em;margin:16px 10px 5px}.sidebar-bottom{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}.user-mini{display:flex;align-items:center;gap:10px;padding:5px 8px 12px}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#27a96d,#1581c5);font-weight:800}.user-mini b{display:block;font-size:13px}.user-mini small{display:block;color:#8fa9a0;font-size:11px}.main{min-width:0}.topbar{height:74px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.topbar h2{font:800 17px 'Plus Jakarta Sans';margin:0}.topbar .date{color:var(--muted);font-size:13px}.mobile-menu{display:none}.content{padding:26px 28px 48px;max-width:1500px;margin:auto}.page-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 28px rgba(16,55,43,.045)}.kpi-top{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.kpi-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf7f3;font-size:18px}.kpi-value{font:800 28px 'Plus Jakarta Sans';margin-top:8px}.kpi small{color:var(--muted)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 10px 32px rgba(16,55,43,.045)}.card h3{font:800 17px 'Plus Jakarta Sans';margin:0 0 12px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card-head h3{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.form-group{margin-bottom:14px}label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.form-control,input,select,textarea{width:100%;border:1px solid #cfdad6;background:#fff;border-radius:13px;padding:11px 12px;font:500 14px 'DM Sans';color:var(--ink);outline:none;transition:.15s}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#55aa89;box-shadow:0 0 0 4px rgba(40,160,111,.10)}textarea{min-height:92px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:span 2}.input-help{font-size:11px;color:var(--muted);margin-top:5px}.alert{padding:12px 14px;border-radius:13px;margin-bottom:15px;font-weight:600;font-size:13px}.alert-success{background:#dff6e8;color:#12663c;border:1px solid #b8e9ca}.alert-error{background:#ffe5e6;color:#9e2027;border:1px solid #ffc7ca}.alert-warning{background:#fff3d5;color:#845900;border:1px solid #ffe0a0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px}.table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}.table th,.table td{padding:12px 13px;border-bottom:1px solid #edf1ef;text-align:left;vertical-align:top;font-size:13px}.table th{background:#f8faf9;color:#70817a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.badge-success{background:#ddf7e8;color:#14623b}.badge-warning{background:#fff1ca;color:#7c5804}.badge-danger{background:#ffe0e2;color:#9c252b}.badge-info{background:#def2ff;color:#12618f}.badge-primary{background:#e6e9ff;color:#414bb0}.badge-secondary{background:#e9eeec;color:#52635d}.actions{display:flex;gap:7px;flex-wrap:wrap}.map-shell{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#e7efeb}.map{height:380px;z-index:1}.map-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:10px;background:#fff;border-bottom:1px solid var(--line)}.map-toolbar .mode-btn.active{background:var(--green);color:#fff}.location-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:12px}.loc-box{border:1px dashed #b8c9c2;border-radius:15px;padding:11px}.loc-box b{display:block;font-size:12px}.loc-box span{font-size:11px;color:var(--muted)}.route-arrow{color:var(--green);font-size:20px}.price-box{background:linear-gradient(135deg,#f1faf6,#eef8ff);border:1px solid #dcebe5;border-radius:18px;padding:16px}.price-box .amount{font:800 26px 'Plus Jakarta Sans';color:var(--green)}.payment-card{border:1px solid #cfe4da;background:#f5fbf8;border-radius:18px;padding:16px}.proof-img{max-width:360px;max-height:440px;border:1px solid var(--line);border-radius:16px;display:block;background:#fff}.order-code{font:800 18px 'Plus Jakarta Sans';letter-spacing:.02em}.timeline{display:flex;gap:5px;flex-wrap:wrap}.timeline span{font-size:10px;padding:5px 7px;border-radius:999px;background:#edf2ef;color:#65776f}.timeline span.done{background:#ddf7e8;color:#14623b}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.food-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.food-card h4{margin:0 0 4px;font-family:'Plus Jakarta Sans'}.food-card .price{color:var(--green);font-weight:800;font-size:18px}.merchant-card{display:flex;justify-content:space-between;gap:15px;align-items:center}.merchant-avatar{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#dff7e9,#dfefff);font-size:25px}.empty{text-align:center;padding:35px 20px;color:var(--muted)}.empty .big{font-size:38px}.hr{height:1px;background:var(--line);margin:18px 0}.setup-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 0,#d9f3e7,transparent 35%),linear-gradient(135deg,#f3f8f5,#e9f2ef);padding:28px}.setup-shell{width:min(760px,100%)}.setup-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.setup-logo{width:140px;display:block;margin-bottom:12px}.setup-card h1{font:800 30px 'Plus Jakarta Sans';margin:4px 0}.setup-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.login-body{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-visual{padding:55px;background:linear-gradient(145deg,#075d43,#0b7a53 50%,#0e82d8);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-visual img{width:260px;background:#fff;border-radius:30px;padding:12px;margin-bottom:22px}.login-visual h1{font:800 42px 'Plus Jakarta Sans';margin:0}.login-form-wrap{display:grid;place-items:center;padding:28px}.login-card{width:min(430px,100%)}.login-card h2{font:800 30px 'Plus Jakarta Sans';margin:0}.login-card p{color:var(--muted)}.permission-list{display:grid;gap:8px}.permission-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:11px;border-radius:14px}.permission-item input{width:auto}.notice{padding:13px;border-radius:14px;background:#eef8ff;border:1px solid #d6ebf8;color:#255e7b;font-size:12px}.floating-track{position:fixed;right:18px;bottom:18px;background:#0d211b;color:#fff;border-radius:16px;padding:11px 14px;text-decoration:none;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.18);z-index:30}.public-form-shell{max-width:1080px;margin:auto}.public-form-head{margin:8px 0 18px}.public-form-head h1{font:800 34px 'Plus Jakarta Sans';margin:0}.summary-list{display:grid;gap:8px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #dae4e0}.summary-row:last-child{border:0}.summary-row span{color:var(--muted)}.commission-highlight{background:linear-gradient(135deg,#0c7350,#1182b8);color:#fff;border-radius:20px;padding:18px}.commission-highlight small{color:rgba(255,255,255,.75)}.commission-highlight .big{font:800 30px 'Plus Jakarta Sans'}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.food-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:40px}.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:920px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;z-index:100;width:265px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 18px}.content{padding:20px 16px 40px}.grid-2,.grid-3{grid-template-columns:1fr}.login-body{grid-template-columns:1fr}.login-visual{display:none}.hero{grid-template-columns:1fr}.hero-art{display:none}.trust-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.public-links a:not(.keep){display:none}.shell{padding:14px 14px 38px}.public-nav{padding:12px 14px}.hero{padding:28px 22px;border-radius:24px}.service-grid,.food-grid,.kpi-grid,.trust-strip{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.page-title{align-items:flex-start;flex-direction:column}.map{height:330px}.location-summary{grid-template-columns:1fr}.route-arrow{text-align:center;transform:rotate(90deg)}.topbar .date{display:none}.setup-card{padding:20px}.public-form-head h1{font-size:28px}}