@font-face{font-family:Gravity;src:url(/fonts/Gravity-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Gravity;src:url(/fonts/Gravity-Book.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Gravity;src:url(/fonts/Gravity-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Gravity;src:url(/fonts/Gravity-Light.otf) format("opentype");font-weight:300;font-display:swap}@tailwind base;@tailwind components;@tailwind utilities;:root{--noir:#1D1D1B;--beige:#E3DCC4;--beige-light:#F5F4EE;--vert:#B6C608;--vert-light:#F0F3D0;--vert-dark:#9AAD07;--gris:#797D81;--sidebar-w:260px}@layer base{*{box-sizing:border-box}body{font-family:Gravity,system-ui,sans-serif;font-weight:400;background:var(--beige-light);color:var(--noir);-webkit-font-smoothing:antialiased;font-size:16px}h1{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-size:1.6rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1.2rem;font-weight:600}p{line-height:1.7}}@layer components{.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--noir);position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:40;transition:transform .3s}.app-main{margin-left:var(--sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column}.sb-logo{padding:24px 22px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.sb-section{font-size:11px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.15em;padding:18px 22px 8px}.sb-link{display:flex;align-items:center;gap:12px;padding:12px 22px;font-size:15px;font-weight:400;color:#ffffff8c;cursor:pointer;border-left:3px solid transparent;transition:all .15s;text-decoration:none}.sb-link:hover{color:#ffffffe6;background:#ffffff0a}.sb-link.active{color:#fff;border-left-color:var(--vert);background:#b6c60817;font-weight:700}.sb-link.done{color:#ffffff59}.sb-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.sb-num-done{background:var(--vert-light);color:#6b7600}.sb-num-active{background:var(--vert);color:var(--noir)}.sb-num-todo{background:#ffffff14;color:#ffffff4d}.sb-progress{padding:16px 22px;border-top:1px solid rgba(255,255,255,.07)}.sb-bar-track{height:3px;background:#ffffff1a;border-radius:99px}.sb-bar-fill{height:3px;background:var(--vert);border-radius:99px;transition:width .5s}.sb-footer{padding:16px 22px;border-top:1px solid rgba(255,255,255,.06)}.sb-avatar{width:36px;height:36px;border-radius:50%;background:var(--vert-light);color:#6b7600;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.hero-photo-wrap{position:relative;overflow:hidden}.hero-photo-wrap img{width:100%;height:240px;object-fit:cover;object-position:center 30%;display:block}.hero-photo-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#1d1d1bd1,#1d1d1b73 55%,#1d1d1b33)}.hero-photo-text{position:absolute;bottom:0;left:0;right:0;padding:28px 36px;z-index:1}.hero-eyebrow{font-size:12px;font-weight:700;color:var(--vert);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.hero-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}.hero-sub{font-size:17px;color:#ffffffbf;font-weight:300}.page-content{max-width:1280px;margin:0 auto;padding:36px 40px 60px;width:100%}.card{background:#fff;border-radius:14px;border:1.5px solid var(--beige);box-shadow:0 1px 4px #1d1d1b0d}.card-sm{background:#fff;border-radius:10px;border:1.5px solid var(--beige)}.photo-frame{border-radius:10px;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.photo-frame:hover img{transform:scale(1.03)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:10px;font-size:15px;background:var(--vert);color:var(--noir);font-family:Gravity,sans-serif;font-weight:700;border:none;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--vert-dark);transform:translateY(-1px);box-shadow:0 4px 14px #b6c6084d}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:10px;font-size:15px;background:#fff;color:var(--noir);font-family:Gravity,sans-serif;font-weight:500;border:2px solid var(--beige);cursor:pointer;transition:all .15s;text-decoration:none}.btn-secondary:hover{background:var(--beige-light);border-color:var(--gris)}.input{width:100%;border:2px solid var(--beige);border-radius:10px;padding:13px 18px;font-size:15px;font-family:Gravity,sans-serif;color:var(--noir);background:#fff;outline:none;transition:border-color .15s}.input:focus{border-color:var(--vert);box-shadow:0 0 0 3px #b6c6081f}.input::placeholder{color:#b0ada8}.badge-vert{display:inline-flex;align-items:center;font-size:13px;padding:4px 12px;border-radius:99px;background:#f0f3d0;color:#6b7600;font-weight:700}.badge-gris{display:inline-flex;align-items:center;font-size:13px;padding:4px 12px;border-radius:99px;background:#f5f5f5;color:var(--gris);border:1px solid var(--beige);font-weight:500}.badge-alert{display:inline-flex;align-items:center;font-size:13px;padding:4px 12px;border-radius:99px;background:#fef9e7;color:#7d6008;font-weight:600;border:1px solid #F9E79F}.badge-danger{display:inline-flex;align-items:center;font-size:13px;padding:4px 12px;border-radius:99px;background:#fdedec;color:#922b21;font-weight:600}.section-title{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.12em;margin:32px 0 16px;padding:10px 16px;background:var(--noir);border-radius:8px;display:inline-flex;align-items:center;gap:8px;width:100%}.section-title:first-child{margin-top:0}.item-row{display:flex;align-items:center;gap:16px;padding:16px 22px;border-bottom:1.5px solid var(--beige-light)}.item-row:last-child{border-bottom:none}.item-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.confirm-row{background:var(--vert-light);border:2px solid var(--vert);border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:16px;margin-top:8px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 18px;font-size:12px;font-weight:700;font-family:Gravity,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--vert);background:var(--noir);white-space:nowrap}.data-table td{padding:15px 18px;font-size:15px;border-bottom:1.5px solid var(--beige-light)}.data-table tbody tr{transition:background .1s;cursor:pointer}.data-table tbody tr:hover{background:var(--beige-light)}.kpi-card{background:#fff;border-radius:14px;border:1.5px solid var(--beige);padding:24px 26px}.kpi-val{font-size:42px;font-weight:700;line-height:1}.kpi-label{font-size:14px;color:var(--gris);font-weight:300;margin-top:8px;line-height:1.4}.kpi-sub{font-size:13px;font-weight:700;margin-top:10px}.mobile-topbar{display:none;background:var(--noir);padding:12px 18px;align-items:center;gap:14px;position:sticky;top:0;z-index:30;box-shadow:0 2px 8px #0000004d}@media (max-width:900px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0}.mobile-topbar{display:flex}.page-content{padding:20px 18px 48px}.hero-photo-wrap img{height:180px}.hero-photo-text{padding:18px 20px}.hero-title{font-size:26px}.hero-sub{font-size:15px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:901px) and (max-width:1200px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}}