:root{--color-atalaia-navy: #0B2545;--color-atalaia-blue: #13315C;--color-atalaia-steel: #1B4178;--color-ice-blue: #E8EEF4;--color-white-mist: #F8F9FA;--color-graphite: #111827;--color-slate-900: #1F2937;--color-slate-700: #374151;--color-slate-500: #6B7280;--color-slate-300: #D1D5DB;--color-slate-100: #F3F4F6;--color-teal-signal: #0E7C7B;--color-soft-cyan: #5EADB5;--color-digital-indigo: #4F5FA6;--color-soft-amber: #D4A843;--color-coral-alert: #C2413B;--background: #F1F3F5;--foreground: #111827;--card: #FFFFFF;--card-foreground: #111827;--primary: #0B2545;--primary-foreground: #FFFFFF;--secondary: #13315C;--muted: #E9ECEF;--muted-foreground: #6B7280;--accent: #0E7C7B;--border: #D1D5DB;--ring: #1B4178;--success: #0E7C7B;--warning: #D4A843;--destructive: #C2413B;--info: #1B4178;--gradient-brand: linear-gradient(135deg, #0B2545 0%, #13315C 100%);--gradient-soft: linear-gradient(180deg, #F1F3F5 0%, #E9ECEF 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}.dark{--background: #0D1117;--foreground: #E6EDF3;--card: #161B22;--card-foreground: #E6EDF3;--primary: #58A6FF;--secondary: #1B4178;--muted: #21262D;--muted-foreground: #8B949E;--accent: #0E7C7B;--border: #30363D;--ring: #58A6FF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background);color:var(--foreground);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted-foreground);font-size:.95rem;letter-spacing:.01em}.app-layout{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:0 clamp(1rem,3vw,2rem);height:60px;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.navbar-brand{display:flex;align-items:center;gap:.65rem}.brand-logo{width:36px;height:36px;flex:0 0 36px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:0}.brand-copy strong{color:var(--primary);font-size:1rem;font-weight:800;letter-spacing:.08em;line-height:1.15}.brand-copy span{font-size:.68rem;color:var(--muted-foreground);letter-spacing:.02em;font-weight:500}.navbar-links{display:flex;align-items:center;gap:.25rem;padding:.2rem;border-radius:var(--radius-md);background:var(--muted)}.nav-tab{border:1px solid transparent;background:transparent;color:var(--color-slate-500);border-radius:var(--radius-sm);padding:.4rem .85rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:color .15s ease,background .15s ease;display:flex;align-items:center;gap:.4rem}.nav-tab:hover{color:var(--primary);background:#0b25450f}.nav-tab.is-active{color:var(--primary-foreground);background:var(--primary);box-shadow:var(--shadow-sm)}.nav-tab svg{width:16px;height:16px;flex-shrink:0}.navbar-user{display:flex;align-items:center;gap:.5rem}.user-badge{display:flex;align-items:center;gap:.4rem;color:var(--color-slate-700)}.user-badge svg{width:16px;height:16px;color:var(--muted-foreground)}.user-name{font-size:.84rem;font-weight:500;color:var(--color-slate-700);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{border:1px solid var(--border);background:var(--card);color:var(--color-slate-500);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.35rem}.btn-logout svg{width:14px;height:14px}.btn-logout:hover{background:var(--muted);border-color:var(--color-slate-300);color:var(--color-slate-700)}.main-content{flex:1 0 auto;max-width:1200px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem);width:100%}.site-footer{margin-top:auto;background:var(--primary);color:var(--primary-foreground)}.footer-content{max-width:1200px;margin:0 auto;padding:1.25rem clamp(1rem,3vw,2rem);display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-content--right{justify-content:flex-end}.footer-block{display:flex;align-items:center;gap:.75rem}.footer-block--logo{align-items:flex-start;flex-direction:column;gap:.25rem}.footer-block--right{justify-content:flex-end;text-align:right}.footer-text-block{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.footer-logo{width:40px;height:40px;object-fit:contain}.footer-block p{font-size:.82rem;font-weight:400;opacity:.9}.footer-title{font-weight:700;opacity:1}.footer-subtitle,.footer-left-subtitle{font-size:.78rem;opacity:.7}.section-header h2,.dashboard h2{font-size:clamp(1.3rem,2.2vw,1.65rem);font-weight:700;color:var(--primary);letter-spacing:-.01em}.section-header p,.dashboard-subtitle{margin-top:.25rem;color:var(--muted-foreground);font-size:.88rem}.stats-grid,.dashboard-grid{margin-top:1.25rem}.stats-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card,.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stat-card{padding:1rem 1.1rem}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-header svg{width:20px;height:20px;color:var(--muted-foreground);opacity:.6}.stat-card h3{color:var(--muted-foreground);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stat-card p{margin-top:.4rem;font-weight:700;font-size:1.5rem;color:var(--foreground);letter-spacing:-.02em}.stat-card--accent{color:#fff;border-color:transparent;background:var(--primary)}.stat-card--accent h3,.stat-card--accent p{color:#fff}.stat-card--accent .stat-card-header svg{color:#fff;opacity:.5}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem}.panel{grid-column:span 6;padding:1.1rem}.panel--wide{grid-column:span 12}.panel-header h3{color:var(--foreground);font-size:.92rem;font-weight:700}.panel-header p{margin-top:.15rem;color:var(--muted-foreground);font-size:.82rem}.panel-header--row{display:flex;justify-content:space-between;gap:1rem}.dashboard-animate-in{opacity:calc(.2 + (var(--dash-reveal) * .8));transform:translateY(calc((1 - var(--dash-reveal)) * 6px));transition:opacity .25s ease-out,transform .25s ease-out}.skeleton-line{color:transparent;-webkit-user-select:none;user-select:none}.skeleton-line:after{content:"";display:inline-block;width:min(180px,100%);height:1.05em;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--muted),var(--color-slate-100),var(--muted));background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bar-chart{margin-top:.8rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);display:grid;grid-template-columns:36px 1fr;gap:.55rem;min-height:230px;padding:.6rem .35rem .3rem}.bar-chart-yaxis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-height:180px}.bar-chart-yaxis-label{font-size:.7rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.bar-chart-plot{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;column-gap:.68rem;border-left:1px solid var(--border);background:repeating-linear-gradient(to top,var(--muted) 0,var(--muted) 1px,transparent 1px,transparent 30px)}.bar-chart-item{display:flex;flex-direction:column;align-items:center;gap:.46rem;height:100%}.bar-slot{height:180px;width:100%;display:flex;justify-content:center;align-items:flex-end}.bar{width:100%;max-width:26px;border-radius:4px 4px 0 0;background:var(--color-atalaia-steel);transition:height .3s ease-out}.bar-label{font-size:.7rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.rank-list,.recent-list{margin-top:.75rem;list-style:none;display:grid;gap:.4rem}.rank-item,.recent-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card)}.rank-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem}.rank-name,.recent-title{font-weight:600;color:var(--foreground);font-size:.88rem}.rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-metric{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.recent-item{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.7rem .85rem}.recent-main{min-width:0}.recent-meta{margin-top:.15rem;color:var(--muted-foreground);font-size:.8rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.btn-primary,.btn-link{border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.btn-primary{width:100%;min-height:42px;padding:.65rem 1rem;color:var(--primary-foreground);background:var(--primary);font-size:.88rem;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:var(--secondary)}.btn-link{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:.38rem .7rem;font-size:.82rem;display:inline-flex;align-items:center;gap:.3rem}.btn-link:hover:not(:disabled){background:#0e7c7b14}.btn-primary:disabled,.btn-link:disabled{opacity:.5;cursor:not-allowed}.reports-page{display:grid;gap:1rem}.reports-filters{padding:.75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;box-shadow:var(--shadow-sm)}.reports-filters input,.reports-filters select,.obra-select-trigger,.btn-secondary{min-height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--foreground);font-size:.85rem}.reports-filters input,.reports-filters select,.obra-select-trigger{padding:0 .7rem}.reports-filters input[type=text]{min-width:240px;flex:1 1 240px}.obra-select{position:relative;min-width:240px;width:min(300px,100%)}.obra-select-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.obra-select-trigger.is-open{border-color:var(--ring)}.obra-select-menu{position:absolute;z-index:30;top:calc(100% + 4px);width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.obra-select-search{width:100%;min-height:36px;border:0;border-bottom:1px solid var(--border);padding:0 .7rem;font-size:.85rem}.obra-select-options{max-height:240px;overflow-y:auto}.obra-select-option{width:100%;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 40%,white 60%);background:var(--card);cursor:pointer;text-align:left;color:var(--foreground);padding:.5rem .7rem;font-size:.85rem;transition:background .1s ease}.obra-select-option:hover,.obra-select-option.is-selected{background:var(--muted)}.obra-option-content{display:flex;gap:.5rem;min-width:0;align-items:center}.obra-option-code{color:var(--accent);font-weight:700;font-size:.82rem}.obra-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-secondary{padding:0 .8rem;font-weight:600;cursor:pointer;font-size:.82rem;color:var(--muted-foreground);transition:all .15s ease}.btn-secondary:hover{background:var(--muted);color:var(--foreground)}.reports-table{width:100%;border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm)}.reports-table th,.reports-table td{text-align:left;padding:.75rem .85rem;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,white 50%)}.reports-table th{color:var(--muted-foreground);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--muted)}.reports-table td{font-size:.88rem}.reports-table tbody tr{transition:background .1s ease}.reports-table tbody tr:hover td{background:color-mix(in srgb,var(--muted) 40%,white 60%)}.reports-table td .btn-primary{width:auto;min-height:34px;padding:.35rem .75rem;font-size:.8rem;display:inline-flex;align-items:center;gap:.3rem}.reports-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.reports-pagination button{min-height:32px;padding:0 .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;font-size:.82rem;transition:all .1s ease}.reports-pagination button:hover:not(:disabled){background:var(--muted)}.reports-pagination button:disabled{opacity:.4;cursor:not-allowed}.page-btn.is-active{color:#fff;border-color:transparent;background:var(--primary)}.reports-pagination-meta{color:var(--muted-foreground);font-size:.82rem;margin-left:.3rem}.alert-error{border-radius:var(--radius-sm);padding:.65rem .85rem;background:color-mix(in srgb,var(--destructive) 10%,white 90%);border:1px solid color-mix(in srgb,var(--destructive) 25%,white 75%);color:var(--destructive);font-size:.88rem;font-weight:500}.login-container{position:relative;min-height:100vh;display:grid;place-items:center;padding:1rem;background:var(--background);overflow:hidden}.login-bg-orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.15;pointer-events:none}.login-bg-orb--one{width:500px;height:500px;top:-180px;left:-160px;background:var(--primary)}.login-bg-orb--two{width:400px;height:400px;right:-120px;bottom:-140px;background:var(--accent)}.login-card{position:relative;z-index:1;width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem clamp(1.25rem,4vw,2rem)}.login-brand{display:flex;align-items:center;gap:.85rem;margin-bottom:1.75rem}.login-logo{width:56px;height:56px;flex:0 0 56px;object-fit:contain}.login-card h1{color:var(--primary);font-size:1.65rem;font-weight:800;letter-spacing:.06em;line-height:1.1}.login-subtitle{margin-top:.2rem;color:var(--muted-foreground);font-size:.84rem}.login-form{display:grid;gap:.85rem}.form-group{position:relative}.form-group label{color:var(--color-slate-700);display:block;margin-bottom:.3rem;font-size:.82rem;font-weight:600}.form-group input{width:100%;min-height:42px;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:var(--radius-sm);padding:0 .75rem;font-size:.88rem;transition:border-color .15s ease}.form-group input:focus{border-color:var(--ring)}.form-group--with-icon input{padding-left:2.4rem}.form-group-icon{position:absolute;left:.75rem;bottom:0;height:42px;display:flex;align-items:center;pointer-events:none;color:var(--muted-foreground)}.form-group-icon svg{width:16px;height:16px}.rank-empty,.recent-empty{color:var(--muted-foreground);padding:.65rem 0;font-size:.88rem}@media(max-width:980px){.panel{grid-column:span 12}.navbar{justify-content:center;height:auto;padding:.65rem clamp(1rem,3vw,2rem)}}@media(max-width:720px){.navbar{align-items:stretch}.navbar-brand,.navbar-links,.navbar-user{width:100%;justify-content:center}.navbar-user{flex-wrap:wrap}.user-name{max-width:100%}.reports-table{display:block;overflow-x:auto;white-space:nowrap}.recent-item,.footer-content{flex-direction:column;align-items:flex-start}.footer-block--right{justify-content:flex-start;text-align:left}.footer-text-block{align-items:flex-start}}