*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#333;background-color:#f8fafc}.app-container{min-height:100vh;display:flex;position:relative}.login-bg-container{background-image:url(./uts-Dp7n8kq7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.login-card-container{z-index:2;position:relative}.sidebar{color:#fff;background-color:#1e293b;flex-direction:column;flex-shrink:0;width:260px;transition:left .3s ease-in-out;display:flex}.brand{border-bottom:1px solid #334155;align-items:center;gap:10px;padding:20px;font-size:16px;font-weight:700;display:flex}.menu-list{padding:20px 0;list-style:none}.menu-item{cursor:pointer;color:#94a3b8;align-items:center;gap:10px;padding:12px 20px;transition:all .2s;display:flex}.menu-item:hover{color:#fff}.menu-active{color:#fff;background-color:#f59e0b;font-weight:500}.icon-menu{text-align:center;width:20px}.backdrop{z-index:999;background-color:#e4b31180;position:fixed;inset:0}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.user-profile{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.content-body{flex:1;padding:25px;overflow-y:auto}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.card{background-color:#fff;border-left:4px solid #f59e0b;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.card-value{color:#1e293b;margin-top:10px;font-size:26px;font-weight:700}.box-info{background-color:#fff;border-radius:8px;padding:25px;line-height:1.6;box-shadow:0 1px 3px #0000001a}.form-container{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 1px 3px #0000001a}.form-box{flex-direction:column;gap:15px;margin-top:15px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:#f8f9fa;font-size:14px;font-weight:600}.form-input{border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background-color:#1e293b;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex}.btn-danger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;padding:6px 10px}.btn-green{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px 20px;font-weight:600;display:flex}.table-style{border-collapse:collapse;width:100%;margin-top:10px}.th-tr{text-align:left;background-color:#f1f5f9}.th-cell{color:#475569;padding:10px 12px;font-size:13px}.td-tr{border-bottom:1px solid #e2e8f0}.td-cell{vertical-align:middle;padding:10px 12px;font-size:13px}.badge{color:#d97706;background-color:#fef3c7;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.badge-success{color:#059669;background-color:#d1fae5;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.hamburger-btn{cursor:pointer;color:#1e293b;background:0 0;border:none;font-size:20px;display:none}@media screen and (width<=768px){.sidebar{z-index:1000;top:0;bottom:0;left:-260px;position:fixed!important}.sidebar.sidebar-open{left:0!important}.hamburger-btn{display:block!important}.card-grid{grid-template-columns:1fr!important}.content-body{padding:15px!important}}.form-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block;color:#1e293b!important}.form-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.form-input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.form-group{margin-bottom:15px}