*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background:#f3f4f6;color:#111}.view{display:none;min-height:100vh}.view.active{display:block}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;background:#fff;padding:35px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center}.login-card h1{margin-bottom:10px;font-size:32px}.subtitle{color:#666;margin-bottom:25px}.form{display:grid;gap:16px}.form-group{text-align:left}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#333}.form-group input,.grid-form input,.grid-form select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff;outline:none}.message{margin-top:14px;font-size:14px;color:#c00}.btn{border:none;border-radius:10px;padding:12px 16px;cursor:pointer;font-size:14px}.btn-primary{background:#4b5563;color:#fff}.btn-primary:hover{background:#374151}.btn-secondary{background:#e5e7eb;color:#111}.btn-secondary:hover{background:#d1d5db}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#1f2937;color:#fff;display:flex;flex-direction:column;transition:.3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.menu{display:flex;flex-direction:column;padding:15px;gap:10px}.menu-item{background:#374151;color:#fff;border:none;padding:12px 14px;border-radius:10px;text-align:left;cursor:pointer}.menu-item:hover,.menu-item.active{background:#6b7280}.sidebar-footer{margin-top:auto;padding:20px}.main{flex:1;padding:20px}.topbar{display:flex;align-items:center;gap:15px;background:#fff;padding:18px 20px;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.05);margin-bottom:20px}.topbar h3{font-size:24px}.topbar p{color:#666;margin-top:4px}.menu-toggle{display:none;border:none;background:#e5e7eb;color:#111;font-size:22px;width:45px;height:45px;border-radius:10px;cursor:pointer}.module{display:none}.module.active{display:block}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:20px}.card,.panel-block{background:#fff;border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(0,0,0,.05);margin-bottom:20px}.card h4,.panel-block h4{margin-bottom:12px}.card p{font-size:28px;font-weight:bold;color:#374151}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.list-box{display:grid;gap:12px}.list-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.list-item strong{display:block;margin-bottom:6px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.hidden{display:none!important}@media (max-width:900px){.sidebar{position:fixed;left:-260px;top:0;height:100vh;z-index:1000}.sidebar.open{left:0}.menu-toggle{display:inline-block}.main{width:100%;padding:14px}.topbar h3{font-size:20px}}

.filters-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}.total-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;flex-wrap:wrap}.detail-box{margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}