:root{--green:#176b51;--green-dark:#124b3b;--muted:#84908b;--line:#e8eeeb;--ink:#233b32;--bg:#f6f8f7}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{transition:background .16s,color .16s,box-shadow .16s}button{color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #6dc7a8}a:focus-visible{outline-offset:3px;outline:3px solid #6dc7a8}a{color:inherit;text-decoration:none}button{background:0 0;border:0}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h2{letter-spacing:-.3px;font-size:15px}h3{font-size:14px}small{color:var(--muted);font-size:11px;display:block}button.primary,button.secondary{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 2px 2px #123d2010}.secondary{background:#fff;border:1px solid #dce5e0}.icon-button{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.app{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:232px;padding:26px 16px 0;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.brand{align-items:center;gap:10px;padding:0 10px 27px;display:flex}.brand>div{letter-spacing:1px;font-size:22px;font-weight:750}.brand>div>span{letter-spacing:1.5px;margin-top:3px;font-size:7px;font-weight:500;display:block}.logo{background:var(--green-dark);color:#fff;letter-spacing:-2px;border-radius:8px;padding:9px 7px 5px;font-size:18px;font-weight:900;line-height:20px;display:block;position:relative}.logo em{letter-spacing:1px;text-align:center;font-size:5px;font-style:normal;line-height:7px;display:block}.workspace{border:1px solid var(--line);background:#fafcfb;border-radius:8px;align-items:center;gap:8px;padding:11px 8px;display:flex}.workspace b{font-size:10px}.workspace small{margin-top:3px;font-size:9px}.workspace-icon{color:#4c7b66;background:#eaf1ed;border-radius:6px;padding:7px}.workspace>svg{color:#889b90;margin-left:auto}.nav-caption{letter-spacing:1.5px;color:#9aa69f;margin:29px 13px 12px;font-size:9px}nav{gap:6px;display:grid}nav button,.settings{text-align:left;color:#6f7e76;border-radius:7px;align-items:center;gap:11px;width:100%;padding:12px 13px;font-size:12px;display:flex}nav button.selected,.settings.selected{color:var(--green);background:#eaf3ee;font-weight:600}.count{color:var(--green);background:#e1eae5;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f9f7;border-radius:8px;margin:35px 0 12px;padding:16px 13px;font-size:10px;font-weight:600;position:relative}.live-dot{background:#33a27e;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.help-card>.live-dot{margin-right:6px}.help-card p{color:#87958c;margin:10px 0 17px;font-size:11px;font-weight:400;line-height:1.8}.help-card>span:last-child{color:#618674;letter-spacing:1px;align-items:center;gap:8px;font-size:8px;display:flex}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:10px;padding:18px 6px;display:flex}.profile b{font-size:11px}.profile small{margin-top:4px;font-size:10px}.profile>a{color:#96a199;margin-left:auto}.avatar{color:#587843;background:#e7eede;border:2px solid #fff;border-radius:50%;outline:1px solid #e2e8e0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:600;display:inline-flex}.avatar.small{background:#eaf0e5;width:27px;height:27px;font-size:9px}.main-shell{margin-left:232px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex}.breadcrumb{align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb b{font-weight:500}.top-actions{align-items:center;gap:18px;display:flex}.live-status{color:#7b8c80;align-items:center;gap:6px;font-size:10px;display:flex}.live-status i{background:#2f9b72;border-radius:50%;width:6px;height:6px}.bell{color:#79877d;position:relative}.bell>i{background:#da8b55;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:7px}.top-divider{border-left:1px solid var(--line);height:20px}main{max-width:1700px;margin:auto;padding:31px 34px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.6px;color:#8b9e91;font-size:8px;font-weight:600;display:block}.eyebrow span{color:#bfc9c1;margin:0 5px}h1{letter-spacing:-1px;margin:10px 0 9px;font-size:27px;font-weight:600}.page-heading p{color:#88948c;font-size:11px;line-height:1.6}.heading-actions{gap:9px;margin-top:16px;display:flex}.demo-strip{color:#7e9286;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;font-size:10px;display:flex}.demo-strip>span,.demo-strip button{align-items:center;gap:6px;display:flex}.demo-strip button{color:#5d826e;font-weight:600}.demo-strip.is-demo{color:#9a7138;background:#fff4de;border:1px solid #efdfbd;border-radius:7px;padding:10px 13px}.stats{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px 18px 17px;box-shadow:0 2px 3px #233c2002}.stat-top{color:#849289;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.stat-icon{border-radius:7px;padding:8px;display:inline-flex}.green{color:#3d9270;background:#edf6f0}.blue{color:#5b87bd;background:#eef3fb}.purple{color:#9c7ac2;background:#f3eff9}.orange{color:#bd8a51!important;background:#fff3e9!important}.stat>strong{letter-spacing:-1px;margin:9px 0 13px;font-size:30px;font-weight:600;line-height:1.3;display:block}.stat>strong.money-value{white-space:nowrap;font-size:26px}.stat>small{white-space:nowrap;font-size:9px}.tiny-dot{background:#9eafa2;border-radius:50%;width:4px;height:4px;margin-bottom:2px;margin-right:5px;display:inline-block}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 2px 3px #233c2002}.middle-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:23px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:20px 21px;display:flex}.panel-heading p{color:#97a198;margin-top:7px;font-size:10px}.tag{border:1px solid var(--line);color:#8a978f;background:#f5f7f5;border-radius:4px;padding:5px 8px;font-size:9px}.pipeline{padding:4px 23px 23px;display:flex}.pipeline>button{text-align:left;width:20%;padding:0}.pipeline-top{align-items:center;margin-bottom:12px;display:flex}.stage-symbol{color:#72917e;background:#edf2ef;border:4px solid #f7faf8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:inline-flex}.stage-line{background:#e7ede8;flex:1;height:1px}.pipeline b{letter-spacing:-.7px;font-size:23px;font-weight:500;display:block}.pipeline small{margin-top:6px;font-size:10px}.overview-bottom{color:#98a298;background:#fafcfb;border-top:1px solid #f0f3f0;justify-content:space-between;align-items:center;gap:8px;padding:12px 19px;font-size:8px;display:flex}.overview-bottom>span{align-items:center;gap:5px;display:flex}.overview-bottom i{background:#6d9c7a;border-radius:50%;width:4px;height:4px}.overview-bottom button{color:var(--green);align-items:center;gap:6px;font-size:9px;display:flex}.reminder-panel .panel-heading{padding-bottom:11px}.reminder-title{align-items:center;gap:9px;display:flex}.clock-icon{color:#bf985c;background:#fcf6ed;border-radius:8px;padding:8px;display:inline-flex}.badge{white-space:nowrap;color:#7f9586;background:#eff2ef;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:500;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block}.badge.dibatalkan{color:#b67a7a;background:#fbeeee}.badge.due{color:#ba8b47;background:#fff2df;font-size:9px}.due-item{text-align:left;border-bottom:1px solid #f0f3ef;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 40px);margin:0 20px;padding:13px 0;display:flex}.due-item b{white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:10px;font-weight:600;display:block;overflow:hidden}.due-item small{color:#a29784;margin-top:6px;font-size:9px}.days{color:#ba8e4f;white-space:nowrap;background:#fdf4e7;border-radius:4px;padding:5px 7px;font-size:9px}.reminder-foot{color:#a4a89f;align-items:center;gap:6px;padding:12px 20px;font-size:8px;display:flex}.no-due{color:#5e967a;align-items:center;gap:9px;padding:25px 20px;display:flex}.no-due b{font-size:11px}.no-due small{margin-top:7px;font-size:9px}.number-tag{color:#84998b;vertical-align:middle;background:#eef3ef;border:1px solid #e5ece5;border-radius:4px;margin-left:6px;padding:3px 6px;font-size:9px}.text-button{color:#5c8670;align-items:center;gap:6px;font-size:10px;display:flex}.table-tools{border-top:1px solid #f1f4f2;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.tabs{gap:4px;display:flex}.tabs button{color:#93a094;white-space:nowrap;border-radius:5px;padding:7px 10px;font-size:9px}.tabs button.active{color:#557d65;background:#eef4ef;font-weight:600}.filters{gap:8px;display:flex}.search{color:#9da99f;border:1px solid #e5ebe6;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;display:flex}.search input{color:#52695b;background:0 0;border:0;outline:0;width:150px;font-size:9px}.select-filter{color:#8b9b8e;border:1px solid #e5ebe6;border-radius:5px;align-items:center;gap:4px;padding:5px 7px;display:flex}.select-filter select{color:#8b9b8e;background:#fff;border:0;outline:0;max-width:100px;font-size:9px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.6px;color:#95a398;background:#f9fbf9;border-block-start:1px solid #f0f3f0;border-block-end:1px solid #f0f3f0;padding:11px 14px;font-size:8px;font-weight:500}th:first-child{padding-left:21px}td{color:#798b7d;border-bottom:1px solid #eef3ef;padding:17px 14px;font-size:10px}td:first-child{padding-left:21px}td:first-child b{color:#405d4b;font-size:10px;font-weight:600}tbody tr{cursor:pointer}td small{margin-top:6px;font-size:8px}.project-name{align-items:center;gap:10px;display:flex}.project-name small>span{color:#c7cec9;margin:0 4px}.project-icon{color:#73a484;background:#eef5ef;border-radius:7px;padding:9px;display:inline-flex}.project-icon.blue{color:#7597b9;background:#eef3f9}td.amount{color:#506f59;white-space:nowrap;font-size:10px}.progress{background:#edf2ee;border-radius:4px;min-width:75px;height:4px;overflow:hidden}.progress i{background:#4a9b7d;border-radius:4px;height:100%;display:block}.progress-label{text-align:right;color:#85a08c;margin-bottom:7px;font-size:8px}.table-footer{color:#9da99f;justify-content:space-between;gap:10px;padding:14px 21px;font-size:9px;display:flex}.table-footer>span:last-child{align-items:center;gap:5px;font-size:8px;display:flex}.table-footer .live-dot{width:4px;height:4px}.bottom-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-top:23px;display:grid}.activity-panel .panel-heading{padding-bottom:13px}.activity-row{border-top:1px solid #f1f4f1;align-items:center;gap:10px;margin:0 21px;padding:13px 0;display:flex}.activity-symbol{border-radius:50%;flex-shrink:0;padding:8px;display:flex}.activity-row b{color:#6f8676;font-size:10px;font-weight:400;line-height:1.5}.activity-row small{color:#a6b1a8;margin-top:5px;font-size:8px}.brand-card{background:var(--green-dark);color:#fff;border-radius:9px;padding:24px;position:relative;overflow:hidden}.mini-label{letter-spacing:1.5px;color:#a8c3b4;font-size:7px}.brand-card h2{letter-spacing:-.7px;z-index:1;margin:17px 0 12px;font-size:25px;font-weight:500;line-height:1.2;position:relative}.brand-card p{color:#9fbead;z-index:1;font-size:9px;line-height:1.8;position:relative}.brand-card button{color:#dbede1;z-index:1;align-items:center;gap:20px;margin-top:19px;font-size:9px;display:flex;position:relative}.brand-watermark{letter-spacing:-15px;color:#ffffff06;font-size:130px;font-weight:900;position:absolute;bottom:25px;right:-15px;transform:rotate(-15deg)}footer{color:#a3afa5;justify-content:space-between;gap:10px;padding:23px 0;font-size:8px;display:flex}footer>span:last-child{align-items:center;gap:5px;display:flex}footer .live-dot{width:4px;height:4px}.empty{text-align:center;color:#90a294;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:42px 20px;display:flex}.empty h3{color:#627f6c;font-size:15px}.empty p{font-size:11px}.empty button{margin-top:8px}.quiet{color:#8d9d91;padding:20px;font-size:11px}.mobile-menu{display:none}.error{color:#ac5e50;background:#fff0ed;border:1px solid #efcfc8;border-radius:7px;margin:12px 0;padding:12px 15px;font-size:12px;line-height:1.6}.error a{text-decoration:underline}.error button{margin-left:14px;text-decoration:underline}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-panel{padding:24px}.settings-panel>p{color:#819587;margin:20px 0;font-size:12px;line-height:1.9}.setting-info{border-bottom:1px solid #edf2ee;gap:9px;padding:19px 0;display:grid}.setting-info label{color:#92a497;font-size:10px}.setting-info b{font-size:12px;font-weight:500}.setting-info a{color:var(--green);align-items:center;gap:6px;display:flex}.setting-note{color:#91a294;background:#f5f8f5;border-radius:7px;align-items:flex-start;gap:9px;margin-top:23px;padding:16px;font-size:11px;line-height:1.8;display:flex}.notification-row{text-align:left;border-top:1px solid #edf3ee;align-items:center;gap:14px;width:100%;padding:21px;display:flex}.notification-row b{font-size:12px;font-weight:500;line-height:1.7}.notification-row small{margin-top:7px;font-size:10px}.notification-row>i{margin-left:auto}.month-nav{align-items:center;gap:12px;display:flex}.month-nav b{text-align:center;min-width:100px;font-size:12px}.gantt{overflow-x:auto}.gantt-row{text-align:left;border-top:1px solid #edf1ec;grid-template-columns:250px 1fr;align-items:center;gap:20px;width:100%;min-width:850px;padding:19px 22px;display:grid}.gantt-row:hover{background:#fbfcfb}.gantt-row b{font-size:11px;font-weight:500;display:block}.gantt-row small{margin-top:7px;font-size:9px}.gantt-head{color:#8da392;background:#f9fbf9;padding-block-start:14px;padding-block-end:14px}.gantt-head b{letter-spacing:1px;font-size:9px}.day-grid{justify-content:space-around;font-size:8px;display:flex}.gantt-track{background:repeating-linear-gradient(90deg,#0000,#0000 calc(3.22581% - 1px),#f0f4f0 calc(3.22581% - 1px) 3.22581%);border-radius:4px;height:28px;position:relative}.gantt-bar{color:#347a5d;white-space:nowrap;background:#cee9dd;border-left:3px solid #64a88c;border-radius:4px;justify-content:center;align-items:center;height:24px;font-size:9px;display:flex;position:absolute;top:2px;overflow:hidden}.gantt-bar.done{color:#769879;background:#e4eae4;border-color:#9ab99c}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#102e2370;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal{background:#fff;border-radius:13px;width:610px;max-width:100%;max-height:calc(100dvh - 50px);padding:26px;overflow-y:auto;box-shadow:0 25px 100px #102e2340}.modal-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.modal h2{letter-spacing:-.7px;font-size:23px;font-weight:600;line-height:1.3}.modal>p{color:#91a196;margin:10px 0 23px;font-size:11px;line-height:1.8}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid label{color:#6d8476;flex-direction:column;gap:8px;font-size:11px;display:flex}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{color:#375c45;background:#fff;border:1px solid #dce6df;border-radius:6px;outline:0;width:100%;min-width:0;padding:11px 12px;font-size:12px}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a2afa5}.form-grid textarea{resize:vertical}.form-note{color:#7c9b85;background:#f3f8f4;border-radius:6px;align-items:center;gap:8px;margin-top:18px;padding:12px;font-size:10px;display:flex}.modal-actions{border-top:1px solid #edf2ed;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:21px;display:flex}.detail-stats{border-block-start:1px solid #edf2ed;border-block-end:1px solid #edf2ed;grid-template-columns:1.1fr 1fr 1fr;gap:10px;padding:17px 0;display:grid}.detail-stats small{margin-bottom:10px;font-size:10px}.detail-stats b{font-size:12px}.detail-progress{margin:24px 0}.detail-progress>b{justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:500;display:flex}.detail-progress .progress{height:6px}.detail-dates{color:#8da393;background:#f6f9f7;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:26px;padding:16px;font-size:10px;display:flex}.detail-dates b{color:#5f816b;margin-top:7px;font-size:12px;display:block}.history{margin:20px 0}.history>div{gap:16px;padding:0 0 22px;display:flex;position:relative}.history>div>span{background:#4b9870;border:3px solid #e5f2e8;border-radius:50%;outline:1px solid #c9dfcd;flex-shrink:0;width:9px;height:9px;margin-top:4px}.history b{font-size:11px;font-weight:400;line-height:1.6}.history small{margin-top:6px;font-size:9px}.detail-note{background:#f7f9f7;border:1px solid #eef1ed;border-radius:7px;padding:15px}.detail-note>small{letter-spacing:1px;font-size:8px}.detail-note>p{white-space:pre-wrap;margin-top:8px;font-size:11px;line-height:1.8}.toast{z-index:100;color:#3e7c53;background:#fff;border:1px solid #cee4d6;border-radius:9px;align-items:center;gap:10px;max-width:90vw;padding:13px 15px;font-size:12px;display:flex;position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 8px 35px #183a2320}.toast>.icon-button{width:20px;height:20px}.scrim{z-index:29;background:#173e2760;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:1500px){body{font-size:14px}.sidebar{width:250px}.main-shell{margin-left:250px}main{padding:36px 44px 0}.topbar{padding-inline-start:44px;padding-inline-end:44px}.stats{gap:22px}.stat{padding:22px}.stat>strong.money-value{font-size:31px}td{padding-block-start:21px;padding-block-end:21px}.panel-heading{padding-block-start:23px;padding-block-end:23px}.pipeline{padding-block-start:10px;padding-block-end:30px}.due-item{padding-block-start:18px;padding-block-end:18px}}@media (max-width:1200px){.sidebar{width:205px;padding-inline-start:11px;padding-inline-end:11px}.main-shell{margin-left:205px}main{padding:25px 22px 0}.topbar{padding-inline-start:22px;padding-inline-end:22px}.stats{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:11px}.stat{padding:14px 12px}.stat>strong.money-value{font-size:23px}.stat small{font-size:8px}.stat-top{font-size:10px}.stat-icon{padding:6px}.stat-icon svg{width:16px}.heading-actions .secondary{display:none}.page-heading p{max-width:440px}.table-tools{flex-wrap:wrap}.filters{margin-left:auto}.middle-grid{grid-template-columns:1.3fr 1fr;gap:15px}.overview-bottom>span{font-size:7px}.brand>div{font-size:21px}.workspace b{font-size:9px}.workspace-icon{padding:5px}.workspace>svg{display:none}.due-item b{max-width:180px}}@media (max-width:950px){.sidebar{width:184px}.main-shell{margin-left:184px}.workspace{gap:5px}.workspace-icon{display:none}.workspace b{font-size:9px}.brand{gap:8px;padding-left:3px}.brand>div{font-size:20px}.brand>div>span{letter-spacing:1px;font-size:6px}.logo{font-size:16px}.stats{grid-template-columns:1fr 1fr}.stat>strong.money-value{font-size:27px}.stat small{font-size:9px}.middle-grid,.bottom-grid{grid-template-columns:1fr}.brand-card{display:none}.settings-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}h1{font-size:25px}.heading-actions{margin-top:26px}.panel-heading{padding:18px}.toast{left:calc(50% + 75px)}.help-card{padding:11px;font-size:8px}.help-card p{font-size:10px}}@media (max-width:700px){.sidebar{width:235px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-shell{margin-left:0}.mobile-menu{display:flex}.topbar{height:59px;padding-inline-start:15px;padding-inline-end:15px}.breadcrumb{gap:8px;font-size:10px}.top-actions{gap:8px}.live-status,.top-divider{display:none}.top-avatar{width:29px;height:29px;font-size:9px}main{padding:24px 16px 0}.page-heading{flex-wrap:wrap;gap:0;margin-bottom:18px}.page-heading>div:first-child{width:100%}.eyebrow{letter-spacing:1.2px;font-size:7px}h1{margin-top:10px;font-size:28px}.page-heading p{max-width:350px;font-size:11px}.heading-actions{justify-content:space-between;width:100%;margin-top:16px}.heading-actions .secondary{display:inline-flex}.heading-actions button{flex:1;font-size:11px}.demo-strip{align-items:flex-start;margin-bottom:17px;font-size:9px;line-height:1.5}.demo-strip>span{align-items:flex-start;max-width:65%}.demo-strip button{white-space:nowrap;gap:4px;font-size:9px}.stats{gap:11px;margin-bottom:17px}.stat{padding:13px}.stat-top{font-size:10px}.stat>strong{font-size:27px}.stat>strong.money-value{letter-spacing:-.7px;margin-bottom:8px;font-size:20px;line-height:1.8}.stat small{letter-spacing:-.15px;font-size:7px}.stat-icon{padding:5px}.stat-icon svg{width:14px;height:14px}.middle-grid{gap:16px;margin-bottom:17px}.pipeline{padding-inline-start:18px;padding-inline-end:18px}.pipeline b{font-size:23px}.pipeline small{font-size:9px}.overview-bottom{padding:13px;font-size:8px}.overview-bottom>span{font-size:7px}.overview-bottom button{font-size:8px}.due-item b{max-width:240px;font-size:11px}.due-item small{font-size:9px}.due-item{padding-block-start:14px;padding-block-end:14px}.panel-heading h2{font-size:14px}.panel-heading p,.panel-heading>.text-button{font-size:9px}.projects-panel .panel-heading{align-items:flex-start}.table-tools{gap:12px;padding:12px}.tabs{justify-content:space-between;width:100%}.tabs button{padding:7px 10px;font-size:9px}.filters{width:100%}.search{flex:1}.search input{width:100%;min-width:0}.select-filter{max-width:120px}.table-footer{padding:12px;font-size:8px}.table-footer>span:last-child{display:none}.bottom-grid{margin-top:17px}.activity-row{margin-inline-start:16px;margin-inline-end:16px}.activity-row b{font-size:10px}.activity-panel .panel-heading{padding-inline-start:16px;padding-inline-end:16px}.notification-row{gap:10px;padding:16px 12px}.notification-row b{font-size:11px}.notifications .panel-heading{flex-direction:column;align-items:flex-start}.modal-overlay{padding:12px}.modal{border-radius:11px;max-height:calc(100dvh - 24px);padding:20px}.modal h2{font-size:21px}.form-grid{gap:14px}.form-grid label{font-size:10px}.form-grid input,.form-grid select{padding:10px 8px;font-size:12px}.form-note{font-size:9px}.modal-actions{margin-top:16px;padding-top:16px}.modal-actions button{padding-inline-start:12px;padding-inline-end:12px;font-size:11px}.detail-stats{grid-template-columns:1fr 1fr}.detail-stats>div:last-child{grid-column:1/-1}.detail-stats b{font-size:13px}.detail-dates{gap:8px;font-size:9px}.detail-dates b{font-size:11px}.toast{width:max-content;font-size:11px;bottom:16px;left:50%}.month-nav{gap:0}.month-nav b{min-width:90px;font-size:10px}.timeline-panel .panel-heading{gap:5px;padding:16px 10px}.timeline-panel .panel-heading p{max-width:150px;line-height:1.7}footer{gap:6px;font-size:7px}.settings-panel{padding:20px}}@media print{.sidebar,.topbar,main,.toast,.modal-actions,.modal-head button{display:none!important}.main-shell{margin:0}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:0;display:block;position:static}.modal{box-shadow:none;border:0;width:100%;max-height:none}.modal-overlay .detail-modal{display:block!important}.modal-overlay:has(form){display:none}}.session-loading{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;display:flex}.session-loading .logo{letter-spacing:0;padding:14px}.session-loading p,.session-loading a{color:#82978a;font-size:12px}.session-loading a{text-decoration:underline}.viewer-note{color:#7d9788;align-items:center;gap:8px;font-size:11px;display:flex}.login-page{background:#fff;grid-template-columns:1fr 1fr;max-width:none;min-height:100dvh;padding:0;display:grid}.login-story{color:#fff;background:#124b3b;flex-direction:column;padding:45px 55px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"KKS";letter-spacing:-25px;color:#ffffff04;pointer-events:none;font-size:220px;font-weight:900;position:absolute;bottom:80px;right:-35px;transform:rotate(-14deg)}.login-brand{z-index:1;align-items:center;gap:12px;display:flex}.login-brand .logo{background:#ffffff10;border:1px solid #ffffff20}.login-brand>b{letter-spacing:2px;font-size:15px;font-weight:500}.login-story-copy{z-index:1;margin:auto 0;padding:75px 0}.login-story-copy .eyebrow{color:#a5c6b5;letter-spacing:2px;font-size:9px}.login-story h1{letter-spacing:-1.6px;margin:24px 0;font-size:43px;font-weight:500;line-height:1.2}.login-story p{color:#a4c2b2;font-size:13px;line-height:1.9}.login-features{color:#c7dfd2;gap:23px;margin-top:49px;font-size:11px;display:grid}.login-features span{align-items:center;gap:13px;display:flex}.login-story>small{color:#78a08c;font-size:10px}.login-form-side{background:#fafcfb;flex-direction:column;justify-content:center;align-items:center;padding:45px;display:flex;position:relative}.login-card{width:380px;max-width:100%}.login-shield{color:#3f8562;background:#f0f7f2;border:1px solid #dfece4;border-radius:12px;margin-bottom:26px;padding:14px;display:inline-flex}.login-card .eyebrow{letter-spacing:1.5px;margin-bottom:12px;font-size:8px}.login-card h2{letter-spacing:-1px;font-size:29px;font-weight:600}.login-card>p{color:#8b9b91;margin:15px 0 25px;font-size:12px;line-height:1.9}.login-cta{color:#fff;background:#176b51;border-radius:7px;justify-content:space-between;align-items:center;margin-top:25px;padding:15px 18px;font-size:12px;font-weight:600;display:flex}.login-switch{color:#6c8e78;text-align:center;margin:16px 0;font-size:11px;display:block}.login-roles{border-top:1px solid #e2ebe4;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;padding-top:27px;display:grid}.login-roles>div{gap:9px;display:grid}.login-roles b{font-size:11px;font-weight:600}.login-roles small{color:#8fa095;font-size:10px;line-height:1.8}.login-card>p.login-contact{background:#f0f5f1;border-radius:7px;margin-top:27px;padding:14px;font-size:10px;line-height:1.8}.login-footer{color:#a4b3a8;font-size:9px;position:absolute;bottom:25px}.login-known{color:#63896f;background:#edf5ee;border:1px solid #dcebdd;border-radius:7px;align-items:center;gap:10px;padding:13px;font-size:11px;display:flex}.login-known b{font-weight:600}.login-known small{margin-top:5px;font-size:10px}.users-layout{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:22px;display:grid}.users-list .error{margin:12px 18px}.users-list tbody tr{cursor:default}.users-list select{color:#678471;background:#fff;border:1px solid #e0e8e1;border-radius:5px;min-width:110px;padding:7px;font-size:11px}.users-list td .badge{font-size:8px}.users-list .badge button{cursor:pointer}.permission-summary{background:#fafcfb;border-top:1px solid #eaf0eb;grid-template-columns:1fr 1fr;gap:23px;padding:22px;display:grid}.permission-summary>div{gap:9px;display:grid}.permission-summary b{font-size:11px}.permission-summary p{color:#8e9f93;font-size:10px;line-height:1.8}.add-user{padding:23px}.add-user>h2{margin:17px 0 11px}.add-user>p{color:#91a196;font-size:11px;line-height:1.8}.add-user form{gap:19px;margin-top:24px;display:grid}.add-user label{color:#7d9687;gap:9px;font-size:10px;display:grid}.add-user input,.add-user select{color:#4d6f59;background:#fff;border:1px solid #dce6df;border-radius:6px;outline:0;width:100%;padding:11px;font-size:12px}.add-user input::placeholder{color:#a0ada4}.add-user .setting-note{padding:12px;font-size:10px}.add-user .setting-note svg{width:15px}.users-list th:first-child,.users-list td:first-child{white-space:normal;word-break:break-word;max-width:260px}@media (max-width:1100px){.users-layout{grid-template-columns:1fr}.add-user form{grid-template-columns:1fr 1fr}.add-user .setting-note{max-width:600px}.login-story{padding:35px}.login-story h1{font-size:35px}.login-form-side{padding:35px}}@media (max-width:700px){.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:24px}.login-story-copy{padding:35px 0 10px}.login-story h1{margin:15px 0;font-size:29px}.login-story p{font-size:11px}.login-features,.login-story>small{display:none}.login-brand>b{font-size:12px}.login-brand .logo{padding:7px;font-size:14px}.login-form-side{padding:31px 25px 60px}.login-card{width:100%}.login-shield{display:none}.login-card h2{font-size:25px}.login-card>.eyebrow{font-size:7px}.login-card>p{font-size:11px}.login-roles{margin-top:25px;padding-top:23px}.login-card .login-contact{font-size:10px}.add-user{padding:19px}.add-user form{grid-template-columns:1fr}.permission-summary{gap:18px;padding:17px}.users-list td{padding:14px 10px;font-size:10px}.users-list td:first-child{min-width:150px;padding-left:15px}.users-list select{min-width:95px;font-size:10px}}.credentials-form{gap:18px;margin-top:23px;display:grid}.credentials-form label{color:#7c9585;gap:8px;font-size:11px;display:grid}.credentials-form input{font:inherit;color:#345840;border:1px solid #dce6df;border-radius:6px;outline:0;min-width:0;padding:12px}.credentials-form input:focus{border-color:#5c9e77;box-shadow:0 0 0 3px #eaf4ec}.credentials-form .login-cta{cursor:pointer;border:0;margin:0}.reset-password-button{color:#658e74;margin-right:6px;font-size:9px;text-decoration:underline}.settings-panel h2{align-items:center;gap:7px;display:flex}:root{--green:#004aad;--green-dark:#004aad;--muted:#7d8ea5;--line:#e3eaf4;--ink:#203b60;--bg:#f2f6fc;--kks-blue:#004aad;--kks-accent:#005cd6;--kks-yellow:#ffd043}body{color:var(--ink);background:var(--bg)}button:focus-visible{outline-color:#85b5f5}a:focus-visible{outline-color:#85b5f5}.primary{color:#fff;background:#004aad;box-shadow:0 2px 8px #004aad14}.primary:hover{background:#003f96}.secondary{color:#56749b;border-color:#dee7f4}.secondary:hover{background:#eff5ff}.icon-button:hover{background:#ebf2fd}.sidebar{color:#c8defc;background:#004aad;border-right-color:#00439e}.sidebar .brand{color:#fff}.logo{color:#fff;background:#004aad;border:1px solid #ffffff28;position:relative}.sidebar .logo{background:#ffffff10}.logo>span{color:#ffd043}.logo em{color:#d3e5ff}.brand>div>span{color:#a9caf6}.workspace{background:#ffffff08;border-color:#ffffff1c}.workspace b{color:#e9f2ff;font-weight:500}.workspace small{color:#94bbee}.workspace-icon{color:#b3d2fb;background:#ffffff0d}.workspace>svg{color:#89b4ee}.nav-caption{color:#8db8f0}nav button,.settings{color:#bdd6f8}nav button:hover,.settings:hover{background:#ffffff0c}nav button.selected,.settings.selected{color:#fff;background:#ffffff17}nav button.selected{box-shadow:inset 3px 0 #ffd043}nav button.selected>svg,.settings.selected>svg{color:#ffd043}.count{color:#e1eeff;background:#ffffff15}.help-card{color:#c4deff;background:#ffffff08;border:1px solid #ffffff0f}.help-card p{color:#94beef}.help-card>span:last-child{color:#ffd043}.profile{border-color:#ffffff1a}.profile b{color:#edf4ff}.profile small{color:#95bcef}.profile>a{color:#91b9ef}.avatar{color:#004aad;background:#e9f1ff;outline-color:#dde8fa}.sidebar .avatar{color:#ffd043;background:#ffffff12;border-color:#ffffff10;outline:none}.breadcrumb>span,.breadcrumb>svg{color:#8fa4c2}.live-status{color:#7d95b4}.live-status i,.live-dot{background:#5793e6}.bell{color:#7896bd}.bell>i{background:#ffd043}.eyebrow{color:#81a0c8}.eyebrow span{color:#b7cce7}.page-heading p{color:#7e93ae}.heading-actions .primary{color:#153763;background:#ffd043;box-shadow:0 3px 8px #d4ad2620}.heading-actions .primary:hover{background:#f5c63b}.demo-strip{color:#7f9ac0}.demo-strip button{color:#004aad}.demo-strip.is-demo{color:#9d8642;background:#fff8e5;border-color:#f0e0ae}.stat-top{color:#7d96b9}.stat>strong{color:#004aad}.stat>small{color:#98abc4}.stat-icon.blue,.stat-icon.purple{color:#6b98d5;background:#edf4ff}.stat-icon.gold{color:#b69b48;background:#fff7dd}.stat-icon.green{color:#699d7c;background:#edf6f0}.tiny-dot{background:#9db9df}.panel-heading p{color:#8da2bf}.tag,.number-tag{color:#7e9ec9;background:#eff5ff;border-color:#e1ebfb}.stage-symbol{color:#77a0d6;background:#e2edfc;border-color:#f4f8ff}.stage-0{color:#7293c9;background:#dee9fc}.stage-1{color:#6797d5;background:#d9e8ff}.stage-2{color:#b69b4c;background:#fff0ba}.stage-3{color:#9e8bcb;background:#ebe5fc}.stage-4{color:#71a083;background:#e1f0e6}.stage-line{background:#e6edf8}.pipeline b{color:#406699}.pipeline small{color:#8ba3c4}.overview-bottom{color:#92a9ca;background:#fafcff;border-color:#edf3fc}.overview-bottom i{background:#80a7db}.overview-bottom button{color:#004aad}.clock-icon{color:#bda34e;background:#fff7e0}.badge.penawaran{color:#6790cc;background:#eaf1ff}.badge.disetujui{color:#5596c7;background:#eaf5ff}.badge.produksi{color:#a48b3d;background:#fff5d8}.badge.instalasi{color:#8e7bb6;background:#f0ecfc}.badge.selesai{color:#629775;background:#eaf6ee}.badge.due{color:#a28b3d;background:#fff4ce;gap:4px}.no-due{color:#709e82}.reminder-foot{color:#9aaec9;gap:6px}.due-item b{color:#5f7da5}.due-item small{color:#ac9d71}.due-item small>span{color:#9baec6}.days{color:#b19a50;background:#fff6dd}.due-text{color:#b1984d}.table-tools{border-color:#edf2fa}.tabs button{color:#92a8c7}.tabs button.active{color:#527fb9;background:#ecf3ff}.search,.select-filter{color:#89a2c4;border-color:#e0e8f6}.search input,.select-filter select{color:#6788b5}.search input::placeholder{color:#9cafc9}th{color:#8ea5c5;background:#f7faff;border-color:#edf2fa}td{color:#7894bb;border-color:#edf2fa}td:first-child b{color:#426895}.project-name small>span{color:#c2d1e6}.project-icon{color:#80a8dd;background:#eef4ff}td.amount{color:#5279a8}.progress{background:#e9f0fb}.progress i{background:#005cd6}.progress-label{color:#8aa5cd}tbody tr:hover{background:#fafcff}.table-footer{color:#97acca}.table-footer>span:last-child{color:#9bb0cb}.text-button{color:#004aad}.activity-symbol.green,.activity-symbol.blue{color:#80a5d7;background:#edf4ff}.activity-row{border-color:#edf2fa}.activity-row b{color:#708eb5}.activity-row small{color:#9baec9}.brand-card{background:linear-gradient(135deg,#004aad,#005cd6);border-bottom:4px solid #ffd043}.mini-label{color:#b2d0fa}.brand-card p{color:#b3d1f7}.brand-card button{color:#ffd043}.brand-watermark{color:#ffffff07}.notification-row{border-color:#ebf1fb}.notification-row.unread{background:#f5f9ff}.notification-row:hover{background:#eff5ff}.setting-info{border-color:#e7eff9}.setting-info label{color:#8da5c6}.settings-panel>p{color:#7f99bb}.setting-note{color:#8aa3c6;background:#f2f7ff}.gantt-row{border-color:#e9f0fa}.gantt-head{color:#8ba5ca;background:#f7faff}.gantt-head b{color:#8ba5ca}.gantt-bar{color:#4b7bb8;background:#d9e9ff;border-color:#79a3dc}.modal-overlay{background:#0d2b5675}.modal{border-top:4px solid #ffd043;box-shadow:0 25px 100px #0d2b5630}.modal>p,.form-grid label{color:#7d98bc}.form-grid input,.form-grid textarea,.form-grid select{color:#4e729f;border-color:#dde7f5}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#80ace7;box-shadow:0 0 0 3px #ebf3ff}.form-note{color:#87a4cb;background:#f1f6ff}.detail-dates{color:#8aa5c9;background:#f2f7ff}.detail-dates b{color:#5b80b0}.history>div>span{background:#6699df;border-color:#ebf3ff;outline-color:#c5d9f6}.detail-note{background:#f7faff;border-color:#e9f0fb}.toast{color:#fff;background:#004aad;border:1px solid #fff2;border-left:4px solid #ffd043;box-shadow:0 8px 35px #004aad22}.toast .icon-button:hover{background:#ffffff15}.scrim{background:#153b6855}.login-page{background:#fbfcff}.login-story{background:linear-gradient(145deg,#004aad,#005cd6);border-bottom:7px solid #ffd043}.login-story h1{color:#fff}.login-story-copy .eyebrow{color:#b5d3fc}.login-story p{color:#b4d2f9}.login-features{color:#c7ddfa}.login-features svg{color:#ffd043}.login-story>small{color:#91b7eb}.login-form-side{background:#fbfcff}.login-shield{color:#004aad;background:#edf4ff;border-color:#dfeafb}.login-card>p{color:#8ba1bf}.login-cta{background:#004aad}.login-cta:hover{background:#003f96}.login-switch{color:#688fc2}.login-known{color:#6187bb;background:#edf4ff;border-color:#dde9fa}.login-roles{border-color:#e0eaf8}.login-roles svg{color:#85a7d7}.login-roles small{color:#91a8c6}.login-card>p.login-contact{background:#f0f5fe}.login-footer{color:#9eb2cf}.add-user input,.add-user select{color:#5b7ba8;border-color:#dce7f7}.add-user input:focus{border-color:#81aae2;box-shadow:0 0 0 3px #eff5ff}.permission-summary{background:#f9fbff;border-color:#e6eefa}.permission-summary svg{color:#7d9fcd}.permission-summary p{color:#8ea4c1}.business-shell{color:#223f66;background:#f3f6fc;min-height:100vh;font:13px Arial,Helvetica,sans-serif}.business-shell button{font:inherit;cursor:pointer}.business-shell button:disabled,.b-modal button:disabled{opacity:.45;cursor:not-allowed}.b-sidebar{color:#b8d4f9;z-index:30;background:#004aad;flex-direction:column;width:225px;padding:27px 16px 0;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.b-brand{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.b-brand>div{letter-spacing:.8px;font-size:15px;font-weight:600}.b-brand small{letter-spacing:1.1px;color:#a7c9f7;margin-top:6px;font-size:6px}.b-logo{letter-spacing:-1px;color:#fff;background:#ffffff10;border:1px solid #ffffff2c;border-radius:8px;justify-content:center;align-items:center;padding:12px 8px 15px;font-size:18px;font-weight:800;display:flex;position:relative}.b-logo i{background:#ffd043;border-radius:3px;height:3px;position:absolute;bottom:7px;left:9px;right:9px}.b-workspace{color:#d2e4fc;background:#ffffff08;border:1px solid #ffffff16;border-radius:8px;align-items:center;gap:10px;margin:28px 0;padding:13px;font-size:11px;display:flex}.b-workspace>svg{color:#9ac0f1}.b-workspace small{color:#80aeec;margin-top:5px;font-size:9px}.b-nav-caption{letter-spacing:1.7px;color:#77a7e9;margin:0 12px 14px;font-size:8px}.b-sidebar nav{gap:7px;display:grid}.b-sidebar nav button{text-align:left;color:#a7c8f4;box-shadow:none;border-radius:7px;align-items:center;gap:10px;padding:13px 12px;font-size:11px;display:flex}.b-sidebar nav button>svg:last-child{color:#81ade9;margin-left:auto}.b-sidebar nav button.active{color:#fff;background:#ffffff16;box-shadow:inset 3px 0 #ffd043}.b-sidebar nav button.active>svg:first-child{color:#ffd043}.b-sidebar nav button:hover{background:#ffffff0d}.b-sidebar-bottom{margin-top:auto;padding-top:45px}.b-sidebar-bottom>p{color:#c9e0ff;letter-spacing:-.2px;background:#ffffff08;border:1px solid #ffffff0b;border-radius:8px;padding:17px 14px;font-size:13px;line-height:1.6}.b-sidebar-bottom>p b{font-weight:500}.b-sidebar-bottom>p span{letter-spacing:0;color:#87b3ef;margin-top:13px;font-size:8px;display:block}.b-user{border-top:1px solid #ffffff1b;align-items:center;gap:8px;margin-top:18px;padding:21px 0;display:flex}.b-user>span{color:#ffd043;background:#ffffff14;border:1px solid #ffffff16;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:10px;display:flex}.b-user b{color:#ddebff;font-size:10px;font-weight:500}.b-user small{color:#83b0ee;margin-top:5px;font-size:8px}.b-user button{color:#8ab7f1;margin-left:auto;padding:5px}.b-main{margin-left:225px}.b-topbar{background:#fff;border-bottom:1px solid #e4ebf7;justify-content:space-between;align-items:center;height:67px;padding:0 33px;display:flex}.b-topbar>div{align-items:center;gap:11px;font-size:10px;display:flex}.b-topbar>div>span:first-of-type{color:#9baec9}.b-topbar b{color:#5f7fa9;font-size:10px;font-weight:500}.b-role{color:#8aa3c7;align-items:center;gap:5px;font-size:9px;display:flex}.b-role i{background:#73a1dd;border-radius:50%;width:5px;height:5px}.b-icon{color:#82a0c8;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.b-icon:hover{background:#eff5ff}.b-mobile-menu{display:none}.b-content{max-width:1450px;margin:auto;padding:33px 33px 0}.b-eyebrow{letter-spacing:1.5px;color:#8aa7ce;font-size:8px;display:block}.b-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.b-heading h1{letter-spacing:-1px;color:#234979;margin:11px 0 9px;font-size:27px;font-weight:600;line-height:1.3}.b-heading p{color:#8ca2bf;font-size:11px;line-height:1.8}.b-primary,.b-secondary,.b-danger{white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:10px 13px;display:inline-flex;font-size:11px!important;font-weight:600!important}.b-primary{color:#fff;background:#004aad;box-shadow:0 2px 4px #004aad0b}.b-primary:hover{background:#003e94}.b-primary.b-yellow{color:#284063;background:#ffd043}.b-primary.b-yellow:hover{background:#f5c73d}.b-secondary{color:#7c98bf;background:#fff;border:1px solid #dde7f6}.b-secondary:hover{background:#f4f8ff}.b-danger{color:#b57c6a;background:#fcf0eb}.b-demo{color:#8ba8d0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;font-size:9px;display:flex}.b-demo>span,.b-demo>button{align-items:center;gap:6px;display:flex}.b-demo>button{color:#497fc4;font-size:9px}.b-demo.is-demo{color:#ad974f;background:#fff8e3;border:1px solid #f0e2b0;border-radius:7px;padding:11px 13px}.b-demo.is-demo button{color:#a18c44}.b-summary{grid-template-columns:1fr 1fr 1.15fr;gap:17px;margin-bottom:25px;display:grid}.b-summary>button{text-align:left;background:#fff;border:1px solid #e0e9f7;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:19px;transition:transform .16s,border-color .16s;display:flex}.b-summary>button:hover{border-color:#b6cef0;transform:translateY(-2px)}.b-summary>button>svg{color:#a4bddf;flex-shrink:0;margin-left:auto}.b-summary-icon{color:#6f9cd8;background:#edf4ff;border-radius:8px;flex-shrink:0;padding:10px;display:inline-flex}.b-summary-icon.gold{color:#b9a154;background:#fff7dc}.b-summary small{color:#89a2c3;font-size:9px;line-height:1.5}.b-summary strong{letter-spacing:-1px;color:#004aad;align-items:baseline;gap:6px;margin-top:7px;font-size:26px;font-weight:500;display:flex}.b-summary strong em{letter-spacing:0;color:#9bb0cc;font-size:8px;font-style:normal;font-weight:400}.b-summary strong.b-money{letter-spacing:-.7px;font-size:21px}.b-panel{background:#fff;border:1px solid #e1eaf7;border-radius:9px;overflow:hidden;box-shadow:0 2px 3px #17416c02}.b-panel-head{justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.b-panel h3{color:#456a9b;letter-spacing:-.3px;font-size:14px;font-weight:600}.b-panel-head p{color:#9db0cc;margin-top:7px;font-size:10px;line-height:1.7}.b-count{color:#8aa7d1;background:#f1f6ff;border-radius:5px;padding:6px 8px;font-size:9px}.b-filters{border-top:1px solid #edf2fb;justify-content:space-between;gap:15px;padding:13px 21px;display:flex}.b-filters>label{color:#a5bbd9;border:1px solid #e3ebf8;border-radius:6px;flex-direction:row;align-items:center;gap:7px;width:100%;max-width:370px;padding:8px 10px;display:flex}.b-filters input{color:#6e92c1;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:10px}.b-filters input::placeholder{color:#a9bdd9}.b-filters>select{color:#93afd3;background:#fff;border:1px solid #e3ebf8;border-radius:6px;width:auto;max-width:130px;padding:7px 9px;font-size:10px}.b-table-wrap{overflow:auto}.b-table-wrap table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.b-table-wrap th{letter-spacing:.7px;text-transform:uppercase;color:#94accd;background:#f7faff;border-block-start:1px solid #edf2fb;border-block-end:1px solid #edf2fb;padding:12px 19px;font-size:8px;font-weight:500}.b-table-wrap td{color:#849ec0;border-bottom:1px solid #edf2fb;padding:18px 19px;font-size:10px}.b-table-wrap td b{color:#557aa9;font-size:10px;font-weight:500}.b-table-wrap td strong{color:#507aac;font-size:11px;font-weight:500}.b-table-wrap tbody tr:hover{background:#fbfdff}.b-table-wrap tbody tr{cursor:default}.b-project-link{text-align:left;align-items:center;gap:11px;max-width:340px;padding:0;display:flex}.b-project-link>span:last-child{min-width:0}.b-project-link b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden;font-size:11px!important}.b-project-link small{color:#a3b8d6;margin-top:6px;font-size:8px}.b-file{color:#84aadd;background:#edf4ff;border-radius:7px;padding:9px;display:inline-flex}.b-status{color:#7f9ec8;white-space:nowrap;background:#eff4fd;border-radius:5px;padding:5px 8px;font-size:9px;display:inline-flex}.b-status.s-menunggu,.b-status.s-draf{color:#7198ce;background:#ecf3ff}.b-status.s-disetujui,.b-status.s-lunas{color:#70a080;background:#ebf6ee}.b-status.s-ditolak,.b-status.s-dibatalkan{color:#b58c7d;background:#fcf0eb}.b-status.s-diterbitkan{color:#b29a51;background:#fff6dc}.b-row-note{color:#a2b5d0;white-space:normal;max-width:300px;margin-top:6px;font-size:8px;line-height:1.8;display:block}.b-inline-actions{justify-content:flex-start;align-items:center;gap:9px;display:flex}.b-inline-actions>button{color:#93add0;padding:3px}.b-inline-actions>button:hover{color:#004aad}.b-inline-actions .b-secondary{min-height:32px;padding:8px 10px;font-size:9px!important}.b-inline-actions .b-text{font-size:9px}.b-text{color:#4c84ca;align-items:center;gap:5px;display:inline-flex;font-size:10px!important}.b-empty{text-align:center;color:#a2badb;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px 20px;line-height:1.6;display:flex}.b-empty h3{color:#7c9dc6;font-size:15px;font-weight:500}.b-empty p{color:#9db2cf;max-width:360px;font-size:11px}.b-back{color:#88a5ce;align-items:center;gap:7px;margin:0 0 17px;padding:0;display:flex;font-size:10px!important}.b-project-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:23px;display:flex}.b-project-header h2{letter-spacing:-.6px;color:#386495;margin:11px 0 8px;font-size:21px;font-weight:500;line-height:1.4}.b-project-header p{color:#97afcf;font-size:10px;line-height:1.8}.b-project-value{text-align:right;flex-shrink:0}.b-project-value small{color:#a5b9d4;font-size:9px}.b-project-value strong{letter-spacing:-.8px;color:#004aad;margin:7px 0 11px;font-size:23px;font-weight:500;display:block}.b-steps{gap:10px;margin:0 0 23px;display:flex}.b-steps>button{color:#9bb1d1;background:#f9fbff;border:1px solid #e1eaf8;border-radius:7px;flex:1;align-items:center;gap:10px;padding:14px;font-size:10px;display:flex}.b-steps>button>span{color:#9ab6db;background:#edf3fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.b-steps>button>svg{color:#b8cce7;margin-left:auto}.b-steps>button.active{color:#477cbf;background:#fff;border-color:#b9d1f3;box-shadow:inset 0 -2px #ffd043}.b-steps>button.active>span{color:#fff;background:#004aad}.b-step-dot{background:#c0d2eb;border-radius:50%;width:5px;height:5px}.b-detail-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.b-pad{padding:23px}.b-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.b-details{grid-template-columns:1fr 1fr;gap:22px;margin:26px 0;display:grid}.b-details dt{color:#9fb4d1;font-size:9px}.b-details dd{color:#7595be;overflow-wrap:anywhere;margin:8px 0 0;font-size:11px;line-height:1.6}.b-note{background:#f7faff;border:1px solid #edf2fc;border-radius:7px;padding:15px}.b-note small{letter-spacing:.8px;color:#a1b6d3;font-size:8px}.b-note p{color:#8ba5c8;white-space:pre-wrap;margin-top:9px;font-size:11px;line-height:1.9}.b-muted{color:#91aacd;margin-top:14px;font-size:11px;line-height:1.9}.b-section-icon{color:#78a1d8;background:#eef4ff;border-radius:8px;margin-bottom:16px;padding:10px;display:inline-flex}.b-field{color:#8fa9cd;flex-direction:column;gap:9px;margin-top:22px;font-size:10px;display:flex}.b-field select,.b-field textarea{color:#6289be;background:#fff;border:1px solid #dbe6f6;border-radius:6px;outline:0;width:100%;min-width:0;padding:11px;font-size:11px}.b-guidance{color:#9cb1ce;background:#f5f9ff;border-radius:7px;align-items:flex-start;gap:8px;margin-top:20px;padding:14px;font-size:10px;line-height:1.9;display:flex}.b-guidance>svg{color:#9db9df;flex-shrink:0}.b-total-row{color:#8faacd;border-top:1px solid #edf2fb;justify-content:space-between;align-items:center;gap:12px;padding:22px;font-size:11px;display:flex}.b-total-row strong{letter-spacing:-.5px;color:#004aad;font-size:20px;font-weight:500}.b-panel-footer{color:#a6bad6;background:#fbfdff;border-top:1px solid #edf2fb;justify-content:space-between;align-items:center;gap:12px;padding:14px 21px;font-size:9px;line-height:1.8;display:flex}.b-panel-footer>span{max-width:80%}.b-billing-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px;display:grid}.b-billing-stats>div{background:#fff;border:1px solid #e0e9f8;border-radius:8px;padding:17px}.b-billing-stats small{color:#9ab0cd;font-size:8px}.b-billing-stats strong{letter-spacing:-.5px;color:#4775b2;margin-top:13px;font-size:18px;font-weight:500;display:block}.b-inline-notice{color:#b09c5a;background:#fff9e7;border:1px solid #f3e8be;border-radius:7px;align-items:center;gap:8px;margin:0 21px 18px;padding:12px;font-size:10px;line-height:1.8;display:flex}.b-inline-notice>svg{flex-shrink:0}.b-error{color:#b37a66;background:#fff0eb;border:1px solid #eecfc6;border-radius:7px;margin-bottom:17px;padding:13px;font-size:11px;line-height:1.8}.b-error button{margin-left:12px;font-size:10px;text-decoration:underline}.b-footer{color:#a4b7d3;justify-content:space-between;align-items:center;gap:10px;padding:25px 0;font-size:8px;display:flex}.b-modal-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d2b5670;justify-content:center;align-items:center;padding:23px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.b-modal{background:#fff;border:1px solid #dde9fa;border-top:4px solid #ffd043;border-radius:11px;width:600px;max-width:100%;max-height:calc(100dvh - 46px);padding:24px;overflow:auto;box-shadow:0 20px 80px #14355730}.b-modal-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.b-modal h2{letter-spacing:-.7px;color:#315f99;font-size:23px;font-weight:500}.b-modal .b-error{margin-top:17px}.b-modal .b-inline-notice{margin:18px 0}.b-form-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:23px;display:grid}.b-form-grid>label{color:#88a3c8;flex-direction:column;gap:9px;font-size:10px;display:flex}.b-form-grid .full{grid-column:1/-1}.b-form-grid input,.b-form-grid select,.b-form-grid textarea{font:inherit;color:#5b80b2;background:#fff;border:1px solid #dde7f6;border-radius:6px;outline:0;width:100%;min-width:0;padding:11px 12px;font-size:12px}.b-form-grid input:focus,.b-form-grid select:focus,.b-form-grid textarea:focus{border-color:#94b7e8;box-shadow:0 0 0 3px #edf4ff}.b-form-grid input::placeholder,.b-form-grid textarea::placeholder{color:#adbed5}.b-form-grid textarea{resize:vertical}.b-modal-actions{border-top:1px solid #ebf1fa;justify-content:flex-end;gap:9px;margin-top:25px;padding-top:21px;display:flex}.b-toast{color:#fff;z-index:90;background:#004aad;border:1px solid #ffffff20;border-left:4px solid #ffd043;border-radius:8px;align-items:center;gap:10px;max-width:88vw;padding:14px 18px;font-size:11px;display:flex;position:fixed;bottom:24px;left:calc(50% + 105px);transform:translate(-50%);box-shadow:0 5px 30px #004aad20}.b-toast>svg{flex-shrink:0}.b-toast>button{color:#b7d5fd;justify-content:center;align-items:center;margin-left:5px;display:flex}.b-print-sheet{display:none}.b-scrim{z-index:29;background:#163c6555;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:1500px){.b-sidebar{width:245px;padding-inline-start:22px;padding-inline-end:22px}.b-main{margin-left:245px}.b-content{padding:39px 43px 0}.b-topbar{padding-inline-start:43px;padding-inline-end:43px}.b-panel-head{padding:26px}.b-table-wrap td{padding-block-start:23px;padding-block-end:23px}.b-summary>button{padding:24px}.b-summary strong.b-money{font-size:25px}}@media (max-width:1100px){.b-sidebar{width:200px;padding-inline-start:12px;padding-inline-end:12px}.b-main{margin-left:200px}.b-content{padding:26px 22px 0}.b-topbar{padding-inline-start:22px;padding-inline-end:22px}.b-brand>div{font-size:13px}.b-brand small{font-size:5px}.b-summary{grid-template-columns:1fr 1fr;gap:12px}.b-summary>button:last-child{grid-column:1/-1}.b-summary>button{padding:16px}.b-detail-grid{grid-template-columns:1fr}.b-billing-stats{grid-template-columns:1fr 1fr}.b-heading h1{font-size:24px}.b-heading{align-items:flex-start}.b-heading>.b-primary{margin-top:25px}.b-project-header h2{font-size:19px}.b-project-value strong{font-size:21px}}@media (max-width:700px){.b-sidebar{width:235px;transition:transform .2s;transform:translate(-100%)}.b-sidebar.open{transform:translate(0)}.b-main{margin-left:0}.b-topbar{height:59px;padding-inline-start:15px;padding-inline-end:15px}.b-mobile-menu{color:#759dd1;display:inline-flex}.b-role{font-size:8px}.b-content{padding:24px 14px 0}.b-heading{flex-direction:column;gap:15px;margin-bottom:18px}.b-heading h1{font-size:25px;line-height:1.3}.b-heading p{font-size:10px}.b-heading .b-eyebrow{font-size:7px}.b-heading>.b-primary{width:100%;margin-top:0}.b-demo{align-items:flex-start;gap:8px;margin-bottom:19px;font-size:8px;line-height:1.8}.b-demo>span{align-items:flex-start;max-width:66%}.b-demo>button{white-space:nowrap;gap:3px;font-size:8px}.b-demo>span>svg{flex-shrink:0;width:13px;height:13px;margin-top:2px}.b-summary{gap:10px;margin-bottom:18px}.b-summary>button{gap:8px;padding:13px}.b-summary>button>svg{width:12px}.b-summary-icon{padding:7px}.b-summary-icon>svg{width:16px;height:16px}.b-summary small{font-size:8px}.b-summary strong{gap:4px;font-size:23px}.b-summary strong em{font-size:7px}.b-summary strong.b-money{font-size:23px}.b-panel-head{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:17px}.b-panel-head h3{font-size:13px}.b-panel-head p{font-size:9px}.b-panel-head>.b-primary{min-height:32px;padding:9px 10px;font-size:10px!important}.b-filters{gap:8px;padding:12px}.b-filters>label{padding:8px}.b-filters input{font-size:9px}.b-filters>select{max-width:105px;font-size:9px}.b-table-wrap th{padding:11px 14px;font-size:8px}.b-table-wrap td{padding:16px 14px}.b-project-link{max-width:270px}.b-project-link b{font-size:10px!important}.b-project-link small{font-size:8px}.b-empty{padding:35px 17px}.b-project-header{flex-direction:column;align-items:flex-start;gap:20px;padding:18px}.b-project-header h2{font-size:20px}.b-project-header p{font-size:10px}.b-project-value{text-align:left;border-top:1px solid #ebf1fa;width:100%;padding-top:16px}.b-project-value strong{margin:9px 13px 0 0;font-size:24px;display:inline-block}.b-steps{gap:6px;margin-bottom:18px}.b-steps>button{justify-content:center;gap:6px;padding:11px 7px;font-size:8px}.b-steps>button>span{width:18px;height:18px}.b-steps>button>span>svg{width:11px}.b-steps>button>svg{display:none}.b-pad{padding:18px}.b-section-title{align-items:flex-start;gap:10px}.b-section-title h3{font-size:13px}.b-details{gap:18px;margin:24px 0}.b-details dd{font-size:10px}.b-details dt{font-size:8px}.b-note{padding:13px}.b-note p,.b-muted{font-size:10px}.b-total-row{padding:18px;font-size:10px}.b-total-row strong{font-size:18px}.b-panel-footer{align-items:flex-start;gap:9px;padding:12px 15px;font-size:8px}.b-panel-footer>span{max-width:75%}.b-panel-footer .b-text{white-space:nowrap;font-size:8px!important}.b-billing-stats{gap:10px;margin-bottom:17px}.b-billing-stats>div{padding:14px}.b-billing-stats strong{font-size:17px}.b-inline-notice{margin:0 15px 15px;font-size:9px}.b-modal-overlay{padding:12px}.b-modal{max-height:calc(100dvh - 24px);padding:20px}.b-modal h2{font-size:21px}.b-form-grid{gap:14px}.b-form-grid label{font-size:9px}.b-form-grid input,.b-form-grid select{padding:10px 8px;font-size:11px}.b-modal-actions{margin-top:20px;padding-top:18px}.b-toast{width:max-content;padding:12px 14px;font-size:10px;bottom:16px;left:50%}.b-footer{padding:22px 0;font-size:7px;line-height:1.8}.b-inline-actions{gap:7px}}@media print{html,body{color:#222!important;background:#fff!important}.business-shell,.b-modal-overlay,.b-toast{display:none!important}.b-print-sheet{color:#243b5c;width:100%;padding:10mm;font:12px Arial;position:static;display:block!important}.b-print-brand{border-bottom:3px solid #004aad;align-items:center;gap:16px;padding-bottom:24px;display:flex}.b-print-brand>b{color:#fff;background:#004aad;border-bottom:5px solid #ffd043;padding:13px 10px;font-size:29px}.b-print-brand h2{margin:0 0 8px;font-size:19px}.b-print-brand p{color:#687b95;font-size:10px;line-height:1.8}.b-print-title{padding:27px 0}.b-print-title h1{color:#004aad;margin-bottom:10px;font-size:28px}.b-print-title>strong{color:#a77e26;margin-top:10px;font-size:11px;display:block}.b-print-parties{justify-content:space-between;gap:20px;margin-bottom:30px;font-size:11px;line-height:1.9;display:flex}.b-print-parties small{font-size:10px}.b-print-parties h3{margin-top:7px;font-size:14px}.b-print-sheet table{border-collapse:collapse;white-space:normal;width:100%}.b-print-sheet th,.b-print-sheet td{vertical-align:top;border-bottom:1px solid #dce4f0;padding:15px 10px;font-size:11px;line-height:1.8}.b-print-sheet th{color:#426394;background:#edf3fd}.b-print-sheet td:last-child,.b-print-sheet th:last-child{text-align:right;white-space:nowrap}.b-print-total{justify-content:flex-end;gap:60px;padding:24px 10px;font-size:13px;display:flex}.b-print-total strong{color:#004aad;font-size:20px}.b-print-notes{white-space:pre-wrap;background:#f5f8fc;margin-top:25px;padding:20px;font-size:11px;line-height:1.9}.b-print-notes h3{margin-bottom:10px;font-size:12px}.b-print-notes>p+p{margin-top:15px}.b-print-sheet footer{color:#8596af;border-top:1px solid #e4ebf4;margin-top:45px;padding-top:17px;font-size:9px;display:block}}.b-share-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#193d6b;background:#f4f8ff;border:1px solid #c9d8ed;border-radius:8px;max-height:45vh;margin:18px 0;padding:18px;font-size:18px;line-height:1.7;overflow:auto}.b-whatsapp{align-items:center;gap:9px;text-decoration:none;display:inline-flex;color:#fff!important;background:#128c52!important;border-color:#128c52!important}.b-whatsapp:hover{background:#096d3d!important}.b-section-title>.b-inline-actions{flex-wrap:wrap;justify-content:flex-end}.b-table-wrap td:last-child>.b-danger{align-items:center;gap:7px;min-height:48px;margin-left:12px;font-size:16px;display:inline-flex}.b-danger:disabled{opacity:.5;cursor:not-allowed}.bank-row{border:1px solid #b4c9e7;border-radius:10px;margin:24px 0;padding:20px}.bank-row legend{color:#183e71;padding:0 10px;font-size:18px;font-weight:600}.bank-row>.b-danger{margin-top:18px}.invoice-bank-details{color:#183e71;white-space:pre-line;border:1px solid #b9cce6;border-radius:8px;margin-top:24px;padding:18px}.invoice-bank-details h3{margin:0 0 12px;font-size:18px}.invoice-bank-details p{margin:12px 0;font-size:18px;line-height:1.6}@media print{.invoice-bank-details{break-inside:avoid;border:1px solid #cbd6e5;padding:12px}.invoice-bank-details h3{font-size:12px}.invoice-bank-details p{font-size:11px;line-height:1.6}}@media screen{:root{--ui-base:18px;--ui-small:16px;--ui-title:34px;--ui-section:24px;--ui-value:30px;--ui-touch:48px}html[data-kks-text-size=extra]{--ui-base:20px;--ui-small:18px;--ui-title:38px;--ui-section:27px;--ui-value:34px;--ui-touch:52px}body{font-family:Arial,Helvetica,sans-serif;font-size:var(--ui-base);color:#203b60;line-height:1.6}:where(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #005cd6}.business-shell{font-size:var(--ui-base);color:#203b60;line-height:1.6}.business-shell button{font-size:var(--ui-base);line-height:1.45}.business-shell small,.b-modal small{font-size:var(--ui-small);color:#526882;line-height:1.6}.b-sidebar{width:290px;padding:26px 18px 0}.b-main{min-width:0;margin-left:290px}.b-brand{gap:12px}.b-brand>div{letter-spacing:.2px;font-size:19px;line-height:1.3}.b-brand small{letter-spacing:.3px;color:#d4e5ff;margin-top:7px;font-size:12px}.b-logo{min-width:60px;min-height:62px;padding:12px 10px 18px;font-size:24px}.b-logo i{left:13px;right:13px}.b-workspace{font-size:var(--ui-small);gap:12px;margin:24px 0;padding:15px 13px;line-height:1.5}.b-workspace small{color:#d3e3fa;margin-top:7px;font-size:14px}.b-workspace>svg{color:#d5e6fc;width:24px;height:24px}.b-nav-caption{letter-spacing:.6px;color:#dae8fc;margin:0 12px 12px;font-size:14px}.b-sidebar nav{gap:10px}.b-sidebar nav button{font-size:var(--ui-base);color:#e3edfc;white-space:normal;gap:12px;min-height:56px;padding:15px 13px;line-height:1.5}.b-sidebar nav button>svg:first-child{width:23px;height:23px}.b-sidebar nav button>svg:last-child{color:#d6e7ff;width:18px;height:18px}.b-sidebar-bottom{padding-top:28px}.b-sidebar-bottom>p{color:#f0f5ff;padding:18px 15px;font-size:18px;line-height:1.65}.b-sidebar-bottom>p span{color:#d3e5fc;margin-top:14px;font-size:14px;line-height:1.6}.b-user{gap:10px;padding:20px 0}.b-user>span{width:42px;height:42px;font-size:16px}.b-user>div{min-width:0}.b-user b{color:#fff;overflow-wrap:anywhere;font-size:16px}.b-user small{color:#d3e5fc;font-size:14px;line-height:1.5}.b-user button{min-width:var(--ui-touch);min-height:var(--ui-touch);color:#fff;justify-content:center;align-items:center;padding:9px;display:inline-flex}.b-user button svg{width:22px;height:22px}.b-topbar{flex-wrap:wrap;gap:20px;height:auto;min-height:88px;padding:17px 32px}.b-topbar>div{font-size:var(--ui-small);flex-wrap:wrap;gap:12px}.b-topbar>div>span:first-of-type{color:#526b8b}.b-topbar b{font-size:var(--ui-small);color:#294e7c;font-weight:600}.b-role{font-size:var(--ui-small);color:#526b8b}.b-role i{background:#2562b3;width:8px;height:8px}.ui-text-size{font-size:var(--ui-small);color:#344f71;flex-direction:row;align-items:center;gap:9px;max-width:100%;font-weight:500;line-height:1.5;display:flex}.ui-text-size>span{white-space:nowrap}.ui-text-size select{min-height:var(--ui-touch);color:#163e73;width:auto;min-width:150px;max-width:100%;font-size:var(--ui-small);background:#fff;border:1px solid #a7bedb;border-radius:7px;padding:10px 12px;line-height:1.5}.b-icon{min-width:var(--ui-touch);width:auto;min-height:var(--ui-touch);color:#365b8c;gap:8px;height:auto;padding:10px}.b-icon svg{width:22px;height:22px}.b-content{max-width:1600px;padding:32px 32px 0}.b-eyebrow{letter-spacing:.6px;color:#566f90;font-size:14px;line-height:1.6}.b-heading{align-items:flex-start;gap:24px;margin-bottom:28px}.b-heading h1{font-size:var(--ui-title);letter-spacing:-.6px;color:#183e70;margin:14px 0 12px;line-height:1.3}.b-heading p{font-size:var(--ui-base);color:#506987;line-height:1.7}.b-primary,.b-secondary,.b-danger{min-height:var(--ui-touch);white-space:normal;text-align:center;border-radius:8px;gap:9px;padding:13px 18px;line-height:1.5;font-size:var(--ui-base)!important;font-weight:600!important}.b-primary svg,.b-secondary svg,.b-danger svg{flex-shrink:0;width:22px;height:22px}.b-primary{color:#fff}.b-primary.b-yellow{color:#18395f}.b-secondary{color:#294e7d;border-color:#a8bedb}.b-danger{color:#933e2d;background:#fff0ea;border:1px solid #d5a99b}.b-demo{font-size:var(--ui-small);color:#516d91;flex-wrap:wrap;gap:18px;margin-bottom:27px;line-height:1.7}.b-demo>span{gap:9px}.b-demo>span>svg{flex-shrink:0;width:20px;height:20px}.b-demo>button{font-size:var(--ui-small);min-height:var(--ui-touch);color:#004aad;text-align:left;gap:8px;padding:8px 0}.b-demo>button>svg{width:19px;height:19px}.b-demo.is-demo{color:#725a16;border-color:#d6c27f;padding:15px 18px}.b-demo.is-demo button{color:#6a5212}.b-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.b-summary>button{align-items:flex-start;gap:15px;min-width:0;padding:24px 20px}.b-summary>button>div{min-width:0}.b-summary>button>svg{color:#486f9d;width:20px;height:20px;margin-top:6px}.b-summary-icon{color:#295f9f;padding:12px}.b-summary-icon svg{width:26px;height:26px}.b-summary-icon.gold{color:#806514}.b-summary small{font-size:var(--ui-small);color:#4e6889;line-height:1.6}.b-summary strong{font-size:var(--ui-value);color:#004aad;flex-wrap:wrap;gap:8px;margin-top:12px;line-height:1.4}.b-summary strong em{font-size:var(--ui-small);color:#536c8c;line-height:1.5}.b-summary strong.b-money{font-size:var(--ui-value);letter-spacing:-.6px;overflow-wrap:anywhere}.b-panel-head{flex-wrap:wrap;gap:20px;padding:25px 26px}.b-panel h3{font-size:var(--ui-section);letter-spacing:-.3px;color:#264f83;line-height:1.4}.b-panel-head p{font-size:var(--ui-small);color:#536e91;margin-top:10px;line-height:1.7}.b-count{font-size:var(--ui-small);color:#315d97;padding:8px 11px;line-height:1.5}.b-filters{flex-wrap:wrap;gap:16px;padding:18px 25px}.b-filters>label{color:#4b6c95;border-color:#a9bfdb;gap:10px;max-width:620px;min-height:52px;padding:12px 13px}.b-filters>label>svg{flex-shrink:0;width:22px;height:22px}.b-filters input{font-size:var(--ui-base);color:#243f62;min-width:0;line-height:1.6}.b-filters input::placeholder{color:#62738a}.b-filters>select{font-size:var(--ui-base);color:#294e7d;border-color:#a9bfdb;max-width:220px;min-height:52px;padding:10px 14px}.b-table-wrap,.table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-x:auto}.b-table-wrap table{line-height:1.65}.b-table-wrap th{font-size:var(--ui-small);letter-spacing:0;text-transform:none;color:#355576;background:#f0f5fd;padding:17px 22px;font-weight:600;line-height:1.6}.b-table-wrap td{font-size:var(--ui-base);color:#355372;vertical-align:middle;padding:22px;line-height:1.65}.b-table-wrap td b{font-size:var(--ui-base);color:#274f81;font-weight:600}.b-table-wrap td strong{font-size:var(--ui-base);color:#1f4d88;font-weight:600}.b-project-link{color:#274f81;gap:13px;max-width:430px;min-height:52px}.b-project-link b{white-space:normal;text-overflow:clip;min-width:210px;font-weight:600;line-height:1.6;overflow:visible;font-size:var(--ui-base)!important}.b-project-link small{font-size:var(--ui-small);color:#5c7190;white-space:normal;margin-top:9px;line-height:1.6}.b-file{color:#2f66a6;flex-shrink:0;padding:12px}.b-file svg{width:25px;height:25px}.b-row-note{font-size:var(--ui-small);color:#586f8e;max-width:400px;margin-top:8px;line-height:1.7}.b-status{font-size:var(--ui-small);padding:8px 12px;font-weight:600;line-height:1.5}.b-status.s-menunggu,.b-status.s-draf{color:#24569a;background:#e8f0fe}.b-status.s-disetujui,.b-status.s-lunas{color:#28613f;background:#e7f4ec}.b-status.s-ditolak,.b-status.s-dibatalkan{color:#8e4330;background:#fbede7}.b-status.s-diterbitkan{color:#755a12;background:#fff3c9}.b-inline-actions{flex-wrap:wrap;gap:10px}.b-inline-actions>button{min-width:var(--ui-touch);min-height:var(--ui-touch);color:#315c91;font-size:var(--ui-small);background:#fff;border:1px solid #b6c9e2;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;line-height:1.5;display:inline-flex}.b-inline-actions>button:hover{color:#004aad;background:#eef5ff}.b-inline-actions>button>svg{width:21px;height:21px}.b-inline-actions .b-secondary,.b-inline-actions .b-text{min-height:var(--ui-touch);padding:10px 12px;font-size:var(--ui-small)!important}.b-text{color:#004aad;min-height:var(--ui-touch);gap:7px;padding:9px 4px;line-height:1.5;font-size:var(--ui-base)!important}.b-text svg{width:19px;height:19px}.b-empty{color:#4c79b3;gap:17px;padding:52px 25px}.b-empty>svg{width:38px;height:38px}.b-empty h3{font-size:var(--ui-section);color:#355c8d;line-height:1.5}.b-empty p{font-size:var(--ui-base);color:#536d8e;max-width:520px;line-height:1.8}.b-back{color:#315c91;min-height:var(--ui-touch);gap:8px;margin-bottom:18px;line-height:1.6;font-size:var(--ui-base)!important}.b-back svg{width:21px;height:21px}.b-project-header{gap:28px;margin-bottom:22px;padding:28px}.b-project-header h2{letter-spacing:-.4px;color:#1f497e;margin:14px 0 12px;font-size:28px;line-height:1.4}.b-project-header p{font-size:var(--ui-base);color:#536e91;line-height:1.7}.b-project-value{min-width:0;max-width:45%}.b-project-value small{font-size:var(--ui-small);color:#4e6889}.b-project-value strong{font-size:var(--ui-value);overflow-wrap:anywhere;margin:10px 0 14px;line-height:1.5}.b-steps{gap:14px;margin-bottom:26px}.b-steps>button{font-size:var(--ui-base);color:#4b6588;white-space:normal;gap:11px;min-height:68px;padding:16px 14px;line-height:1.5}.b-steps>button>span{color:#446895;width:30px;height:30px}.b-steps>button>span>svg{width:18px;height:18px}.b-steps>button>svg{color:#5c7b9f;width:18px;height:18px}.b-steps>button.active{color:#144c99;border-color:#7ca6de}.b-step-dot{background:#7595bf;width:8px;height:8px}.b-detail-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.b-pad{padding:27px}.b-section-title{flex-wrap:wrap;align-items:flex-start;gap:18px}.b-section-title h3{font-size:var(--ui-section)}.b-details{gap:25px;margin:30px 0}.b-details dt{font-size:var(--ui-small);color:#5a7090;line-height:1.6}.b-details dd{font-size:var(--ui-base);color:#2c507c;margin-top:8px;line-height:1.8}.b-note{padding:20px}.b-note small{font-size:var(--ui-small);letter-spacing:.2px;color:#546b8d}.b-note p{font-size:var(--ui-base);color:#345678;margin-top:13px;line-height:1.8}.b-muted{font-size:var(--ui-base);color:#526c8c;margin-top:18px;line-height:1.8}.b-section-icon{color:#3d6ba9;padding:13px}.b-section-icon svg{width:27px;height:27px}.b-field{font-size:var(--ui-small);color:#3f6087;gap:11px;margin-top:24px;line-height:1.6}.b-field select,.b-field textarea{font-size:var(--ui-base);color:#274f80;border-color:#a7bedc;min-height:52px;padding:12px 14px;line-height:1.6}.b-guidance{font-size:var(--ui-small);color:#526d90;gap:11px;padding:18px;line-height:1.8}.b-guidance>svg{color:#416b9f;width:22px;height:22px;margin-top:3px}.b-total-row{font-size:var(--ui-base);color:#3c5d85;padding:25px;line-height:1.6}.b-total-row strong{font-size:var(--ui-value);line-height:1.5}.b-panel-footer{font-size:var(--ui-small);color:#566f90;flex-wrap:wrap;gap:18px;padding:20px 24px;line-height:1.8}.b-panel-footer>span{max-width:100%}.b-panel-footer .b-text{font-size:var(--ui-small)!important}.b-billing-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.b-billing-stats>div{min-width:0;padding:21px}.b-billing-stats small{font-size:var(--ui-small);color:#526d90;line-height:1.5}.b-billing-stats strong{color:#235591;overflow-wrap:anywhere;letter-spacing:-.4px;margin-top:16px;font-size:24px;font-weight:600;line-height:1.5}.b-inline-notice{font-size:var(--ui-small);color:#735b17;border-color:#d8c78a;gap:11px;margin:0 24px 22px;padding:17px 18px;line-height:1.8}.b-inline-notice>svg{width:22px;height:22px}.b-error{font-size:var(--ui-base);color:#873c28;padding:17px 18px;line-height:1.7}.b-error button{font-size:var(--ui-small);min-height:var(--ui-touch);padding:8px}.b-footer{font-size:var(--ui-small);color:#5d7391;flex-wrap:wrap;padding:28px 0;line-height:1.7}.b-modal-overlay{padding:28px}.b-modal{width:780px;max-height:calc(100dvh - 56px);padding:30px;scroll-padding:24px}.b-modal-heading{margin-bottom:15px}.b-modal h2{color:#234f8c;font-size:30px;line-height:1.4}.b-modal .b-eyebrow{font-size:14px}.b-form-grid{gap:22px;margin-top:26px}.b-form-grid>label{font-size:var(--ui-small);color:#3f5f85;gap:10px;line-height:1.6}.b-form-grid input,.b-form-grid select,.b-form-grid textarea{font-size:var(--ui-base);color:#253f62;border-color:#9fb8d9;min-height:54px;padding:12px 14px;line-height:1.6}.b-form-grid input::placeholder,.b-form-grid textarea::placeholder{color:#657790}.b-form-grid textarea{min-height:110px}.b-form-grid input:focus,.b-form-grid select:focus,.b-form-grid textarea:focus{border-color:#005cd6;box-shadow:0 0 0 3px #dae8ff}.b-modal-actions{flex-wrap:wrap;gap:13px;margin-top:28px;padding-top:25px}.b-modal .b-muted{font-size:var(--ui-base);line-height:1.85}.b-modal .b-inline-notice{font-size:var(--ui-small)}.b-toast{font-size:var(--ui-base);gap:13px;max-width:min(760px,90vw);padding:17px 20px;line-height:1.6;left:calc(50% + 130px)}.b-toast>svg{width:24px;height:24px}.b-toast>button{min-width:44px;min-height:44px;padding:9px}.b-toast>button>svg{width:21px;height:21px}.login-page{font-size:var(--ui-base)}.login-story{padding:44px}.login-brand>b{font-size:20px}.login-story h1{font-size:44px;line-height:1.25}.login-story-copy .eyebrow{font-size:14px;line-height:1.7}.login-story p{font-size:var(--ui-base);color:#e0ecfc;line-height:1.9}.login-features{font-size:var(--ui-base);color:#ebf3ff;gap:24px;line-height:1.7}.login-features svg{width:24px;height:24px}.login-story>small{font-size:var(--ui-small);color:#d8e8fe}.login-form-side{min-width:0;padding:38px}.login-card{width:520px;max-width:100%}.login-card .eyebrow{letter-spacing:.6px;color:#546e91;font-size:14px;line-height:1.8}.login-card h2{font-size:var(--ui-title);margin:15px 0;line-height:1.3}.login-card>p{font-size:var(--ui-base);color:#4f698b;margin:18px 0 25px;line-height:1.85}.login-cta{min-height:56px;font-size:var(--ui-base);padding:16px 19px;line-height:1.5}.login-cta svg{width:24px;height:24px}.login-switch{font-size:var(--ui-small);min-height:var(--ui-touch);color:#305b96;padding:10px 5px;line-height:1.6}.login-known{font-size:var(--ui-base);color:#315b91;padding:16px;line-height:1.6}.login-known small{font-size:var(--ui-small);color:#526f95;overflow-wrap:anywhere;margin-top:8px;line-height:1.7}.login-roles{gap:25px}.login-roles>div{gap:12px}.login-roles b{font-size:var(--ui-base);color:#294d7b;line-height:1.6}.login-roles small{font-size:var(--ui-small);color:#546e91;line-height:1.85}.login-roles svg{color:#4d7bb8;width:25px;height:25px}.login-card>p.login-contact{font-size:var(--ui-small);color:#4f698a;padding:17px;line-height:1.85}.login-footer{font-size:var(--ui-small);color:#5b7191;margin-top:30px;line-height:1.6;position:static}.login-card>.ui-text-size{background:#f4f8ff;border:1px solid #d4e1f3;border-radius:8px;justify-content:space-between;margin:0 0 26px;padding:14px}.credentials-form{gap:21px;margin-top:26px}.credentials-form label{font-size:var(--ui-small);color:#3f5e84;gap:10px;line-height:1.6}.credentials-form input{font-size:var(--ui-base);color:#263f61;border-color:#a6bcda;min-height:54px;padding:13px 14px;line-height:1.6}.credentials-form .primary{min-height:52px;font-size:var(--ui-base);padding:13px 17px}.login-card .error{font-size:var(--ui-base);color:#8f402e;padding:15px;line-height:1.8}.users-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:24px}.users-layout .panel-heading{gap:15px;padding:24px}.users-layout h2,.settings-panel h2{font-size:var(--ui-section);color:#2b558a;line-height:1.4}.users-layout .panel-heading p{font-size:var(--ui-small);color:#536f92;line-height:1.7}.users-layout .number-tag{font-size:var(--ui-small);color:#416998;line-height:1.5}.users-layout th{font-size:var(--ui-small);text-transform:none;letter-spacing:0;color:#3c5a7f;padding:16px 20px;line-height:1.6}.users-layout td{font-size:var(--ui-base);color:#36567f;padding:22px 20px;line-height:1.7}.users-layout td b{font-size:var(--ui-base);line-height:1.6}.users-layout td small{font-size:var(--ui-small);color:#596e8b;margin-top:9px;line-height:1.7}.users-layout select{font-size:var(--ui-small);min-height:var(--ui-touch);color:#30588c;border-color:#a8bedb;min-width:135px;max-width:100%;padding:12px}.users-layout .badge,.users-layout td .badge{font-size:var(--ui-small);color:#345e93;padding:8px 11px;line-height:1.5}.users-layout button.badge{min-height:var(--ui-touch)}.users-layout .badge.selesai{color:#28613f;background:#e7f4ec}.users-layout .badge.dibatalkan{color:#8e4330;background:#fbede7}.users-layout .icon-button{width:auto;min-height:var(--ui-touch);min-width:var(--ui-touch);color:#8f4330;font-size:var(--ui-small);border:1px solid #dbc1b9;gap:8px;padding:10px}.users-layout .icon-button svg{width:21px;height:21px}.users-list th:first-child,.users-list td:first-child{overflow-wrap:anywhere;min-width:245px;max-width:390px}.permission-summary{gap:24px;padding:24px}.permission-summary svg{color:#4e75aa;width:24px;height:24px}.permission-summary b{font-size:var(--ui-base);line-height:1.5}.permission-summary p{font-size:var(--ui-small);color:#526d90;line-height:1.8}.add-user{padding:25px}.add-user>p{font-size:var(--ui-base);color:#536c8c;margin-top:17px;line-height:1.8}.add-user label{font-size:var(--ui-small);color:#3f5d83;gap:10px;line-height:1.6}.add-user input,.add-user select{font-size:var(--ui-base);color:#294a74;border-color:#a6bcda;min-height:54px;padding:12px 14px;line-height:1.6}.add-user input::placeholder{color:#697e98}.add-user form{gap:22px}.add-user form>.primary{min-height:52px;font-size:var(--ui-base);padding:13px 16px}.add-user .setting-note{font-size:var(--ui-small);color:#536d90;padding:17px;line-height:1.85}.setting-note>svg{width:22px!important;height:22px!important}.reset-password-button{font-size:var(--ui-small);min-height:var(--ui-touch);color:#355f96;margin-right:9px;padding:10px;line-height:1.6}.settings-panel{padding:26px}.settings-panel>p{font-size:var(--ui-base);color:#536e90;line-height:1.85}.settings-panel .credentials-form .primary{min-height:52px;font-size:var(--ui-base)}.modal{width:740px;max-height:calc(100dvh - 40px);padding:28px}.modal-head .eyebrow{font-size:14px}.modal h2{font-size:30px;line-height:1.4}.modal>p{font-size:var(--ui-base);color:#536d90;line-height:1.8}.modal .icon-button{min-height:var(--ui-touch);min-width:var(--ui-touch);width:auto;height:auto}.modal .primary,.modal .secondary{min-height:var(--ui-touch);font-size:var(--ui-base);padding:13px 17px;line-height:1.5}.modal-actions{gap:12px}.users-layout .error{font-size:var(--ui-base);color:#8f402e;padding:16px;line-height:1.8}.session-loading h2{font-size:26px}.session-loading p,.session-loading a{font-size:var(--ui-base);color:#4f698b;line-height:1.8}.session-loading a{min-height:var(--ui-touch);padding:9px}@media (max-width:1350px){.b-summary{grid-template-columns:1fr 1fr}.b-summary>button:last-child{grid-column:1/-1}.b-billing-stats{grid-template-columns:1fr 1fr}.b-detail-grid,.users-layout{grid-template-columns:1fr}.b-heading,.b-project-header{flex-wrap:wrap}.b-project-value{max-width:100%}.b-topbar{padding-inline-start:24px;padding-inline-end:24px}.b-content{padding:28px 24px 0}}@media (max-width:1100px){.b-sidebar{width:290px;max-width:90vw;transition:transform .2s;overflow-y:auto;transform:translate(-100%)}.b-sidebar.open{transform:translate(0)}.b-main{margin-left:0}.b-mobile-menu{min-width:var(--ui-touch);min-height:var(--ui-touch);color:#315c91;justify-content:center;align-items:center;display:inline-flex}.b-mobile-menu svg{width:25px;height:25px}.b-topbar{padding:12px 20px}.b-topbar>div{font-size:var(--ui-small)}.b-sidebar-bottom{padding-top:25px}.b-toast{left:50%}.login-page{grid-template-columns:1fr}.login-story{min-height:0;padding:32px}.login-story-copy{padding:30px 0 12px}.login-story h1{margin:18px 0;font-size:38px}.login-story>small{margin-top:15px}.login-features{display:none}.login-form-side{padding:35px 25px}.login-card{width:600px}.login-story p{font-size:var(--ui-base)}}@media (max-width:760px){.b-content{padding:24px 17px 0}.b-topbar{gap:13px;min-height:0;padding:10px 15px}.b-topbar>div{gap:8px}.b-topbar>div:last-child{justify-content:space-between;width:100%}.b-role{display:none}.ui-text-size{font-size:var(--ui-small);flex-wrap:wrap;gap:8px}.ui-text-size select{min-width:155px;font-size:var(--ui-small)}.b-heading{gap:20px;margin-bottom:25px}.b-heading h1{font-size:var(--ui-title);line-height:1.3}.b-heading p{font-size:var(--ui-base)}.b-heading .b-eyebrow{font-size:14px;line-height:1.7}.b-heading>.b-primary{width:100%;min-height:54px;margin-top:0}.b-demo{font-size:var(--ui-small);align-items:flex-start;gap:10px}.b-demo>span{align-items:flex-start;max-width:100%;line-height:1.8}.b-demo>span>svg{width:20px;height:20px;margin-top:4px}.b-demo>button{font-size:var(--ui-small);white-space:normal;padding:8px 0}.b-summary{grid-template-columns:1fr;gap:14px}.b-summary>button{gap:14px;padding:20px}.b-summary>button:last-child{grid-column:auto}.b-summary strong.b-money{font-size:var(--ui-value)}.b-summary small,.b-summary strong em{font-size:var(--ui-small)}.b-panel-head{gap:17px;padding:22px 18px}.b-panel-head h3{font-size:var(--ui-section)}.b-panel-head p{font-size:var(--ui-small)}.b-panel-head>.b-primary{width:100%;min-height:52px;padding:12px 15px;font-size:var(--ui-base)!important}.b-filters{flex-direction:column;gap:14px;padding:17px}.b-filters>label{width:100%;max-width:100%;min-height:54px}.b-filters input{font-size:var(--ui-base)}.b-filters>select{width:100%;max-width:100%;font-size:var(--ui-base);min-height:54px}.b-table-wrap th{font-size:var(--ui-small);padding:16px 18px}.b-table-wrap td{font-size:var(--ui-base);padding:21px 18px}.b-project-link{max-width:330px}.b-project-link b{min-width:210px;font-size:var(--ui-base)!important}.b-project-link small{font-size:var(--ui-small)}.b-project-header{gap:23px;padding:22px}.b-project-header h2{font-size:27px;line-height:1.4}.b-project-header p{font-size:var(--ui-base)}.b-project-value{text-align:left;width:100%;max-width:100%;padding-top:21px}.b-project-value small{font-size:var(--ui-small)}.b-project-value strong{font-size:var(--ui-value);margin:10px 0 14px;display:block}.b-steps{flex-direction:column;gap:11px;margin-bottom:24px}.b-steps>button{font-size:var(--ui-base);justify-content:flex-start;gap:12px;min-height:60px;padding:14px 17px}.b-steps>button>span{width:30px;height:30px}.b-steps>button>span>svg{width:18px;height:18px}.b-steps>button>svg{width:19px;height:19px;display:block}.b-pad{padding:23px 20px}.b-section-title{flex-direction:column;gap:17px}.b-section-title h3{font-size:var(--ui-section)}.b-details{grid-template-columns:1fr;gap:23px;margin:29px 0}.b-details dd{font-size:var(--ui-base)}.b-details dt{font-size:var(--ui-small)}.b-note{padding:18px}.b-note p{font-size:var(--ui-base)}.b-muted{font-size:var(--ui-base);line-height:1.85}.b-total-row{font-size:var(--ui-base);flex-direction:column;align-items:flex-start;gap:10px;padding:22px 18px}.b-total-row strong{font-size:var(--ui-value)}.b-panel-footer{font-size:var(--ui-small);align-items:flex-start;gap:14px;padding:19px 18px}.b-panel-footer>span{max-width:100%}.b-panel-footer .b-text{white-space:normal;font-size:var(--ui-small)!important}.b-billing-stats{grid-template-columns:1fr;gap:13px;margin-bottom:24px}.b-billing-stats>div{padding:20px}.b-billing-stats strong{font-size:27px;line-height:1.5}.b-billing-stats small{font-size:var(--ui-small)}.b-inline-notice{font-size:var(--ui-small);align-items:flex-start;margin:0 17px 20px;padding:16px}.b-inline-notice>svg{margin-top:3px}.b-empty{padding:40px 20px}.b-empty h3{font-size:var(--ui-section)}.b-empty p{font-size:var(--ui-base)}.b-modal-overlay{padding:10px}.b-modal{width:100%;max-height:calc(100dvh - 20px);padding:23px 19px}.b-modal h2{font-size:29px}.b-form-grid{grid-template-columns:1fr;gap:22px;margin-top:24px}.b-form-grid .full{grid-column:auto}.b-form-grid>label{font-size:var(--ui-small)}.b-form-grid input,.b-form-grid select,.b-form-grid textarea{font-size:var(--ui-base);min-height:54px;padding:13px 12px}.b-modal-actions{flex-direction:column-reverse;gap:12px;margin-top:26px;padding-top:23px}.b-modal-actions>button{width:100%;min-height:54px}.b-toast{font-size:var(--ui-base);align-items:flex-start;gap:10px;width:calc(100% - 24px);max-width:calc(100% - 24px);padding:15px;bottom:12px;left:50%}.b-toast>svg{margin-top:5px}.b-toast>button{flex-shrink:0;margin-left:auto}.b-footer{font-size:var(--ui-small);flex-direction:column;align-items:flex-start;gap:9px;padding:26px 0}.b-inline-actions{gap:10px}.b-inline-actions>button{font-size:var(--ui-small);min-height:var(--ui-touch)}.login-story{padding:25px}.login-brand>b{font-size:18px;line-height:1.5}.login-brand .logo{padding:12px 10px;font-size:20px;line-height:1.4}.login-story-copy{padding:25px 0 10px}.login-story h1{margin:20px 0;font-size:34px;line-height:1.3}.login-story p{font-size:var(--ui-base)}.login-story>small{display:none}.login-form-side{padding:30px 20px}.login-card h2{font-size:var(--ui-title)}.login-card>.eyebrow{font-size:14px}.login-card>p{font-size:var(--ui-base)}.login-roles{grid-template-columns:1fr;gap:25px}.login-card>p.login-contact{font-size:var(--ui-small)}.login-card .ui-text-size{margin-bottom:24px}.login-footer{font-size:var(--ui-small)}.users-layout .panel-heading{padding:22px 18px}.users-layout .panel-heading h2{font-size:var(--ui-section)}.users-layout .panel-heading p{font-size:var(--ui-small)}.users-layout td{font-size:var(--ui-base);padding:21px 18px}.users-layout th{font-size:var(--ui-small)}.users-layout select{font-size:var(--ui-small);min-width:140px}.users-layout td:first-child{min-width:245px}.add-user{padding:24px 20px}.add-user form{grid-template-columns:1fr}.permission-summary{grid-template-columns:1fr;gap:26px;padding:22px}.permission-summary b{font-size:var(--ui-base)}.permission-summary p{font-size:var(--ui-small)}.settings-panel{padding:23px 20px}.modal-overlay{padding:10px}.modal{width:100%;max-height:calc(100dvh - 20px);padding:24px 19px}.modal h2{font-size:29px}.modal-actions{flex-direction:column-reverse}.modal-actions>button{width:100%;min-height:54px}.reset-password-button{font-size:var(--ui-small)}}@media (prefers-reduced-motion:reduce){.b-sidebar,.b-summary>button{transition:none}}.b-user{flex-wrap:wrap}.b-user>button{border:1px solid #ffffff40;border-radius:7px;flex-basis:100%;justify-content:center;gap:9px;margin-top:8px;margin-left:0}.b-user>button>span,.b-topbar .b-icon,.b-topbar .b-icon>span{font-size:var(--ui-small)}}.b-brand{background:#fff;border:1px solid #dce7f6;border-radius:12px;justify-content:center;min-height:90px;margin-bottom:20px;display:flex;padding:12px!important}.b-brand>img{object-fit:contain;width:100%;max-width:245px;height:auto;display:block}.login-brand{box-sizing:border-box;background:#fff;border-radius:14px;align-self:flex-start;max-width:100%;padding:16px 20px;display:flex}.login-brand>img{object-fit:contain;width:340px;max-width:100%;height:auto;display:block}.kks-loading-logo{object-fit:contain;border-radius:18px;width:88px;height:88px;display:block}@media (max-width:600px){.login-brand{padding:12px 16px}.login-brand>img{width:270px}}@media print{.b-print-brand>img{object-fit:contain;flex-shrink:0;width:240px;height:auto}.b-print-brand{justify-content:space-between;gap:24px}.b-print-brand h2{display:none}.b-print-brand p{margin:0}}.q-editor{border-top:2px solid #dbe6f6;margin-top:28px;padding-top:24px}.q-editor-title p{color:#465c77;margin:12px 0;font-size:16px;line-height:1.6}.q-add-subject{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.q-edit-section{background:#f8fbff;border:2px solid #b8cdee;border-radius:12px;margin:18px 0;padding:20px}.q-edit-section-head,.q-group-heading,.q-item-total,.q-rounding{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.q-edit-group{background:#fff;border:1px solid #c8d8ee;border-radius:8px;margin:18px 0;padding:18px}.q-group-heading>label{flex:1;min-width:200px}.q-editor label{color:#283f60;gap:8px;font-size:16px;display:grid}.q-editor input,.q-editor select,.q-editor textarea{color:#16385e;width:100%;min-width:0;min-height:48px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #aebfd8;border-radius:6px;padding:10px;font-size:18px}.q-item-card{border-top:1px solid #dce7f5;margin:16px 0;padding-top:16px}.q-item-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.q-item-fields>label:last-child{grid-column:span 2}.q-item-total{margin:12px 0}.q-rounding{background:#eaf2ff;border-radius:8px;margin-top:18px;padding:18px;line-height:1.7}.q-rounding>label{width:310px;max-width:100%}.q-grand{background:#fff4c7;margin-bottom:20px}.q-editor details summary,.q-preview-details>summary{cursor:pointer;padding:16px 0;font-size:18px;font-weight:600}.q-modal{width:1120px!important}.q-preview-details{margin-top:24px}.q-preview{background:#dce4ef;max-height:750px;padding:18px;overflow:auto}.q-print-root{display:none}.q-print-page{color:#000;box-sizing:border-box;background:#fff;flex-direction:column;width:186mm;min-height:270mm;margin:0 auto 20px;padding:0;font:10pt/1.18 Arial,sans-serif;display:flex;position:relative}.q-letterhead{box-sizing:border-box;border-bottom:3px double #000;align-items:center;gap:8mm;min-height:21mm;padding:2mm 0 3mm;display:flex}.q-letterhead img{object-fit:contain;width:48mm;height:auto}.q-letterhead>div{text-align:center;flex:1;font-size:8pt}.q-letterhead strong{color:#004aad;font-size:13pt}.q-letterhead p{margin:2mm 0 0}.q-letter-meta{justify-content:space-between;margin:2mm 0 1.5mm;font-size:9pt;display:flex}.q-recipient{white-space:pre-line;gap:1mm;font-size:10pt;display:grid}.q-recipient>b{text-decoration:underline}.q-letter-title{text-align:center;text-decoration:underline;color:#000!important;letter-spacing:0!important;margin:2mm 0!important;font-size:13pt!important;line-height:1.2!important}.q-subject{margin:1mm 0;font-size:9pt;font-weight:700}.q-subject>b{width:15mm;display:inline-block}.q-letter-table{table-layout:fixed;width:100%;margin:0;font-family:Arial,sans-serif;border-collapse:collapse!important;white-space:normal!important}.q-letter-table th,.q-letter-table td{overflow-wrap:anywhere;vertical-align:middle;color:#000!important;letter-spacing:0!important;border:.3mm solid #111!important;padding:.6mm .7mm!important;font-size:8pt!important;line-height:1.12!important}.q-letter-table th{text-align:center;font-weight:700;background:#fff!important}.q-letter-table td:first-child{text-align:center}.q-letter-table .q-currency{text-align:right;white-space:nowrap;overflow-wrap:normal}.q-detail-table td:not(:nth-child(2)){text-align:center}.q-detail-table td.q-currency{text-align:right}.q-summary-caption{background:#00b0e8;margin-top:1mm;padding:1mm;font-size:11pt;font-style:italic;font-weight:700}.q-summary-table th{background:#dceef2!important;font-size:10pt!important}.q-summary-table td{padding:.9mm!important;font-size:10pt!important}.q-summary-table td[colspan]{text-align:right}.q-letter-table .q-total-green td{font-weight:700;background:#92d050!important}.q-letter-table .q-total-pink td{font-weight:700;background:#e6b8b7!important}.q-letter-table .q-total-green td[colspan],.q-total-pink td[colspan]{text-align:center}.q-summary-table .q-total-green td[colspan]{text-align:right}.q-letter-table .q-group-row th{text-align:left;break-after:avoid;background:#ff0!important}.q-ducting-page .q-letter-table .q-group-row th{letter-spacing:1px!important;background:#fff!important}.q-letter-table .q-subtotal td{font-weight:700}.q-letter-table .q-subtotal td[colspan]{text-align:right}.q-simple-page .q-subtotal td:last-child{background:#ff0!important}.q-yellow-strip{background:#ff0;height:5mm}.q-terms{white-space:pre-line;break-inside:avoid;margin-top:4mm;font-size:8pt;line-height:1.4}.q-summary-page .q-terms{margin-top:12mm;font-size:9pt}.q-terms p{margin:1mm 0}.q-terms p>span{min-width:29mm;display:inline-block}.q-bank{margin-left:20mm!important}.q-signature{margin-top:7mm;line-height:1.8}.q-signature b{text-decoration:underline}.q-letter-footer{text-align:center;margin-top:auto;padding-top:6mm;font-size:7pt;line-height:1.5}.q-letter-footer strong{color:#004aad;font-size:9pt}.q-letter-footer p{margin:0}.q-letter-footer small{font-size:7pt}.q-demo-stamp{color:#a53d17;text-align:center;font-size:8pt}.q-continuation{margin:4mm 0;font-size:8pt}.q-preview-details{background:#fff;border:1px solid #dce7f5;border-radius:10px;padding:12px 20px}.q-section-summary{margin-top:22px}.q-section-summary>div{border-bottom:1px solid #dce7f5;justify-content:space-between;gap:18px;padding:14px 0;font-size:18px;display:flex}.q-section-summary strong{white-space:nowrap}@media (max-width:700px){.q-item-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.q-edit-section,.q-edit-group{padding:12px}.q-edit-section-head{align-items:flex-start}.q-editor .b-inline-actions{flex-wrap:wrap}.q-modal{padding:16px!important}.q-section-summary>div{flex-direction:column}}@media print{@page{size:A4 portrait;margin:12mm}.q-print-root{display:block!important}.q-preview{display:none!important}.q-print-page{break-after:page;page-break-after:always;width:100%;height:270mm;min-height:270mm;margin:0}.q-print-page:last-child{break-after:auto;page-break-after:auto}.q-document,.q-document *{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;box-sizing:border-box}.q-letter-table thead{display:table-header-group}.q-letter-table tr{break-inside:avoid;page-break-inside:avoid}.q-document footer{display:block!important}.q-print-root~*{display:none}}.q-detail-table th,.q-detail-table td{padding:.45mm .6mm!important;font-size:7.2pt!important;line-height:1.08!important}.q-detail-table th,.q-detail-table td:nth-last-child(3){overflow-wrap:normal}.q-ducting-page .q-terms,.q-simple-page .q-terms{margin-top:3mm;font-size:7.5pt}.q-ducting-page .q-signature,.q-simple-page .q-signature{margin-top:5mm}.q-letter-footer,.q-letterhead{flex-shrink:0}.q-print-page{height:270mm;padding-bottom:16mm;display:block}.q-letter-footer{margin:0;padding-top:4mm;position:absolute;bottom:0;left:0;right:0}.ducting-input-wrap{border:1px solid #b7c8df;margin:18px 0;overflow-x:auto}.ducting-input-table{border-collapse:collapse;width:100%;min-width:1480px;font-size:18px}.ducting-input-table th,.ducting-input-table td{vertical-align:middle;color:#183c68;white-space:normal;border:1px solid #b7c8df;padding:10px;font-size:18px}.ducting-input-table th{text-align:center;background:#edf3fd}.ducting-input-table thead tr:first-child th:nth-child(2){min-width:360px}.ducting-input-table td:first-child{min-width:78px}.ducting-input-table td input{min-width:80px}.ducting-input-table td:nth-last-child(2) input{min-width:160px}.ducting-input-table td:last-child{white-space:nowrap;min-width:150px}.ducting-input-table .b-danger{margin-top:8px;display:block}.q-editor .ducting-link-option{align-items:flex-start;gap:10px;margin-top:10px;font-size:16px;line-height:1.5;display:flex}.q-editor .ducting-link-option input{flex:none;width:24px;min-width:24px;height:24px;min-height:24px;padding:0}.ducting-input-table small{white-space:normal;margin-top:10px;font-size:16px;line-height:1.5;display:block}.ducting-yellow,.q-letter-table .q-m2-yellow{font-weight:700;color:#111!important;background:#ff0!important}.ducting-area-total{color:#403300;background:#fff7a8;border:1px solid #d7c21a;border-radius:8px;gap:12px;margin:18px 0;padding:18px;font-size:18px;display:grid}.ducting-area-total span{font-size:16px;line-height:1.6}.ducting-input-table{table-layout:fixed;min-width:1600px}.q-editor .ducting-input-table input{box-sizing:border-box;width:100%;min-width:0}.q-editor .ducting-input-table .ducting-link-option input{width:24px;min-width:24px}.ducting-input-table output{overflow-wrap:anywhere;font-size:18px}.bt-panel{margin-bottom:24px}.bt-controls{background:#f5f8ff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.bt-controls label{align-items:center;gap:12px;font-size:18px;display:flex}.bt-controls select{min-height:48px;font:inherit;color:#183b6a;background:#fff;border:1px solid #a8bcd8;border-radius:6px;padding:8px}.bt-controls>span{color:#4f6480;font-size:16px}.bt-list{padding:0 24px}.bt-entry{border-bottom:1px solid #e0e8f4;align-items:center;gap:22px;padding:22px 0;display:flex}.bt-date{text-align:center;color:#004aad;border-left:4px solid #004aad;gap:6px;min-width:90px;padding:8px;display:grid}.bt-date strong{font-size:21px}.bt-date span{font-size:16px}.bt-copy{flex:1;min-width:0}.bt-copy h4{color:#163b70;margin:8px 0;font-size:20px}.bt-copy p{color:#4c617e;overflow-wrap:anywhere;margin:8px 0;font-size:16px}.bt-copy>strong{color:#163b70;font-size:20px}.bt-label{color:#355c91;font-size:16px;font-weight:600}.overdue .bt-date{color:#b52f25;border-color:#b52f25}.overdue .bt-label{color:#b52f25}.soon .bt-date{border-color:#c48b00}.soon .bt-label{color:#855500}.paid .bt-date{color:#267144;border-color:#267144}.bt-note{color:#4a607d;background:#f8fbff;padding:18px 24px;line-height:1.6;margin:0!important;font-size:16px!important}.bt-banner{color:#694800;background:#fff7dc;border:1px solid #e2b952;border-left:5px solid #c68c00;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:18px 22px;font-size:18px;display:flex}.bt-banner.is-overdue{color:#8c3323;background:#fff0ec;border-color:#d6a195}.bt-banner strong{font-size:20px}.bt-banner p{margin:7px 0 0;font-size:16px}@media (max-width:700px){.bt-entry{flex-wrap:wrap;align-items:flex-start;gap:12px}.bt-date{min-width:72px}.bt-entry>button{margin-left:84px}.bt-list{padding-inline-start:16px;padding-inline-end:16px}}