*{box-sizing:border-box;margin:0;padding:0}body{color:#1c1e21;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}td,th,.input-field,.dashboard-card p,.item-description,.product-name,option,select{text-transform:uppercase}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:#fff;border-right:1px solid #ddd;flex-direction:column;flex-shrink:0;width:280px;padding:20px 0;display:flex;overflow:hidden}.sidebar-logo{letter-spacing:-1px;margin-bottom:30px;padding:0 20px;font-size:24px;font-weight:800}.nav-list{flex-direction:column;flex:1;gap:5px;padding:0 10px;display:flex;overflow-y:auto}.nav-list::-webkit-scrollbar{width:4px}.nav-list::-webkit-scrollbar-thumb{background:#eee;border-radius:10px}.nav-link{color:#606770;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.nav-link:hover{background-color:#f2f3f5}.nav-link.active{color:#fff;background-color:#000}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{background-color:#fff;border-bottom:1px solid #ddd;justify-content:flex-end;align-items:center;height:70px;padding:0 30px;display:flex}.content-area{flex:1;padding:40px;overflow-y:auto}.content-inner{max-width:1100px;margin:0 auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:30px;display:grid}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:768px){.responsive-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}.dashboard-card{background-color:#fff;border:1px solid #eee;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a}.module-card-adaptive{padding:20px!important}@media (max-width:600px){.module-card-adaptive{padding:15px!important}.module-icon{font-size:20px!important}.module-title{margin-bottom:4px!important;font-size:14px!important}.module-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:10px!important;line-height:1.2!important}}.input-field{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:#000;box-shadow:0 0 0 4px #0000000d}.input-field::placeholder{color:#94a3b8}.btn-black{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex}.btn-black:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-black:active{transform:translateY(0)}.btn-black:disabled{cursor:not-allowed;box-shadow:none;background-color:#94a3b8;transform:none}.btn-light{color:#000;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 24px;font-weight:700;transition:all .2s}.btn-light:hover{background-color:#f8fafc;border-color:#cbd5e1}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:35px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.table-container{background:#fff;border:1px solid #eee;border-radius:16px;width:100%;overflow-x:auto}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}@media (max-width:900px){.sidebar{display:none!important}.hamburger-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 10px #0000001a}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2999;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.backdrop.show{opacity:1;visibility:visible}.mobile-sidebar{z-index:3000;background:#fff;flex-direction:column;width:280px;height:100vh;padding:30px 0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:-280px;overflow:hidden;box-shadow:20px 0 50px #0000001a}.mobile-sidebar.open{left:0}.header{z-index:100;justify-content:space-between;padding:0 15px;position:sticky;top:0}.content-area{padding:15px 15px 60px}.card-grid{grid-template-columns:1fr}.desktop-only{display:none!important}h1{letter-spacing:-.5px!important;font-size:28px!important}}@media (min-width:901px){.mobile-sidebar,.backdrop,.hamburger-btn{display:none!important}}