:root{--neu-bg:#e8e8e8;--neu-shadow-light:#fff;--neu-shadow-dark:#c8c8c8;--neu-radius:16px;--neu-radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--neu-bg);color:#2d2d2d;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.neu-card{background:var(--neu-bg);border-radius:var(--neu-radius);box-shadow:8px 8px 16px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light);padding:20px;transition:all .15s}.neu-card-sm{background:var(--neu-bg);border-radius:var(--neu-radius-sm);box-shadow:5px 5px 10px var(--neu-shadow-dark), -5px -5px 10px var(--neu-shadow-light);padding:14px}.neu-button{background:var(--neu-bg);border-radius:var(--neu-radius-sm);box-shadow:5px 5px 10px var(--neu-shadow-dark), -5px -5px 10px var(--neu-shadow-light);cursor:pointer;color:#4a4a4a;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.neu-button:hover{box-shadow:3px 3px 6px var(--neu-shadow-dark), -3px -3px 6px var(--neu-shadow-light)}.neu-button:active{box-shadow:inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light)}.neu-button-primary{color:#2d5a8a;box-shadow:5px 5px 10px var(--neu-shadow-dark), -5px -5px 10px var(--neu-shadow-light);background:#c8e0f4}.neu-input{background:var(--neu-bg);border-radius:var(--neu-radius-sm);box-shadow:inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light);color:#2d2d2d;border:none;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .15s}.neu-input:focus{box-shadow:inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light)}.neu-input::placeholder{color:#a0a0a0}.neu-toggle{background:var(--neu-bg);width:48px;height:26px;box-shadow:inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);cursor:pointer;border-radius:13px;transition:all .15s;position:relative}.neu-toggle.active{box-shadow:3px 3px 6px var(--neu-shadow-dark), -3px -3px 6px var(--neu-shadow-light)}.neu-toggle:after{content:"";background:var(--neu-bg);width:20px;height:20px;box-shadow:2px 2px 4px var(--neu-shadow-dark), -2px -2px 4px var(--neu-shadow-light);border-radius:50%;transition:all .15s;position:absolute;top:3px;left:3px}.neu-toggle.active:after{background:#c8e0f4;left:25px}.sidebar{background:var(--neu-bg);width:220px;min-height:100vh;box-shadow:4px 0 8px var(--neu-shadow-dark);padding:20px 0;position:fixed;top:0;left:0}.sidebar-item{color:#5a5a5a;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{color:#2d2d2d}.sidebar-item.active{color:#2d5a8a;font-weight:600}.main-content{min-height:100vh;margin-left:220px;padding:24px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#8a8a8a;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:12px;font-weight:500}td{border-top:1px solid #d8d8d8;padding:10px 12px;font-size:14px}.items-table th,.items-table td{vertical-align:middle}.items-table td{line-height:1.5}.table-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge{background:var(--neu-bg);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark), inset -2px -2px 4px var(--neu-shadow-light);border-radius:20px;padding:3px 10px;font-size:12px;display:inline-block}.badge-success{color:#2d8a4a}.badge-warning{color:#b8860b}.modal-overlay{z-index:100;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--neu-bg);border-radius:var(--neu-radius);box-shadow:12px 12px 24px var(--neu-shadow-dark), -12px -12px 24px var(--neu-shadow-light);min-width:400px;max-width:600px;max-height:80vh;padding:28px;overflow-y:auto}.stat-card{text-align:center;padding:24px}.stat-card .value{color:#2d5a8a;margin-top:8px;font-size:32px;font-weight:700}.stat-card .label{color:#8a8a8a;text-transform:uppercase;letter-spacing:1px;font-size:13px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--neu-bg)}::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}
