:root{--bg:#f4f7fa;--ink:#142b3d;--muted:#697f8d;--line:#dce5ea;--accent:#087a78;--deep:#0c283c;--white:#fff;--soft:#eaf4f3;--warn:#8f5f0d;--error:#a53340;--shadow:0 16px 40px rgba(16,47,66,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#087779;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,3.3vw,37px);line-height:1.2;letter-spacing:-.04em;font-weight:780}h2{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin-bottom:16px}h3{font-size:16px;margin:22px 0 12px}p{color:var(--muted)}small{font-size:12px;color:var(--muted)}.eyebrow{font-weight:800;letter-spacing:.15em;color:#087a78;font-size:11px;margin-bottom:13px}.brand-icon{display:inline-grid;place-items:center;color:#f9f9f9;font-size:18px;background:#057b77;border-radius:13px;width:36px;height:36px;box-shadow:inset 0 -5px 12px #043a3a1e}.btn{border:1px solid transparent;border-radius:11px;padding:11px 17px;display:inline-flex;align-items:center;gap:10px;justify-content:center;white-space:nowrap;transition:.2s;font-size:13px;font-weight:750;text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 5px 13px rgba(8,122,120,.17)}.btn-primary:hover{background:#096666;color:#fff}.btn-line{background:#fff;color:var(--ink);border-color:var(--line)}.btn-line:hover{background:#eaf1f4}.btn-white{background:#fff;color:var(--deep)}.btn-sm{padding:6px 11px;font-size:12px;border-radius:8px}.full{width:100%;margin-top:16px}.panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.section-block{margin-top:22px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head p{margin-top:9px}.page-head h1{font-size:29px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;margin-bottom:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:10px}.field>span{font-weight:650;font-size:12px;color:#455e6e}.field em{color:#c14a48;font-style:normal}.field input,.field select,.field textarea,.searchbar input,.items-table input,.items-table select{background:#fff;border:1px solid #d5e0e6;outline:none;border-radius:10px;min-height:43px;padding:10px 12px;color:var(--ink);width:100%;min-width:0}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.searchbar input:focus,.items-table input:focus,.items-table select:focus{border-color:#008d89;box-shadow:0 0 0 3px #008d891c}.form-grid .field{margin-bottom:0}.form-actions{display:flex;justify-content:flex-end;margin-top:18px}.help{font-size:12px;line-height:1.6;color:var(--muted);margin:9px 0 12px}.alert{padding:12px 15px;border:1px solid #b6d8d1;border-radius:11px;background:#e8f8f2;color:#145b4a;margin-bottom:17px}.alert.error{background:#fff0f2;border-color:#f3c8ce;color:#a52a40}.alert.success{background:#e8f8f2}.badge{font-size:11px;display:inline-flex;border-radius:999px;padding:3px 9px;white-space:nowrap;font-weight:750}.badge.good{background:#dff6eb;color:#17694e}.badge.bad{background:#ffe7e8;color:#9c3038}.badge.pending{background:#fff4d5;color:#836112}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;min-width:660px}th,td{text-align:left;padding:13px 13px;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e7edf0}td{font-size:13px}td small{display:block}thead th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#738995;background:#f8fafb;font-weight:750}tbody tr:hover{background:#fafcfd}tr:last-child td{border-bottom:0}.empty{text-align:center;color:#91a3ac;padding:40px 15px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:14px}.detail-grid>div{min-width:0}.detail-grid small{display:block}.detail-grid strong{display:block;font-weight:650;white-space:normal;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}.metric small,.metric span{display:block}.metric strong{display:block;font-size:clamp(17px,2vw,25px);font-weight:800;line-height:1.3;margin:8px 0 4px;letter-spacing:-.03em;overflow-wrap:anywhere}.metric span{font-size:11px;color:#80949f}.dashboard-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:19px;margin-top:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin-bottom:10px}.searchbar{display:flex;gap:10px;margin-bottom:17px;max-width:550px}.searchbar input{flex:1}.inline-fields{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.inline-fields .field{margin:0;min-width:200px}.export-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.inline-pay{display:inline}.row-total{background:#eef7f5;font-weight:800}.mono{font-family:monospace;font-size:11px;white-space:normal;max-width:260px}.items-table{min-width:790px}.items-table th{padding:10px}.items-table td{padding:6px}.items-table input,.items-table select{font-size:12px}.items-table td:nth-child(3){width:80px}.items-table td:nth-child(4){width:155px}.items-table td:nth-child(5){width:140px}.btn-icon{background:#ffe8e9;color:#9f3d42;border:0;border-radius:8px;width:32px;height:32px;font-size:20px}.items-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.items-footer strong{font-size:20px;color:var(--accent)}
/* Public */
.public-page{background:#fcfdfd}.public-header{max-width:1210px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:820;color:var(--deep);font-size:17px}.brand:hover{text-decoration:none}.subtle-link{font-size:12px;font-weight:700;color:#536e7a}.section{max-width:1210px;padding:58px 32px;margin:auto}.narrow{max-width:760px}.center{text-align:center}.hero{max-width:1210px;margin:auto;padding:65px 32px 65px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.hero h1{font-size:clamp(42px,5.3vw,72px);line-height:1.1;letter-spacing:-.058em}.hero h1 span,.form-heading h1 span{color:var(--accent)}.hero p{max-width:560px;margin:24px 0 27px;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{min-height:420px;border-radius:28px;background:radial-gradient(ellipse at 76% 15%,#2f9990 0%,transparent 56%),linear-gradient(135deg,#0d2b3c,#134c57 65%,#087f79);color:white;position:relative;overflow:hidden;display:flex;align-items:flex-end;box-shadow:0 25px 60px rgba(5,58,70,.17)}.hero-shape{position:absolute;right:-25px;top:-120px;font-size:470px;font-weight:100;opacity:.18;transform:rotate(15deg)}.hero-art-content{position:relative;padding:42px;display:flex;flex-direction:column;gap:10px}.hero-art-content span{letter-spacing:.2em;font-size:11px;opacity:.7}.hero-art-content strong{font-size:49px;line-height:1.12;letter-spacing:-.055em}.hero-art-content small{color:#c3e6e2}.section-heading{display:flex;justify-content:space-between;margin-bottom:24px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{padding:26px;min-height:155px;display:flex;flex-direction:column;border:1px solid #dce9eb;border-radius:17px;background:#f8fbfa;color:var(--ink);transition:.2s}.service-card:hover{text-decoration:none;transform:translateY(-3px);border-color:#7ebbb5}.service-card strong{margin-top:auto;font-size:16px}.service-card small{margin-top:3px}.service-mark{font-size:23px;color:var(--accent)}.cta-strip{max-width:1146px;margin:20px auto 75px;background:#0e3c47;border-radius:22px;padding:37px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cta-strip h2{color:white;margin-bottom:6px}.cta-strip p{color:#b4d3d4}.site-footer{padding:30px 20px 35px;text-align:center;font-size:12px;color:#8296a1;border-top:1px solid #edf0f2;margin-top:20px}.request-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}.form-heading{position:sticky;top:35px;padding-top:38px}.form-heading h1{font-size:clamp(36px,4vw,53px)}.form-heading p{margin-top:19px;font-size:15px}.request-panel{padding:34px}.group-title{display:flex;gap:13px;align-items:center;border-bottom:1px solid #e6eef1;padding-bottom:12px;margin:8px 0 20px}.group-title:not(:first-child){margin-top:28px}.group-title>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf5f3;color:var(--accent);font-weight:850}.group-title strong,.group-title small{display:block}.group-title strong{font-size:15px}.check-row{display:flex;gap:11px;align-items:start;margin:19px 0 8px;color:#5b6d77;font-size:12px}.check-row input{margin-top:4px;accent-color:var(--accent)}.span-all{grid-column:1/-1}.request-side-note{padding:21px 25px;background:#edf6f4;border-radius:15px;margin-top:28px}.request-side-note ol{padding-left:17px;color:#64807e}.request-side-note li{margin-top:8px}.success-mark{font-size:40px;background:#e3f4ee;color:#238465;border-radius:50%;display:grid;place-items:center;width:84px;height:84px;margin:30px auto}.request-code{font-size:25px;letter-spacing:.05em;font-weight:800;margin:26px 0}.login-shell{max-width:500px;text-align:left;padding-top:100px;padding-bottom:120px}.login-shell h1{margin-bottom:10px}.login-shell>.panel{margin-top:23px}.trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
/* Admin */
.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--deep);color:#d4e1e6;position:sticky;top:0;min-height:100vh;height:100vh;display:flex;flex-direction:column;padding:24px 14px}.side-brand{padding:0 10px 24px;color:white;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;line-height:1.25}.side-brand:hover{text-decoration:none}.side-brand small{display:block;color:#87a6b6;font-weight:500}.side-nav{overflow-y:auto;flex:1;padding-right:3px;scrollbar-color:#375668 transparent;scrollbar-width:thin}.side-nav a{display:flex;align-items:center;gap:12px;color:#afc4cf;padding:10px 14px;border-radius:10px;font-size:12.5px;font-weight:600;margin:2px 0}.side-nav a:hover{text-decoration:none;background:#203f52;color:white}.side-nav a.active{background:#116c70;color:white}.nav-icon{font-size:17px;width:19px;text-align:center}.side-footer{padding:17px 9px 0;border-top:1px solid #345061;display:flex;align-items:center;justify-content:space-between;gap:5px;font-weight:650;font-size:12px}.side-footer small{display:block;color:#97b1bf}.logout{color:#bdd1d7;font-size:11px;background:none;border:1px solid #4b6878;border-radius:8px;padding:7px 9px}.content-shell{min-width:0}.topbar{height:76px;background:white;display:flex;align-items:center;gap:14px;padding:0 34px;border-bottom:1px solid #e0e8ec}.topbar>div{flex:1;min-width:0}.topbar strong,.topbar small{display:block}.topbar strong{font-weight:800}.topbar button#menuToggle{display:none;border:0;background:#eaf3f3;padding:6px 10px;border-radius:7px;font-size:20px;color:var(--deep)}.main-content{padding:31px 33px 60px;max-width:1640px;margin:auto}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.request-layout{gap:35px}.hero{gap:26px}}
@media(max-width:760px){.section{padding:36px 18px}.public-header{padding:17px 18px}.hero{padding:38px 18px;grid-template-columns:1fr}.hero-art{min-height:300px}.hero-art-content strong{font-size:38px}.hero-art-content{padding:28px}.service-grid{grid-template-columns:repeat(2,1fr)}.cta-strip{margin:12px 18px 40px;padding:25px;align-items:start;flex-direction:column}.request-layout{grid-template-columns:1fr;gap:22px}.form-heading{position:static;padding-top:0}.request-side-note{display:none}.request-panel{padding:20px}.form-grid{grid-template-columns:1fr}.span-all{grid-column:auto}.page-head{align-items:start;flex-direction:column;gap:13px}.page-head h1{font-size:27px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:262px;height:100vh;z-index:200;transform:translateX(-105%);transition:transform .2s}.nav-open .sidebar{transform:translateX(0);box-shadow:8px 0 80px #071b29a3}.nav-open .content-shell:before{content:"";position:fixed;inset:0;background:#15273780;z-index:150}.topbar{padding:0 16px;height:68px}.topbar button#menuToggle{display:block}.topbar .btn{font-size:10px;padding:7px}.main-content{padding:24px 16px 45px}.panel{padding:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:15px}.metric strong{font-size:17px}.items-footer{gap:10px;flex-wrap:wrap}.items-footer strong{font-size:16px}}
@media(max-width:430px){.service-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.detail-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.topbar strong{font-size:13px}.topbar small{font-size:10px}.request-panel{padding:15px}}

[data-condition="rental"],[data-condition="transfer"]{display:none}
@media(max-width:430px){.topbar .btn{display:none}}

.pay-controls{display:flex;align-items:center;gap:6px}.pay-controls input,.pay-controls select{height:32px;border:1px solid #d5e0e6;border-radius:7px;padding:4px;font-size:11px}.pay-controls input{width:127px}.row-editor{margin:14px 0;padding:15px;border:1px solid #d8e2e7;border-radius:10px;min-width:215px;max-width:310px;background:#f7fbfa}.row-editor .field{margin-bottom:8px}.row-editor input,.row-editor select{font-size:12px}.row-editor button{margin-top:7px}details summary{cursor:pointer;color:var(--accent)}