*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--surface:#111;--surface-2:#161616;--border:#1e1e1e;--accent:#8b5cf6;--accent-dim:#8b5cf61a;--text-1:#f0f0f0;--text-2:#666;--text-3:#333;--success:#6dbf70;--warning:#e8a020;--radius:12px;--radius-sm:6px;--font:var(--font-bai,"Bai Jamjuree", sans-serif);--font-display:var(--font-dm-serif,"DM Serif Display", serif)}html{font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;font-size:15px}.client-container{max-width:1200px;margin:0 auto;padding:0 32px}.client-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#080808e0;position:sticky;top:0}.client-nav__inner{align-items:center;gap:20px;height:64px;display:flex}.client-nav__logo img{width:auto;height:40px}.client-nav__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);border-left:1px solid var(--border);flex:1;padding-left:20px;font-size:11px}.client-nav__logout{border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;background:0 0;padding:7px 16px;font-size:13px;transition:color .2s,border-color .2s}.client-nav__logout:hover{color:var(--text-1);border-color:var(--text-2)}.client-header{border-bottom:1px solid var(--border);padding:60px 0 48px}.client-header__meta{align-items:center;gap:16px;margin-bottom:18px;display:flex}.client-header__date{color:var(--text-2);font-size:13px}.client-header__title{font-family:var(--font-display);margin-bottom:8px;font-size:clamp(34px,5vw,52px);font-weight:400;line-height:1.1}.client-header__title em{color:var(--accent);font-style:italic}.client-header__sub{color:var(--text-2);margin-bottom:48px;font-size:14px}.client-progress__steps{align-items:center;display:flex}.client-progress__step{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.client-progress__step span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;font-size:10px}.client-progress__step--done span{color:var(--text-2)}.client-progress__step--active span{color:var(--accent)}.client-progress__dot{border:2px solid var(--border);background:var(--bg);border-radius:50%;width:11px;height:11px}.client-progress__step--done .client-progress__dot{background:var(--accent);border-color:var(--accent)}.client-progress__step--active .client-progress__dot{border-color:var(--accent);box-shadow:0 0 0 4px #8b5cf62e}.client-progress__line{background:var(--border);flex:1;min-width:40px;height:1px;margin-bottom:22px}.client-progress__line--done{background:var(--accent)}.client-main{padding:44px 0 80px}.client-grid{grid-template-columns:1fr 352px;align-items:start;gap:20px;display:grid}.client-col--main{flex-direction:column;gap:20px;display:flex}.client-col--sidebar{scrollbar-width:none;flex-direction:column;gap:20px;max-height:calc(100vh - 100px);display:flex;position:sticky;top:84px;overflow-y:auto}.client-col--sidebar::-webkit-scrollbar{display:none}.client-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.client-card__header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.client-card__title{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:500}.client-card__subtitle{color:var(--text-2);font-size:12px}.client-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:4px;align-items:center;padding:3px 9px;font-size:10px;font-weight:500;display:inline-flex}.client-badge--active{color:var(--accent);background:#8b5cf61f;border:1px solid #8b5cf638}.client-badge--progress{color:var(--warning);background:#e8a0201a;border:1px solid #e8a02033}.client-badge--pending{color:var(--text-2);border:1px solid var(--border);background:#ffffff0a}.client-badge--done{color:var(--success);background:#4caf5014;border:1px solid #4caf502e}.client-timeline{flex-direction:column;gap:2px;display:flex}.client-timeline__item{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:14px;padding:12px;transition:background .15s;display:flex}.client-timeline__item:hover{background:var(--surface-2)}.client-timeline__icon{border:1px solid var(--border);width:28px;height:28px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-timeline__icon svg{width:13px;height:13px}.client-timeline__item--delivered .client-timeline__icon{color:var(--success);background:#4caf500f;border-color:#4caf504d}.client-timeline__item--progress .client-timeline__icon{color:var(--warning);background:#e8a0200f;border-color:#e8a0204d}.client-timeline__content{flex-direction:column;flex:1;gap:2px;display:flex}.client-timeline__label{color:var(--text-1);font-size:14px}.client-timeline__date{color:var(--text-2);font-size:12px}.client-timeline__action{letter-spacing:.06em;color:var(--accent);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #8b5cf638;padding:5px 12px;font-size:11px;text-decoration:none;transition:background .15s}.client-timeline__action:hover{background:var(--accent-dim)}.client-media-grid{flex-direction:column;gap:8px;display:flex}.client-media-item{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex}.client-media-item:hover{background:var(--surface-2)}.client-media-item__icon{background:var(--surface-2);border:1px solid var(--border);width:44px;height:44px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-media-item__icon svg{width:22px;height:22px}.client-media-item__info{flex-direction:column;flex:1;gap:3px;display:flex}.client-media-item__name{color:var(--text-1);font-size:14px}.client-media-item__meta{color:var(--text-2);font-size:12px}.client-btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:8px 16px;font-size:13px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.client-btn svg{width:13px;height:13px}.client-btn--ghost{border:1px solid var(--border);color:var(--text-1);background:0 0}.client-btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.client-btn--sm{padding:6px 12px;font-size:12px}.client-docs{flex-direction:column;gap:2px;display:flex}.client-doc-item{border-radius:var(--radius-sm);color:inherit;border:1px solid #0000;align-items:center;gap:14px;padding:12px;text-decoration:none;transition:background .15s;display:flex}.client-doc-item:hover{background:var(--surface-2);border-color:var(--border)}.client-doc-item__icon{background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-doc-item__icon svg{width:17px;height:17px}.client-doc-item__info{flex-direction:column;flex:1;gap:2px;display:flex}.client-doc-item__name{color:var(--text-1);font-size:14px}.client-doc-item__meta{color:var(--text-2);font-size:12px}.client-doc-item__arrow{width:15px;height:15px;color:var(--text-3);flex-shrink:0}.client-producer{align-items:center;gap:12px;display:flex}.client-producer__avatar{border:1px solid var(--border);background:var(--surface-2);width:44px;height:44px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-producer__avatar svg{width:28px;height:28px}.client-producer__info{flex-direction:column;flex:1;gap:2px;display:flex}.client-producer__name{font-size:14px;font-weight:500}.client-producer__role{color:var(--text-2);font-size:12px}.client-team{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:2px;max-height:360px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.client-team::-webkit-scrollbar{width:4px}.client-team::-webkit-scrollbar-track{background:0 0}.client-team::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.client-team__item{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:9px 8px;transition:background .15s;display:flex}.client-team__item:hover{background:var(--surface-2)}.client-team__avatar{border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-team__avatar svg{width:22px;height:22px}.client-team__info{flex-direction:column;gap:1px;display:flex}.client-team__name{color:var(--text-1);font-size:13px;font-weight:500}.client-team__role{color:var(--text-2);font-size:11px}.client-team__cpf{color:var(--text-3);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:1px;font-size:10px}.client-projects{flex-direction:column;gap:6px;display:flex}.client-project-item{border-radius:var(--radius-sm);border:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;padding:11px 14px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.client-project-item:hover{background:var(--surface-2);border-color:#8b5cf64d}.client-project-item--active{background:var(--accent-dim);border-color:#8b5cf638}.client-project-item__name{font-size:13px}.client-footer{border-top:1px solid var(--border);padding:22px 0}.client-footer__inner{justify-content:space-between;align-items:center;display:flex}.client-footer span,.client-footer a{color:var(--text-2);font-size:12px;text-decoration:none}.client-footer a:hover{color:var(--text-1)}@media (max-width:900px){.client-grid{grid-template-columns:1fr}.client-col--sidebar{max-height:none;position:static;overflow:visible}.client-container{padding:0 20px}.client-header{padding:40px 0 32px}.client-progress__step span{display:none}.client-footer__inner{text-align:center;flex-direction:column;gap:8px}}