:root{--ka-navy:#102a43;--ka-blue:#1677b8;--ka-green:#8fc63f;--ka-text:#526577;--ka-line:#dce8ef;--ka-soft:#f5fafc}.ka-page,.ka-auth-shell{color:var(--ka-text);font-family:"Poppins",sans-serif}.ka-page *,.ka-auth-shell *{box-sizing:border-box}.ka-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:28px;border:1px solid var(--ka-line);border-radius:18px;background:linear-gradient(120deg,#f3fafc,#fff)}.ka-hero.compact{margin-bottom:18px}.ka-hero span,.ka-panel-head span,.ka-auth-title span,.ka-auth-intro>span{color:var(--ka-blue);font-size:9px;font-weight:700;letter-spacing:.11em}.ka-hero h1{margin:6px 0;color:var(--ka-navy);font-size:29px}.ka-hero p{margin:0;font-size:11px}.ka-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid var(--ka-line);border-radius:10px;font-size:10px;font-weight:700;cursor:pointer}.ka-btn.primary{border-color:var(--ka-blue);background:var(--ka-blue);color:#fff}.ka-btn.ghost{background:#fff;color:var(--ka-blue)}.ka-btn.wide{width:100%;margin-top:18px}.ka-tabs{display:flex;gap:7px;margin-bottom:18px}.ka-tabs a{padding:11px 16px;border-radius:9px;color:#718694;font-size:10px;font-weight:600}.ka-tabs a.active{background:#eaf6fc;color:var(--ka-blue)}.ka-order-list{display:grid;gap:11px}.ka-order-card{display:grid;grid-template-columns:105px minmax(0,1fr) 185px;gap:20px;align-items:center;padding:19px 21px;border:1px solid var(--ka-line);border-radius:15px;background:#fff;box-shadow:0 8px 25px rgba(16,42,67,.04)}.ka-order-card.pending{border-left:4px solid #e0a22b}.ka-order-no small,.ka-order-no strong{display:block}.ka-order-no small{color:#91a2ad;font-size:8px}.ka-order-no strong{margin-top:4px;color:var(--ka-navy);font-size:19px}.ka-order-main h3{margin:0;color:var(--ka-navy);font-size:14px}.ka-order-main p{margin:4px 0 9px;font-size:10px}.ka-order-meta{display:flex;flex-wrap:wrap;gap:13px;color:#7e919d;font-size:9px}.ka-order-meta i{color:var(--ka-blue)}.ka-order-state{display:grid;justify-items:end;gap:8px}.ka-order-state>strong{color:var(--ka-navy);font-size:15px}.ka-status{display:inline-block;padding:6px 9px;border-radius:99px;font-size:8px;font-weight:700}.ka-status.waiting{background:#fff5dd;color:#9c7019}.ka-status.progressing{background:#e8f4fb;color:#126aa2}.ka-status.ready{background:#edf8df;color:#5f8928}.ka-status.danger{background:#fff0ee;color:#bd493f}.ka-status.neutral{background:#edf2f5;color:#687b88}.ka-empty{text-align:center;padding:55px;border:1px dashed #cbdbe4;border-radius:17px;background:#fbfdfe}.ka-empty>i{color:var(--ka-green);font-size:32px}.ka-empty h3{color:var(--ka-navy)}.ka-pager{margin-top:22px}.ka-auth-shell{display:grid;grid-template-columns:.9fr 1.1fr;max-width:940px;margin:25px auto;border:1px solid var(--ka-line);border-radius:22px;background:#fff;box-shadow:0 25px 70px rgba(16,42,67,.1);overflow:hidden}.ka-auth-intro{padding:55px 45px;background:linear-gradient(145deg,#102a43,#174a69);color:#d9e8f0}.ka-auth-intro>span{color:#8fd1f3}.ka-auth-intro h1{margin:12px 0;color:#fff;font-size:31px;line-height:1.25}.ka-auth-intro p{font-size:11px;line-height:1.8}.ka-auth-intro ul{margin:30px 0 0;padding:0;list-style:none}.ka-auth-intro li{margin:13px 0;font-size:10px}.ka-auth-intro li i{margin-right:8px;color:var(--ka-green)}.ka-auth-card{padding:42px}.ka-auth-title h2,.ka-panel-head h2{margin:6px 0;color:var(--ka-navy);font-size:24px}.ka-auth-title p,.ka-panel-head p{margin:0 0 23px;font-size:10px}.ka-auth-card form>label,.ka-modern-form label,.ka-form-grid label{display:block;margin-top:14px;color:var(--ka-navy);font-size:10px;font-weight:600}.ka-auth-card input,.ka-modern-form input{display:block;width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #cfdee6;border-radius:9px;background:#fbfdfe;outline:none}.ka-auth-card input:focus,.ka-modern-form input:focus{border-color:var(--ka-blue);box-shadow:0 0 0 3px rgba(22,119,184,.1)}.ka-auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px}.ka-check{display:flex!important;align-items:center;gap:7px;margin:0!important}.ka-check input{width:15px!important;height:15px!important;margin:0!important}.ka-auth-options a,.ka-auth-switch a,.ka-link-btn{color:var(--ka-blue)}.ka-auth-switch{text-align:center;margin:17px 0 0;font-size:9px}.ka-validation{color:#c94b42;font-size:9px}.ka-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.ka-form-grid .full{grid-column:1/-1}.ka-manage-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.ka-manage-nav,.ka-manage-content{padding:23px;border:1px solid var(--ka-line);border-radius:16px;background:#fff}.ka-manage-nav .nav{gap:6px}.ka-manage-nav .nav-link{border-radius:8px;color:#657b89;font-size:10px}.ka-manage-nav .nav-link.active{background:#eaf6fc;color:var(--ka-blue)}.ka-manage-content{max-width:760px}.ka-verified-input{position:relative}.ka-verified-input i{position:absolute;right:14px;top:23px;color:var(--ka-green)}.ka-link-btn{border:0;background:none;font-size:9px}.ka-detail-section{margin-top:18px;padding:23px;border:1px solid var(--ka-line);border-radius:17px;background:#fff}.ka-detail-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.ka-detail-head h2{margin:4px 0;color:var(--ka-navy);font-size:20px}.ka-detail-table{width:100%;border-collapse:collapse;font-size:10px}.ka-detail-table th{text-align:left;padding:11px;color:#8395a0;border-bottom:1px solid var(--ka-line)}.ka-detail-table td{padding:13px 11px;border-bottom:1px solid #edf2f5;color:var(--ka-navy)}.ka-detail-total{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.ka-detail-total div{padding:13px;border-radius:10px;background:var(--ka-soft)}.ka-detail-total small,.ka-detail-total strong{display:block}.ka-detail-total small{font-size:8px}.ka-detail-total strong{margin-top:4px;color:var(--ka-navy)}.ka-stage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ka-stage{padding:13px;border:1px solid var(--ka-line);border-radius:10px}.ka-stage>div{display:flex;justify-content:space-between;align-items:center}.ka-stage strong{color:var(--ka-navy);font-size:10px}.ka-stage small{display:block;margin-top:8px;font-size:8px}
@media(max-width:767px){.ka-hero{align-items:flex-start;flex-direction:column}.ka-order-card{grid-template-columns:1fr}.ka-order-state{justify-items:start}.ka-order-state .ka-btn{width:100%}.ka-auth-shell{grid-template-columns:1fr;margin:10px}.ka-auth-intro{padding:32px}.ka-auth-card{padding:27px}.ka-form-grid,.ka-manage-layout,.ka-stage-grid{grid-template-columns:1fr}.ka-form-grid .full{grid-column:auto}.ka-detail-section{overflow-x:auto}.ka-detail-table{min-width:700px}}

.ka-profile-section{margin-bottom:20px;padding:20px;border:1px solid var(--ka-line);border-radius:13px;background:#fbfdfe}.ka-profile-section-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.ka-profile-section-title>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf6fc;color:var(--ka-blue)}.ka-profile-section-title strong,.ka-profile-section-title small{display:block}.ka-profile-section-title strong{color:var(--ka-navy);font-size:12px}.ka-profile-section-title small{margin-top:2px;color:#8495a0;font-size:8px}.ka-optional{float:right;color:#91a1ab;font-size:8px;font-weight:400}.ka-profile-note{display:flex;gap:9px;margin-top:15px;padding:12px;border-radius:9px;background:#fff8e8;color:#77633a;font-size:9px;line-height:1.6}.ka-profile-note i{margin-top:2px;color:#d19a25}
.ka-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.ka-balance-grid article{padding:22px;border:1px solid var(--ka-line);border-radius:15px;background:#fff}.ka-balance-grid small,.ka-balance-grid strong,.ka-balance-grid span{display:block}.ka-balance-grid small{color:#8496a2;font-size:8px;letter-spacing:.08em}.ka-balance-grid strong{margin:7px 0 3px;color:var(--ka-navy);font-size:22px}.ka-balance-grid span{font-size:9px}.ka-money{text-align:right;white-space:nowrap}.debt{color:#c34f46!important}.credit{color:#638f2c!important}.ka-date-filter{display:flex;align-items:center;gap:7px}.ka-date-filter input{height:39px;padding:0 9px;border:1px solid var(--ka-line);border-radius:8px;color:var(--ka-navy);font-size:9px}.ka-empty.compact{padding:30px}@media(max-width:767px){.ka-balance-grid{grid-template-columns:1fr}.ka-detail-head{align-items:flex-start;flex-direction:column;gap:14px}.ka-date-filter{flex-wrap:wrap}}.ka-ledger-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ka-line)}.ka-ledger-pager>span{font-size:9px}.ka-ledger-pager>div{display:flex;gap:7px}@media(max-width:575px){.ka-ledger-pager{align-items:stretch;flex-direction:column}.ka-ledger-pager>div .ka-btn{flex:1}}
/* Ledger transaction type colors */
.ka-detail-table .ka-status{padding:7px 11px;font-size:9px;letter-spacing:.01em;white-space:nowrap}.ka-status.order{background:#e7f3fb;color:#126ba4}.ka-status.transfer{background:#eaf7df;color:#568326}.ka-status.pos{background:#f0eafa;color:#7652a5}.ka-status.cash{background:#fff1dc;color:#a66513}.ka-status.invoice{background:#fff6d9;color:#8c6a10}.ka-status.collection{background:#e5f7ef;color:#267759}