*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f9}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 10px #0000000f;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px}.sidebar{width:230px;height:100vh;background:linear-gradient(180deg,#fff,#f5f9ff);border-right:1px solid #eee;padding:80px 15px 20px;position:fixed;left:0;top:0;z-index:999;overflow-y:auto;transition:transform .3s ease}.main{margin-left:230px;margin-top:60px;padding:20px}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 6px 18px #00000014;margin-bottom:20px;overflow-x:auto;width:100%}.input{width:100%;padding:12px;margin-top:8px;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}table{width:100%;border-collapse:collapse;min-width:500px}th{text-align:left;padding:10px;font-weight:600;white-space:nowrap}td{padding:10px;border-bottom:1px solid #eee}.btn-primary{background:#0b3d91;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:14px}.btn-primary:hover{background:#082c6c}.btn-accent{background:#ffc107;color:#000;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:14px}.btn-accent:hover{background:#e6ad06}.mobile-toggle{display:none;background:transparent;border:none;font-size:26px;cursor:pointer;color:#1565c0;line-height:1;padding:4px 6px;border-radius:6px;flex-shrink:0}@media(max-width:768px){.mobile-toggle{display:block}.header-title,.header-username{display:none}.sidebar{transform:translate(-100%);box-shadow:none;z-index:9999}body.sidebar-open .sidebar{transform:translate(0);box-shadow:4px 0 20px #00000026}body.sidebar-open:after{content:"";position:fixed;inset:0;background:#00000073;z-index:9998}.main{margin-left:0!important;padding:12px}}