@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap";:root{--font-family: "Poppins", sans-serif;--bg-gradient-top: #E0F7FA;--bg-gradient-bottom: #FFF9C4;--primary: #9013FE;--primary-shadow: #7C4DFF;--secondary: #FF8F00;--secondary-shadow: #FFB300;--blue: #2962FF;--blue-shadow: #64B5F6;--card-bg: #FFFFFF;--card-border: #111111;--text-main: #111111;--text-muted: #666666}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(180deg,var(--bg-gradient-top) 0%,var(--bg-gradient-bottom) 100%);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;flex-direction:column}.neo-card{background:var(--card-bg);border:3px solid var(--card-border);border-radius:16px;box-shadow:4px 4px 0 var(--secondary-shadow);padding:24px;transition:transform .2s,box-shadow .2s}.neo-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--secondary-shadow)}.neo-card-purple{box-shadow:4px 4px 0 var(--primary-shadow)}.neo-card-purple:hover{box-shadow:6px 6px 0 var(--primary-shadow)}.neo-card-blue{background:#e3f2fd;box-shadow:4px 4px 0 var(--blue-shadow)}.neo-button{background:var(--primary);color:#fff;border:3px solid var(--card-border);border-radius:12px;padding:12px 24px;font-family:var(--font-family);font-weight:700;font-size:1rem;cursor:pointer;box-shadow:4px 4px 0 var(--card-border);transition:transform .1s,box-shadow .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.neo-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--card-border)}.neo-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--card-border)}.neo-input{width:100%;padding:14px 16px;border:3px solid var(--card-border);border-radius:12px;font-family:var(--font-family);font-size:1rem;transition:border-color .2s;margin-bottom:1rem}.neo-input:focus{outline:none;border-color:var(--primary)}h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}p{line-height:1.5;margin-bottom:1rem}.text-blue{color:var(--blue)}.text-orange{color:var(--secondary)}.text-purple{color:var(--primary)}.badge-green{background:#c8e6c9;color:#2e7d32;border:2px solid #2E7D32;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.container{max-width:600px;margin:0 auto;padding:40px 24px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.app-logo-icon{width:60px;height:60px;background:#ffd54f;border:3px solid var(--card-border);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:4px 4px #f57f17}.input-label{font-weight:700;font-size:.85rem;text-transform:uppercase;margin-bottom:8px;display:block}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.container{padding:20px 16px}.neo-card{padding:16px}h1{font-size:2rem!important}h2{font-size:1.5rem!important}}.mobile-header,.sidebar-overlay{display:none}@media (max-width: 900px){.hide-on-mobile{display:none!important}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card-bg);border-bottom:3px solid var(--card-border);position:sticky;top:0;z-index:40}.sidebar-layout{flex-direction:column!important}.sidebar{position:fixed;top:0;left:-320px;height:100vh;z-index:50;transition:left .3s ease}.sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:45;display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.main-content{flex:1;width:100%}}