.login-page{display:flex;height:100vh}.login-left{background:linear-gradient(135deg,#1a5276,#1f618d 60%,#2874a6);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:48px;width:45%}.brand-logo{color:#f0b429;font-size:52px;font-weight:700;letter-spacing:3px;margin-bottom:8px}.brand-subtitle{color:#aed6f1;font-size:16px;margin-bottom:4px}.brand-desc{color:#7fb3d3;font-size:13px;margin-bottom:48px}.login-features{display:flex;flex-direction:column;gap:16px}.feature-item{color:#d6eaf8;font-size:15px;gap:10px}.feature-item,.login-right{align-items:center;display:flex}.login-right{background:#f0f2f5;flex:1 1;justify-content:center}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:36px;width:380px}.login-box-header{margin-bottom:24px}.login-box-header h2{color:#1a5276;font-size:22px;margin-bottom:4px}.login-box-header p{color:#888;font-size:13px}.login-btn{font-size:15px;margin-top:8px;padding:11px;width:100%}.login-footer{color:#aaa;margin-top:20px;text-align:center}.form-group{margin-bottom:16px}.form-group label{margin-bottom:5px}.form-control{font-size:14px;padding:9px 12px}.form-control:focus{box-shadow:0 0 0 2px #1a52761a}.btn-primary:disabled{background:#7fb3d3;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;font-family:Arial,sans-serif}.layout{display:flex;flex-direction:column;height:100vh}.topbar{background:#1a5276;box-shadow:0 2px 6px #0000004d;color:#fff;flex-shrink:0;height:48px;justify-content:space-between;padding:0 16px;z-index:100}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.logo{align-items:baseline;display:flex;gap:4px}.logo-tigem{color:#f0b429;font-size:20px;font-weight:700;letter-spacing:1px}.logo-erp{color:#aed6f1;font-size:12px}.topbar-right{align-items:center;display:flex;gap:12px}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:700}.user-rol{color:#aed6f1;font-size:11px}.logout-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}.logout-btn:hover{background:#c0392b}.navbar{align-items:center;background:#1e3a5f;border-bottom:2px solid #154360;display:flex;flex-shrink:0;gap:2px;height:42px;overflow-x:auto;padding:0 8px}.navbar::-webkit-scrollbar{height:6px}.navbar::-webkit-scrollbar-thumb{background:#aed6f1;border-radius:4px}.navbar-item{align-items:center;background:none;border:none;border-radius:4px;color:#aed6f1;cursor:pointer;display:flex;font-size:13px;gap:6px;height:32px;padding:5px 14px;transition:background .15s,color .15s;white-space:nowrap}.navbar-item:hover{background:#ffffff1a;color:#fff}.navbar-item.active{background:#2471a3;color:#fff;font-weight:700}.navbar-icon{font-size:14px}.subbar{align-items:center;background:#eaf2fb;border-bottom:2px solid #d4e6f1;display:flex;flex-shrink:0;gap:4px;height:38px;overflow-x:auto;padding:0 12px;scrollbar-color:#2980b9 #0000;scrollbar-width:thin}.subbar::-webkit-scrollbar{height:6px}.subbar::-webkit-scrollbar-thumb{background:#2980b9;border-radius:4px}.subbar::-webkit-scrollbar-track{background:#0000}.subbar-item{align-items:center;background:none;border:1px solid #0000;border-radius:4px;color:#1a5276;cursor:pointer;display:flex;font-size:13px;gap:5px;height:28px;padding:4px 14px;transition:background .15s;white-space:nowrap}.subbar-item:hover{background:#d4e6f1}.subbar-item.active{background:#1a5276;border-color:#1a5276;color:#fff;font-weight:700}.main-container{display:flex;flex:1 1;min-height:0;overflow:hidden}.content{flex:1 1;overflow-x:auto;overflow-y:auto;padding:24px}.sidebar{background:#f7f9fc;border-right:1px solid #dce6f0;flex-shrink:0;overflow-y:auto;width:195px}.sidebar-title{background:#d4e6f1;border-bottom:1px solid #aed6f1;color:#1a5276;font-size:11px;font-weight:700;letter-spacing:.5px;padding:9px 14px;text-transform:uppercase}.sidebar-item{align-items:center;border-bottom:1px solid #eef2f7;color:#444;display:flex;font-size:13px;gap:8px;padding:9px 14px;text-decoration:none;transition:background .15s}.sidebar-item:hover{background:#eaf2fb;color:#1a5276}.sidebar-item.active{background:#d4e6f1;border-left:3px solid #2471a3;color:#1a5276;font-weight:700}.page-header{margin-bottom:20px}.page-header h1{color:#1a5276;font-size:20px;font-weight:700}.page-header p{color:#666;font-size:13px;margin-top:4px}.card{background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000014;margin-bottom:16px;padding:20px}.card h2{border-bottom:2px solid #eaf0fb;color:#1a5276;font-size:15px;margin-bottom:14px;padding-bottom:8px}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px}.stat-card{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000014;display:flex;gap:14px;padding:16px}.stat-icon{font-size:28px}.stat-value{color:#1a5276;font-size:26px;font-weight:700}.stat-label{color:#888;font-size:12px}.table-container{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}th{background:#1a5276;color:#fff;font-weight:400;padding:9px 12px;text-align:left}td{border-bottom:1px solid #eee;padding:8px 12px}tr:hover td{background:#f5f8fc}.badge{border-radius:10px;display:inline-block;font-size:11px;padding:2px 8px}.badge-aktif{background:#d5f5e3;color:#1e8449}.badge-pasif{background:#fadbd8;color:#c0392b}.btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:7px 14px}.btn-primary{background:#1a5276;color:#fff}.btn-primary:hover{background:#1f618d}.btn-success{background:#1e8449;color:#fff}.btn-success:hover{background:#196f3d}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{font-size:12px;padding:4px 10px}.toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:7px 12px;width:240px}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:6px;max-height:90vh;overflow-y:auto;width:480px}.modal-header{align-items:center;background:#1a5276;color:#fff;display:flex;justify-content:space-between;padding:14px 18px}.modal-header h3{font-size:15px}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.modal-body{padding:18px}.modal-footer{border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;padding:12px 18px}.form-group{margin-bottom:14px}.form-group label{color:#555;display:block;font-size:12px;font-weight:700;margin-bottom:4px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 10px;width:100%}.form-control:focus{border-color:#1a5276;outline:none}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.alert{border-radius:4px;font-size:13px;margin-bottom:14px;padding:10px 14px}.alert-danger{background:#fadbd8;border:1px solid #f1948a;color:#c0392b}.navbar-spacer{flex:1 1}.sistem-menu-wrap{position:relative}.sistem-btn{border-left:1px solid #ffffff26!important;margin-left:4px;padding-left:12px!important}.sistem-dropdown{background:#1a3a52;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 4px 16px #0000004d;min-width:210px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.sistem-item{align-items:center;color:#cde;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;transition:background .15s}.sistem-item:hover{background:#ffffff14;color:#fff}.sistem-item.active{background:#ffffff1f;color:#fff;font-weight:600}.sistem-inline{align-items:center;display:flex;gap:2px}.sistem-inline .navbar-item{font-size:12px;padding:6px 10px;text-decoration:none}.re-wrap{background:#fff;border:1px solid #c8cfd8;border-radius:6px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;overflow:hidden}.re-wrap.re-disabled{background:#f9f9f9;border-color:#e0e0e0}.re-toolbar{align-items:center;background:#f4f6f9;border-bottom:1px solid #dde2ea;display:flex;flex-wrap:wrap;gap:2px;padding:5px 8px;-webkit-user-select:none;user-select:none}.re-sep{background:#d0d5de;display:inline-block;flex-shrink:0;height:20px;margin:0 4px;width:1px}.re-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#3d4a5c;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;height:28px;justify-content:center;line-height:1;min-width:28px;padding:0 6px;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.re-btn:hover:not(:disabled){background:#e6ecf4;border-color:#b8c8dc;color:#1a4a7a}.re-btn.re-active{background:#1a4a7a;border-color:#1a4a7a;color:#fff}.re-btn.re-danger{border-color:#0000;color:#b91c1c}.re-btn.re-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.re-btn:disabled{cursor:default;opacity:.35}.re-html-btn{font-family:Consolas,Courier New,monospace;font-size:11px}.re-html-btn.re-active{background:#14532d;border-color:#14532d;color:#86efac}.re-color-btn{overflow:visible;position:relative}.re-color-label{border-bottom:3px solid;line-height:1.1;padding-bottom:2px}.re-color-label,.re-hl-label{display:inline-block;font-size:13px;font-weight:700;pointer-events:none}.re-hl-label{border-radius:2px;padding:0 3px}.re-color-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.re-select{appearance:none;-webkit-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #c8cfd8;border-radius:4px;color:#3d4a5c;cursor:pointer;font-family:inherit;font-size:12px;height:28px;outline:none;padding:0 22px 0 6px;transition:border-color .12s}.re-select:hover{border-color:#8aa8c8}.re-select:focus{border-color:#1a4a7a;box-shadow:0 0 0 2px #1a4a7a26}.re-select-font{min-width:130px}.re-select-size{width:72px}.re-link-dlg{align-items:center;background:#fffbe6;border-bottom:1px solid #fde68a;display:flex;gap:6px;padding:6px 10px}.re-link-input{border:1px solid #c8cfd8;border-radius:4px;flex:1 1;font-size:13px;height:28px;outline:none;padding:0 8px}.re-link-input:focus{border-color:#1a4a7a;box-shadow:0 0 0 2px #1a4a7a26}.re-link-ok{background:#1a4a7a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;height:28px;padding:0 12px}.re-link-ok:hover{background:#15396a}.re-link-rm{background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;color:#b91c1c;cursor:pointer;font-size:12px;height:28px;padding:0 10px}.re-link-cancel{background:#0000;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:14px;height:28px;width:28px}.re-upload-bar{background:#fef9c3;border-bottom:1px solid #fde047;color:#854d0e;font-size:12px;padding:4px 12px}.re-content{flex:1 1}.re-content .ProseMirror{color:#1a1a1a;font-family:Times New Roman,serif;font-size:11pt;line-height:1.7;outline:none;padding:14px 16px}.re-content .ProseMirror:focus{background:#fafcff}.re-content .ProseMirror>*+*{margin-top:.4em}.re-content .ProseMirror h1{border-bottom:2px solid #dde5f0;color:#1a3a6a;font-size:20pt;font-weight:700;margin:1em 0 .3em;padding-bottom:.2em}.re-content .ProseMirror h2{color:#1a4a7a;font-size:15pt;font-weight:700;margin:.9em 0 .3em}.re-content .ProseMirror h3{color:#1a4a7a;font-size:12pt;font-weight:700;margin:.7em 0 .2em}.re-content .ProseMirror h4{color:#333;font-size:11pt;font-weight:700;margin:.6em 0 .2em}.re-content .ProseMirror p{margin:0 0 .5em}.re-content .ProseMirror ol,.re-content .ProseMirror ul{margin:.4em 0;padding-left:24px}.re-content .ProseMirror li{margin:.15em 0}.re-content .ProseMirror li p{margin:0}.re-content .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:4px}.re-content .ProseMirror ul[data-type=taskList] li{align-items:flex-start;display:flex;gap:8px}.re-content .ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;margin-top:2px}.re-content .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{accent-color:#1a4a7a;cursor:pointer;height:15px;width:15px}.re-content .ProseMirror ul[data-type=taskList] li[data-checked=true]>div{color:#888;text-decoration:line-through}.re-content .ProseMirror blockquote{background:#f0f5ff;border-left:4px solid #1a4a7a;border-radius:0 4px 4px 0;color:#2a4a7a;font-style:italic;margin:.5em 0;padding:.3em .8em .3em 1em}.re-content .ProseMirror code{background:#f1f3f5;border-radius:3px;color:#c2255c;font-family:Courier New,monospace;font-size:.9em;padding:.15em .4em}.re-content .ProseMirror pre{background:#1e293b;border-radius:6px;color:#e2e8f0;font-size:.85em;overflow-x:auto;padding:12px 16px}.re-content .ProseMirror pre code{background:none;color:inherit;padding:0}.re-content .ProseMirror hr{border:none;border-top:2px solid #d1d9e6;margin:1em 0}.re-content .ProseMirror a{color:#1a4a7a;text-decoration:underline;text-underline-offset:2px}.re-content .ProseMirror a:hover{color:#0e2d55}.re-content .ProseMirror img{border:1px solid #dde5f0;border-radius:4px;display:block;height:auto;margin:8px auto;max-width:100%}.re-content .ProseMirror img.ProseMirror-selectednode{outline:3px solid #1a4a7a}.re-content .ProseMirror table{border-collapse:collapse;margin:.8em 0;table-layout:fixed;width:100%}.re-content .ProseMirror table td,.re-content .ProseMirror table th{border:1px solid #b8c4d8;min-width:50px;padding:6px 10px;position:relative;vertical-align:top}.re-content .ProseMirror table th{background:#def;color:#1a4a7a;font-weight:600}.re-content .ProseMirror table tr:nth-child(2n) td{background:#f7f9fc}.re-content .ProseMirror table .selectedCell:after{background:#1a4a7a1f;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.re-content .ProseMirror .column-resize-handle{background:#1a4a7a;bottom:0;cursor:col-resize;opacity:0;position:absolute;right:-2px;top:0;transition:opacity .15s;width:4px}.re-content .ProseMirror table:hover .column-resize-handle{opacity:.35}.re-content .ProseMirror .column-resize-handle:hover{opacity:1}.re-html-src{background:#f4fff0;border:none;box-sizing:border-box;color:#1a3a00;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.6;outline:none;padding:14px 16px;resize:vertical;tab-size:2;width:100%}.re-html-src:focus{background:#efffea}.re-footer{background:#f4f6f9;border-top:1px solid #dde2ea;color:#6b7b8d;display:flex;font-size:11px;gap:16px;padding:3px 12px}
/*# sourceMappingURL=main.a06b0b9f.css.map*/