@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);.login[data-v-480ac90a]{background:#f7f7f7;height:100vh;display:flex;justify-content:center;align-items:flex-start}.login>div[data-v-480ac90a]{background:#fff;margin-top:100px;box-shadow:0 0 4px #ccc;border-radius:10px;padding:20px}.login>div form[data-v-480ac90a]{width:350px}.login>div form .logo[data-v-480ac90a],.login>div form h1[data-v-480ac90a]{text-align:center}.login>div form h1[data-v-480ac90a]{margin-top:30px;margin-bottom:20px}form[data-v-480ac90a]{padding:0 50px}form .form-group button[data-v-480ac90a],form .form-group input[data-v-480ac90a],form .form-group select[data-v-480ac90a]{width:100%}form .form-group input[data-v-480ac90a]{width:calc(100% - 22px)}*{font-family:Montserrat,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--text-color:#232323;--primary:#ff551e;--primary-disabled:#ffa587;--green:#ccffce}body,html{margin:0}a{color:var(--text-color);text-decoration:none}.main{display:grid;grid-template-columns:250px 1fr;gap:10px;height:100vh}h1{font-size:18px}nav{padding:20px;position:relative}nav h3{padding-left:10px;font-size:16px}nav ul{list-style:none;margin:0;padding:0}nav ul li{margin:10px 0}nav ul li a{display:flex;align-items:center;gap:10px;padding:10px;text-decoration:none;border-radius:6px;transition:background .3s ease}nav ul li a img{height:22px}nav ul li a.router-link-active{font-weight:700;color:var(--primary)}nav ul li a:hover{background:#eee}.page{padding:20px}.btn-bar{display:flex;justify-content:space-between}.btn-bar>div{display:flex;gap:10px}.btn{background:#eee;padding:10px 15px;border-radius:6px;outline:none;cursor:pointer}.btn.primary{background:var(--primary);border:1px solid var(--primary);color:#fff}.btn.primary:disabled{background:var(--primary-disabled)}.btn.secondary{border:1px solid #ccc}.btn.outline{background:#fff;border:1px solid var(--primary);color:var(--primary)}.btn-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;margin-bottom:20px}.btn-filter input,.btn-filter select{border:1px solid #ccc;padding:5px;outline:none}.btn-filter input:focus,.btn-filter select:focus{border:1px solid var(--primary)}.btn-filter .btn{padding:5px 15px;border-radius:4px;transition:transform .1s ease}.btn-filter .btn:active{transform:scale(.9)}.table{padding:0 20px 20px 20px;border:1px solid #ddd;border-radius:6px;height:calc(100vh - 200px);overflow-y:auto}.table table{width:100%;border-spacing:0}.table table thead{position:sticky;top:0}.table table thead tr th{border-bottom:1px solid #232323;text-align:left;background:#fff}.table table tbody.loading{opacity:.5}.table table td,.table table th{padding:10px;cursor:pointer}.table table tr{transition:background .3s ease}.table table tr:hover{background:#f3f3f3}.table table .btn-hapus{color:#ff551e;padding:4px 8px;border-radius:4px}.table table .btn-hapus:hover{background:var(--primary);color:#fff}.form{border:1px solid #ddd;padding:20px;border-radius:6px}.form .form-group{margin-bottom:15px}.form .form-group label{display:block;margin-bottom:5px}.form .form-group input,.form .form-group select{border:1px solid #ccc;padding:8px;border-radius:6px;outline:none;background:#fafafa}.form .form-group input:focus,.form .form-group select:focus{background:#fff;border:1px solid var(--primary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start}.modal .modal-body{background:#fff;border-radius:10px;padding:20px;margin-top:100px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;padding:10px;outline:none;border-radius:5px}.form-group input:focus,.form-group select:focus{border:1px solid #333}.form-group.checkbox label{display:flex;align-items:center;cursor:pointer}.form-group.checkbox input{width:auto}.loader{width:30px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#000 94%,transparent) top/4px 4px no-repeat,conic-gradient(transparent 30%,#000);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);animation:l13 1s linear infinite;margin:60px auto}@keyframes l13{to{transform:rotate(1turn)}}.user{position:absolute;bottom:20px;width:90%;display:flex;justify-content:space-between;align-items:center}.user .logout{cursor:pointer}.grid[data-v-4d61f746]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid.grid-2[data-v-4d61f746]{grid-template-columns:repeat(2,1fr)}.card[data-v-4d61f746]{border:1px solid #ccc;border-radius:10px}.card .card-body[data-v-4d61f746]{padding:15px}table[data-v-4d61f746]{width:100%}