input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f3f4f6;color:#111827}.layout-wrapper{display:flex}.sidebar{width:220px;min-width:220px;background:linear-gradient(180deg,#1a56db,#1e40af);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:200;box-shadow:2px 0 8px #00000026;transition:transform .25s ease}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}.main-area{margin-left:220px;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 220px)}.main-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #00000014}.main-content{flex:1;padding:24px;background:#f3f4f6}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#374151;font-size:20px;line-height:1}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-form-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-form-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:480px}.search-input{padding:8px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;width:300px;max-width:100%;color:#111827}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.page-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.form-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-form-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-area{margin-left:0;width:100%}.main-content{padding:16px}.hamburger-btn{display:flex;align-items:center;justify-content:center}.grid-4{grid-template-columns:repeat(2,1fr);gap:12px}.grid-2{grid-template-columns:1fr;gap:16px}.grid-form-2,.grid-form-3{grid-template-columns:1fr}.form-card{max-width:100%;padding:20px}.search-input{width:100%}.page-header{flex-direction:column;align-items:flex-start}.page-toolbar{width:100%;justify-content:space-between}}@media (max-width: 480px){.grid-4{grid-template-columns:1fr 1fr;gap:10px}.main-content{padding:12px}.card{padding:16px}}@media (max-width: 500px){.user-name-label{display:none}}