:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;color-scheme:light;--bg:#f4f5f2;--panel:#fff;--panel-2:#eef1ed;--ink:#132323;--muted:#6a7774;--line:#dfe5df;--accent:#0d4540;--accent-2:#2b7168;--shadow:0 18px 50px rgba(13,37,36,.08);--urgent:#e77350;--doing:#d9a73b;--waiting:#4b9286;--next:#8a9893;--done:#4f6670;--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body.dark{color-scheme:dark;--bg:#101716;--panel:#182220;--panel-2:#202d2a;--ink:#eff4f1;--muted:#a6b5af;--line:#31403c;--accent:#8bd3c0;--accent-2:#5fae9d;--shadow:0 18px 50px rgba(0,0,0,.28)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}.app-shell{min-height:100vh}.topbar{height:78px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:4}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup h1,.auth-card h1{font-size:18px;letter-spacing:-.02em;margin:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted);margin:0 0 4px}.brand-mark{width:58px;height:58px;border-radius:16px;padding:11px 10px;background:#f4f2ec;box-shadow:0 8px 22px rgba(13,37,36,.16);display:grid;grid-template-columns:10px 1fr;grid-template-rows:repeat(3,1fr);gap:6px;align-items:center}.brand-mark.small{width:38px;height:38px;border-radius:11px;padding:7px 6px;gap:4px;grid-template-columns:6px 1fr}.brand-mark span{display:block;border-radius:99px}.brand-mark span:nth-child(1){background:#ec7b56}.brand-mark span:nth-child(2){background:#e6b33d}.brand-mark span:nth-child(3){background:#4b9184}.brand-mark span:nth-child(1)::after,.brand-mark span:nth-child(2)::after,.brand-mark span:nth-child(3)::after{content:"";display:block;height:100%;margin-left:17px;border-radius:99px;background:color-mix(in srgb,currentColor 20%,#fff);width:calc(100% + 35px)}.brand-mark.small span:nth-child(1)::after,.brand-mark.small span:nth-child(2)::after,.brand-mark.small span:nth-child(3)::after{margin-left:10px;width:calc(100% + 20px)}.topbar-actions{display:flex;align-items:center;gap:12px}.connection-pill{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#b6c1bd}.connection-pill.online i{background:#41b981}.connection-pill.offline i{background:#e77350}.user-email{font-size:12px;color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button,.ghost-button,.text-button,.close-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px}.icon-button{width:34px;height:34px}.ghost-button{padding:9px 13px;font-size:12px}.content{max-width:1600px;margin:0 auto;padding:38px 36px 60px}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.hero-row h2{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}.hero-copy{color:var(--muted);margin:0;font-size:14px}.primary-button{border:0;background:var(--accent);color:#fff;border-radius:11px;padding:12px 16px;font-weight:700;font-size:13px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.toolbar-panel{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);background:var(--panel);border-radius:15px;box-shadow:var(--shadow);margin-bottom:20px}.view-switch{display:flex;gap:4px}.view-button{border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:9px;font-weight:700;font-size:12px}.view-button.active{background:var(--accent);color:#fff}.search-box{display:flex;align-items:center;gap:8px;flex:1;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:var(--muted)}.search-box input{border:0;background:transparent;color:var(--ink);outline:0;width:100%;padding:10px 0;font-size:13px}.filter-box{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.filter-box select,.form-grid select,.form-grid input,.form-grid textarea{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:10px 11px}.stats-row{display:flex;gap:10px;margin-bottom:22px;overflow:auto}.stat{min-width:145px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px}.stat-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.stat-value{font-size:23px;font-weight:700;margin-top:4px}.board{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding-bottom:15px}.column{flex:1;min-width:255px;background:color-mix(in srgb,var(--panel-2) 62%,transparent);border:1px solid var(--line);border-radius:15px;padding:12px}.column-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.column-heading h3{font-size:13px;margin:0}.column-count{font-size:11px;color:var(--muted)}.column-accent{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.card-stack{display:grid;gap:10px}.project-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:14px;box-shadow:0 5px 15px rgba(13,37,36,.04);transition:transform .15s,box-shadow .15s}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(13,37,36,.1)}.card-title{font-weight:700;font-size:14px;line-height:1.35;margin:0 0 6px}.card-number{font-size:11px;color:var(--muted);margin-right:5px}.card-client{font-size:11px;color:var(--accent-2);font-weight:700;margin-bottom:10px}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;color:var(--muted);font-size:11px}.card-meta b{display:block;color:var(--ink);font-weight:600;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-summary{font-size:12px;color:var(--muted);line-height:1.45;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}.client-group{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-2) 60%,transparent);border-radius:16px;padding:15px;margin-bottom:14px}.client-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.client-heading h3{font-size:15px;margin:0}.client-heading span{font-size:11px;color:var(--muted)}.client-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.empty-state{padding:30px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:12px;font-size:13px}.auth-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 14%,var(--bg)),var(--bg) 45%)}.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow)}.auth-card .brand-mark{margin-bottom:22px}.auth-intro{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 24px}.auth-form{display:grid;gap:14px}.auth-form label,.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:600}.auth-form input{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:12px;border-radius:10px}.auth-form .primary-button{margin-top:6px}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.text-button{border:0;padding:0;color:var(--accent-2);font-size:12px}.form-message{min-height:18px;color:#dc6b4c;font-size:12px;line-height:1.4}.editor-dialog{width:min(720px,calc(100% - 28px));border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:20px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.24)}.editor-dialog::backdrop{background:rgba(4,15,14,.45);backdrop-filter:blur(4px)}.editor-dialog form{padding:24px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-heading h2{margin:0;font-size:22px}.close-button{border:0;font-size:26px;line-height:1;width:32px;height:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.span-2{grid-column:span 2}.form-grid textarea{resize:vertical;line-height:1.45}.dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;margin-top:18px}.danger-button{border:1px solid #dc6b4c;background:transparent;color:#dc6b4c;border-radius:10px;padding:10px 13px;font-size:12px}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:var(--bg);padding:11px 14px;border-radius:10px;font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}.demo-banner{border:1px solid #e5c87a;background:#fff8db;color:#786221;border-radius:10px;padding:10px 13px;font-size:12px;margin-bottom:20px}.dark .demo-banner{background:#423a1c;color:#f2d783;border-color:#74652c}@media(max-width:800px){.topbar{padding:0 16px}.content{padding:28px 16px}.user-email{display:none}.hero-row{align-items:start;flex-direction:column}.hero-row h2{font-size:28px}.toolbar-panel{align-items:stretch;flex-wrap:wrap}.view-switch{width:100%}.view-button{flex:1}.search-box{order:3;flex-basis:100%}.filter-box{margin-left:auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.dialog-actions{grid-template-columns:1fr 1fr}.dialog-actions span{display:none}.danger-button{grid-column:span 2}.dialog-actions .ghost-button,.dialog-actions .primary-button{width:100%}}