:root{color-scheme:dark;--color-brand: #6547ed;--color-brand-rgb: 101, 71, 237;--color-brand-strong: #7a61ff;--color-brand-soft: rgba(var(--color-brand-rgb), .14);--color-brand-border: rgba(var(--color-brand-rgb), .38);--color-text: #edf2ff;--color-text-muted: #94a3b8;--color-text-soft: #cbd5e1;--color-page: #0b1020;--color-surface: #121a2b;--color-surface-alt: #182235;--color-surface-elevated: #1d2940;--color-border: #27344c;--color-border-strong: #344764;--color-input: #0f1727;--color-panel: #162033;--color-overlay: rgba(4, 8, 15, .72);--color-shadow: rgba(2, 6, 23, .34);--color-success: #2cc38a;--color-success-soft: rgba(44, 195, 138, .14);--color-warning: #f6c453;--color-warning-soft: rgba(246, 196, 83, .15);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .14);--color-info: #4ea8ff;--color-info-soft: rgba(78, 168, 255, .14)}:root[data-theme=light]{color-scheme:light;--color-text: #172033;--color-text-muted: #5f6f86;--color-text-soft: #314154;--color-page: #f3f5fb;--color-surface: #ffffff;--color-surface-alt: #eef2fb;--color-surface-elevated: #e6ebf8;--color-border: #d6deef;--color-border-strong: #c1cde6;--color-input: #ffffff;--color-panel: #f7f9ff;--color-overlay: rgba(20, 28, 45, .24);--color-shadow: rgba(36, 50, 84, .12);--color-success-soft: rgba(44, 195, 138, .12);--color-warning-soft: rgba(246, 196, 83, .12);--color-danger-soft: rgba(248, 113, 113, .12)}html,body{margin:0;height:100%;scroll-behavior:smooth;background:var(--color-page);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:auto;transition:background-color .18s ease,color .18s ease}app-root{display:block;min-height:100%}*{box-sizing:border-box}button,input,select{font:inherit}button,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}a{color:inherit}.app-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-strong) 100%);color:#fff;cursor:pointer;font-weight:700;text-decoration:none;box-shadow:0 10px 24px var(--color-shadow)}.app-button--ghost{border-color:var(--color-border-strong);background:var(--color-input);color:var(--color-text);box-shadow:none}.app-button--sm{min-height:36px;padding-inline:12px;border-radius:10px;font-size:.9rem}.app-button:hover{transform:translateY(-1px)}.app-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:auto}.app-list{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--color-text-soft)}.app-form{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.app-form label{display:grid;gap:6px;color:var(--color-text-muted);font-size:.9rem}.app-form input,.app-form textarea,.app-form select{min-height:44px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--color-input);color:var(--color-text)}.app-table{width:100%;border-collapse:collapse}.app-table th,.app-table td{padding:14px 16px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.app-table th{color:var(--color-text-muted);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.app-table tbody tr:hover{background:color-mix(in srgb,var(--color-surface-alt) 55%,transparent)}.content-page,.client-page,.detail-page,.manager-page,.manager-detail{display:grid;gap:24px}.content-grid,.dashboard-grid,.cards-grid,.manager-grid,.stats-grid{display:grid;gap:20px}.content-grid,.dashboard-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--steps{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.manager-grid,.stats-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--color-border)}.summary-row:first-child{padding-top:0;border-top:0}.summary-row p,.muted,.table-note{margin:4px 0 0;color:var(--color-text-muted)}.summary-row__meta,.toolbar-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.summary-row__meta{justify-content:flex-end}.summary-list{display:grid;gap:10px;color:var(--color-text-soft)}.project-card{display:grid;gap:16px}.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface-alt)}.project-card__actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:720px){.app-form{grid-template-columns:1fr}}@media(max-width:960px){.content-grid,.content-grid--steps,.dashboard-grid,.cards-grid,.stats-grid,.stats-grid--secondary,.manager-grid{grid-template-columns:1fr}}.social-button{display:inline-flex;align-items:center;justify-content:flex-start;min-height:50px;padding:0 18px;border:1px solid var(--color-border-strong);border-radius:14px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-weight:700}.social-button__brand{display:inline-flex;align-items:center;gap:12px;width:100%;min-width:0}.social-button__logo{flex:0 0 auto;width:22px;height:22px;object-fit:contain}.social-button__logo--brand-only{width:auto;height:20px;display:block;margin:0 auto}.social-button__text{font-size:.98rem;font-weight:700;letter-spacing:.01em}.mock-drawer{position:fixed;top:88px;right:0;z-index:50;display:flex;align-items:flex-start;transform:translate(calc(100% - 54px));transition:transform .18s ease}.mock-drawer--open{transform:translate(0)}.mock-drawer__toggle{width:54px;min-height:140px;border:1px dashed rgba(248,113,113,.5);border-right:0;border-radius:18px 0 0 18px;background:#f871711f;color:var(--color-danger);cursor:pointer;font-size:.8rem;font-weight:800;letter-spacing:.08em;writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase}.mock-drawer__panel{width:min(360px,100vw - 32px);display:grid;gap:18px;padding:20px;border:1px dashed rgba(248,113,113,.45);border-right:0;border-radius:0 0 0 22px;background:#121a2bf5;box-shadow:-12px 24px 48px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=light] .mock-drawer__panel{background:#fffffff5}.mock-drawer__panel>p,.mock-note p{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.5}.mock-drawer__label{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 10px;border:1px dashed rgba(248,113,113,.45);border-radius:999px;background:#f8717114;color:var(--color-danger);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mock-note{display:grid;gap:8px;padding-top:6px;border-top:1px dashed var(--color-border)}@media(max-width:720px){.mock-drawer{top:auto;bottom:16px;transform:translate(calc(100% - 52px))}}