*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Barlow,Segoe UI,system-ui,-apple-system,sans-serif;background:#f8f7f4;color:#111;line-height:1.7}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif}::selection{background:#e8a020;color:#1c2b4a}button{font-family:inherit}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#e8a020!important;box-shadow:0 0 0 3px #e8a0201f;outline:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeSlideIn .3s ease-out}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1c2b4a1a}.kpi-card:hover .kpi-icon{transform:scale(1.1) rotate(5deg)}.btn-hover{transition:all .2s ease;position:relative;overflow:hidden}.btn-hover:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1c2b4a26}.btn-hover:active{transform:translateY(0)}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.status-dot{animation:pulseDot 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#f8f7f4 25%,#f0efea,#f8f7f4 75%);background-size:200px 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin .8s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1c2b4a26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1c2b4a4d}@media (max-width: 768px){.page-content{padding:12px!important;max-width:100%!important}.top-bar{padding:8px 12px!important}.hide-mobile{display:none!important}.card-grid-4,.card-grid-3{grid-template-columns:1fr 1fr!important}.card-grid-2{grid-template-columns:1fr!important}}@media (max-width: 480px){.page-content{padding:8px!important}.card-grid-4,.card-grid-3,.card-grid-2{grid-template-columns:1fr!important}.top-bar{padding:6px 8px!important}.flex-col-mobile{flex-direction:column!important}}