:root{--bg:#f7f8fa;--glass:rgba(255,255,255,.86);--white:#fff;--text:#1d1d1f;--muted:#6e6e73;--faint:#aeaeb2;--line:#e7e9ee;--line-soft:rgba(0,0,0,.06);--blue:#0077ed;--blue2:#e8f3ff;--red:#ff453a;--orange:#ff9f0a;--green:#30b858;--shadow:0 18px 55px rgba(0,0,0,.1);--shadow-elevated:0 12px 32px rgba(20,20,25,.12);--shadow-card:0 1px 2px rgba(20,20,25,.04);--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--motion-fast:150ms;--motion-base:200ms;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.18);border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.32)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
button,[role="button"],a{-webkit-tap-highlight-color:transparent}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sprite{position:absolute;width:0;height:0}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.rail{position:fixed;inset:0 auto 0 0;width:270px;padding:14px 12px 12px;background:rgba(246,246,248,.88);backdrop-filter:blur(30px) saturate(170%);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand-row{display:flex}.workspace,.account{border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:10px;padding:8px;width:100%;text-align:left;color:var(--text)}.workspace:hover,.account:hover,.nav:hover,.project-btn:hover{background:rgba(0,0,0,.045)}.workspace span:nth-child(2),.account span:nth-child(2){flex:1}.workspace b,.workspace small,.account b,.account small{display:block}.workspace b,.account b{font-size:.87rem}.workspace small,.account small{font-size:.7rem;color:var(--muted);margin-top:2px}.brand{width:34px;height:34px;border-radius:10px;background:#1c1c1e;color:#fff;display:grid;place-items:center;font-weight:700;object-fit:cover;flex:0 0 auto}.rail nav{display:grid;gap:2px;margin-top:17px}.nav{height:40px;border:0;border-radius:10px;background:transparent;color:#4a4a4d;display:flex;align-items:center;gap:11px;padding:0 10px;text-align:left}.nav b{margin-left:auto;background:rgba(0,0,0,.06);border-radius:8px;padding:2px 7px;font-size:.67rem;color:var(--muted)}.nav.active{background:rgba(0,119,237,.1);color:var(--blue);font-weight:600}.works{margin-top:28px}.works header{padding:0 10px 7px;display:flex;justify-content:space-between;color:#8e8e93;font-size:.67rem;letter-spacing:.08em}.works header button{border:0;background:transparent;color:var(--muted)}.works header svg{width:15px}.project-btn{width:100%;border:0;background:transparent;border-radius:11px;display:flex;align-items:center;gap:10px;padding:7px 9px;color:var(--text);text-align:left}.project-btn.active{background:#fff;box-shadow:var(--shadow-card)}.project-logo{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:white;font-size:.72rem;font-weight:700}.project-btn span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.project-btn small{color:var(--faint)}.spacer{flex:1}.account{margin-top:4px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e4e4e7;color:#555;font-size:.64rem;font-weight:700;border:2px solid #fff;flex:0 0 auto}.avatar.dark{background:linear-gradient(145deg,#252525,#6b6b70);color:#fff}.mini-stack{display:flex;margin-left:auto}.mini-stack .avatar{width:23px;height:23px;margin-left:-7px;font-size:.5rem}.app main{grid-column:2;min-width:0}.topbar{height:64px;position:sticky;top:0;background:rgba(245,245,247,.76);backdrop-filter:blur(25px) saturate(170%);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;padding:0 24px;z-index:20}.search{width:310px;height:34px;border:0;border-radius:10px;background:rgba(0,0,0,.045);display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--muted)}.search span{flex:1;text-align:left;font-size:.8rem}.search svg{width:16px}.search kbd,.command kbd{border:0;border-radius:5px;background:rgba(255,255,255,.75);color:#999;padding:3px 6px;font-size:.67rem;box-shadow:inset 0 0 0 1px var(--line)}.actions{position:absolute;right:24px;display:flex;gap:7px}
.notice-wrap{position:relative}
.notice-panel{position:absolute;top:44px;right:0;width:340px;max-width:calc(100vw - 24px);max-height:70vh;overflow:auto;background:rgba(250,250,252,.98);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:60}
.notice-panel-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);font-size:.82rem;font-weight:700;position:sticky;top:0;background:inherit;border-radius:16px 16px 0 0}
.notice-panel-head button{border:0;background:transparent;color:var(--blue);font-size:.71rem;font-weight:600}
.notice-perm-row{display:flex;flex-direction:column;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--blue2)}
.notice-perm-row span{font-size:.72rem;color:var(--text)}
.notice-perm-row .secondary{height:32px;font-size:.74rem}
.notice-list{display:flex;flex-direction:column}
.notice-item{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-bottom:1px solid var(--line);cursor:pointer;text-align:left}
.notice-item:last-child{border-bottom:0}
.notice-item:hover{background:rgba(0,0,0,.03)}
.notice-item.unread{background:rgba(0,119,237,.05)}
.notice-item .project-logo{width:32px;height:32px;border-radius:9px;font-size:.6rem;flex:0 0 auto}
.notice-body{flex:1;min-width:0}
.notice-body p{margin:0;font-size:.79rem;line-height:1.4;color:var(--text)}
.notice-body small{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}
.notice-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:6px;flex:0 0 auto}
.notice-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:.8rem}
@media(max-width:600px){.notice-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:75vh;border-radius:20px 20px 0 0}}.icon{width:36px;height:36px;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;color:var(--text);position:relative}.icon:hover{background:rgba(0,0,0,.05)}.icon i{display:none;position:absolute;width:6px;height:6px;border-radius:50%;background:var(--red);right:6px;top:6px;border:2px solid var(--bg)}.icon i.show{display:block}.primary{height:36px;border:0;border-radius:10px;padding:0 14px;background:var(--blue);color:white;display:flex;gap:7px;align-items:center;font-weight:600;box-shadow:0 3px 11px rgba(0,119,237,.22)}.primary svg{width:16px}.content{max-width:1170px;margin:auto;padding:48px 40px 90px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.kicker{font-size:.74rem;color:var(--muted);margin-bottom:7px}.page-head h1{margin:0;font-size:2.35rem;letter-spacing:-.045em}.page-head p{color:var(--muted);font-size:.88rem;margin:8px 0 0}.head-actions{display:flex;gap:8px;align-items:center}.secondary{height:36px;border:1px solid var(--line);border-radius:10px;background:white;padding:0 13px;color:var(--text)}.segments{display:flex;background:rgba(0,0,0,.05);padding:3px;border-radius:10px}.segments button{border:0;background:transparent;border-radius:8px;color:var(--muted);padding:7px 10px}.segments button.active{background:white;color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.1)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.metric{background:var(--glass);border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:var(--shadow-card)}.metric small{color:var(--muted);font-size:.73rem}.metric strong{font-size:1.55rem;display:block;margin-top:6px;letter-spacing:-.04em}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 2px 10px}.section-head h2{font-size:.81rem;color:var(--muted);margin:0}.section-head button{border:0;background:transparent;color:var(--blue);font-size:.78rem}.check{width:21px;height:21px;border-radius:50%;border:1.6px solid #c8c8cc;background:white;position:relative}.check.done{background:var(--blue);border-color:var(--blue)}.check.done:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:.7rem}.task-meta{font-size:.7rem;color:var(--muted);margin-top:5px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-card{background:var(--glass);border:1px solid rgba(255,255,255,.9);border-radius:17px;padding:17px}.member-top{display:flex;gap:10px;align-items:center}.member-top .avatar{width:42px;height:42px}.member-card b,.member-card small{display:block}.member-card small{font-size:.71rem;color:var(--muted);margin-top:3px}.member-role{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:15px;padding-top:11px;color:var(--muted);font-size:.72rem}.invite-banner{border-radius:20px;padding:20px;background:linear-gradient(135deg,#087cf0,#5aacff);color:#fff;display:flex;align-items:center;margin-bottom:25px}.invite-banner h3{margin:0 0 4px}.invite-banner p{margin:0;opacity:.82;font-size:.79rem}.invite-banner button{margin-left:auto;border:0;border-radius:10px;background:white;color:var(--blue);padding:10px 14px;font-weight:600}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.day{background:var(--glass);min-height:125px;padding:10px}.day>span{font-size:.72rem;color:var(--muted)}.day.today>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--blue);color:white}.cal-task{margin-top:7px;border-left:3px solid var(--blue);background:var(--blue2);padding:6px;border-radius:5px;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-task.done{opacity:.55;text-decoration:line-through}.cal-prio-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:4px;vertical-align:middle}.empty{text-align:center;padding:80px 15px;color:var(--muted)}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.2);backdrop-filter:blur(3px);z-index:40;opacity:0;pointer-events:none;transition:.2s}.scrim.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(610px,100vw);z-index:50;background:rgba(250,250,252,.96);backdrop-filter:blur(34px);box-shadow:-20px 0 60px rgba(0,0,0,.12);transform:translateX(102%);transition:.3s;overflow:auto}.drawer.open{transform:none}.drawer-head{height:64px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(250,250,252,.86);backdrop-filter:blur(20px);z-index:2}.drawer-body{padding:25px}.drawer-title{display:flex;gap:12px}.drawer-title textarea{border:0;background:transparent;outline:0;resize:none;flex:1;font:650 1.4rem/1.3 var(--font)}.props{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:20px}.prop{background:rgba(255,255,255,.72);padding:12px}.prop label{display:block;font-size:.68rem;color:var(--muted);margin-bottom:6px}.prop input,.prop select{width:100%;border:0;background:transparent;outline:0}.drawer-section{margin-top:26px}.drawer-section h3{font-size:.82rem}.notes,.comment-field{width:100%;border:1px solid var(--line);border-radius:12px;background:white;padding:12px;outline:0;resize:vertical}.notes{min-height:105px}.comment{display:flex;gap:8px;margin:10px 0}.comment-body{background:white;border-radius:11px;padding:9px 11px;font-size:.76rem;flex:1}.comment-body small{display:block;color:var(--muted);margin-bottom:3px}.comment-form{display:flex;gap:7px}.modal-layer{position:fixed;inset:0;background:rgba(0,0,0,.23);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;z-index:70}.modal-layer[hidden],.command-layer[hidden]{display:none}.modal-card{width:min(490px,100%);max-height:90vh;overflow:auto;background:rgba(250,250,252,.97);border-radius:22px;padding:23px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0;font-size:1.18rem}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:.76rem}.form{display:grid;gap:13px;margin-top:20px}.form label>span{display:block;font-size:.71rem;color:var(--muted);margin:0 0 6px 2px}.field{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:white;padding:0 11px;outline:0}.field:focus{border-color:rgba(0,119,237,.45);box-shadow:0 0 0 3px rgba(0,119,237,.09)}textarea.field{height:85px;padding-top:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:20px}.invite-tabs{display:flex;background:rgba(0,0,0,.05);padding:3px;border-radius:10px;margin-top:18px}.invite-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:8px;color:var(--muted)}.invite-tabs button.active{background:white;color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08)}.link-box{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:11px;padding:9px;margin-top:13px}.link-box code{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.command-layer{position:fixed;inset:0;background:rgba(0,0,0,.2);backdrop-filter:blur(7px);z-index:80;padding-top:12vh}.command{width:min(620px,calc(100% - 26px));margin:auto;background:rgba(250,250,252,.98);border-radius:19px;box-shadow:0 25px 80px rgba(0,0,0,.22);overflow:hidden}.command-input{height:58px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--line)}.command-input input{flex:1;border:0;background:transparent;outline:0}.results{padding:8px;max-height:400px;overflow:auto}.result{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer}.result:hover{background:rgba(0,0,0,.045)}.result-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--blue2);color:var(--blue)}.result-icon svg{width:15px;height:15px}.result-icon.task{background:rgba(0,0,0,.06);color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#242426;color:white;border-radius:11px;padding:10px 14px;font-size:.77rem;opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile{display:none}#appShell[hidden],#authScreen[hidden]{display:none}.auth-screen{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:5}.auth-card{width:min(380px,90vw);background:var(--white);border-radius:22px;padding:32px;box-shadow:var(--shadow);text-align:center}.auth-card h1{margin:14px 0 4px;font-size:1.4rem;letter-spacing:-.03em}.auth-card p{color:var(--muted);font-size:.84rem;margin:0 0 18px}.auth-card .brand{margin:0 auto}.auth-status{min-height:18px;color:var(--muted)}.auth-status.error{color:var(--red)}.auth-status.ok{color:var(--green)}
@media(max-width:900px){.app{display:block}.rail{transform:translateX(-103%);transition:.25s}.rail.open{transform:none}.app main{grid-column:auto}.mobile{display:grid}.topbar{justify-content:flex-start;padding-left:58px}.content{padding:32px 20px 85px}.summary{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{height:58px}.search{width:38px;padding:0;justify-content:center}.search span,.search kbd,.primary span{display:none}.primary{width:38px;padding:0;justify-content:center}.content{padding:25px 14px 80px}.page-head{align-items:flex-start}.page-head h1{font-size:1.9rem}.summary{gap:8px}.metric{padding:13px}.team-grid{grid-template-columns:1fr}.invite-banner{display:block}.invite-banner button{margin:14px 0 0}.calendar{grid-template-columns:repeat(7,minmax(75px,1fr));overflow:auto}.props{grid-template-columns:1fr}.drawer-body{padding:20px 15px}.form-row{grid-template-columns:1fr}}
.project-logo.image{overflow:hidden;background:#fff!important}.project-logo.image img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box}.project-logo.large{width:66px;height:66px;border-radius:18px;font-size:1.1rem}.project-info{display:grid;grid-template-columns:1.15fr 1fr;gap:13px}.info-card{background:var(--glass);border:1px solid rgba(255,255,255,.9);border-radius:17px;padding:18px;min-height:150px}.info-card:first-child{grid-row:span 2}.info-card .section-head{margin:0 0 14px}.project-notes{white-space:pre-wrap;color:#454549;font-size:.84rem;line-height:1.65}.info-row{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none;font-size:.76rem}.info-row span{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.info-row code{font-size:.72rem}.sensitive{border-color:rgba(255,159,10,.18)}textarea.field.tall{height:110px}.form label small{display:block;color:var(--muted);font-size:.65rem;margin:5px 2px 0}@media(max-width:760px){.project-info{grid-template-columns:1fr}.info-card:first-child{grid-row:auto}.head-actions{flex-wrap:wrap;justify-content:flex-end}}
.mobile-tabbar{display:none}
.form-error{display:block;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#fff0ef;color:#b42318;font-size:.72rem;line-height:1.4}
.form-error[hidden]{display:none}
.field.field-error,.brand-picker-btn.field-error{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,69,58,.1)}
.project-member{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.project-member b,.project-member small{display:block}.project-member b{font-size:.78rem}.project-member small{margin-top:2px;color:var(--muted);font-size:.67rem}
.workspace-list{display:grid;gap:8px;margin-top:18px}
.workspace-choice{width:100%;border:1px solid var(--line);background:white;border-radius:14px;padding:11px 13px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}
.workspace-choice:hover{background:rgba(0,0,0,.02)}
.workspace-choice.active{border-color:rgba(0,119,237,.35);background:var(--blue2)}
.ws-choice-details{flex:1;min-width:0}
.ws-choice-title{display:flex;align-items:center;gap:8px}
.ws-choice-title b{font-size:.88rem}
.ws-choice-details small{color:var(--muted);font-size:.72rem;margin-top:3px;display:block}
.badge{padding:2px 7px;border-radius:6px;font-size:.62rem;font-weight:600;background:rgba(0,0,0,.06);color:var(--muted)}
.badge.owner{background:#e7f8ec;color:#197a39}
.badge.guest{background:var(--blue2);color:var(--blue)}
.badge.admin{background:#fff2d8;color:#936300}
.badge.granted{background:#e7f8ec;color:#197a39}
.badge.denied{background:#fff0ef;color:#b42318}
.ws-active-mark{color:var(--blue);font-weight:700;font-size:1rem;margin-left:auto}
.modal-foot-action{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;text-align:center}
.desktop-titlebar{position:fixed;top:0;left:0;right:0;height:38px;z-index:200;display:flex;align-items:stretch;background:#eef0f3;border-bottom:1px solid var(--line);-webkit-app-region:drag}
.desktop-titlebar[hidden]{display:none}
.desktop-titlebar-drag{flex:1}
.desktop-titlebar-controls{display:flex;-webkit-app-region:no-drag}
.titlebar-btn{width:46px;height:38px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted);cursor:pointer;padding:0}
.titlebar-btn svg{width:10px;height:10px}
.titlebar-btn:hover{background:rgba(0,0,0,.07)}
.titlebar-btn.close:hover{background:#e81123;color:#fff}
body.has-desktop-titlebar{padding-top:38px}
body.has-desktop-titlebar .rail{inset:38px auto 0 0}
body.has-desktop-titlebar .topbar{top:38px}
body.has-desktop-titlebar.platform-darwin .desktop-titlebar-controls{display:none}
body.has-desktop-titlebar.platform-darwin .desktop-titlebar{background:transparent;border-bottom:0}
@media(max-width:900px){body.has-desktop-titlebar .rail.open{inset:38px auto 0 0}}
.modal-foot-action button{width:100%;justify-content:center}
.topbar-ws-pill{display:none;align-items:center;gap:7px;padding:4px 10px 4px 6px;border-radius:18px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer}
.topbar-ws-pill .brand{width:22px;height:22px;border-radius:6px;font-size:.62rem}
.topbar-ws-pill .chevron{width:14px;height:14px;stroke-width:2.2;opacity:.6}
.projects-carousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:26px}
.project-pill-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--glass);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);text-align:left;cursor:pointer;transition:var(--motion-fast);color:var(--text)}
.project-pill-card:hover{transform:translateY(-1px);background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.project-pill-info{flex:1;min-width:0}
.project-pill-info b{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-pill-info small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}
.project-pill-card .arrow{color:var(--faint);font-size:1.1rem;margin-left:auto}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:10px}
.project-card-full{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-card);cursor:pointer;transition:var(--motion-fast)}
.project-card-full:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.07)}
.pcard-top{display:flex;justify-content:space-between;align-items:flex-start}
.pcard-badge-group{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.pcard-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.05);color:var(--muted);font-weight:600}
.pcard-badge.archived{background:rgba(255,159,10,.12);color:#936300}
.project-card-full h3{margin:14px 0 4px;font-size:1.12rem;letter-spacing:-.02em}
.project-card-full p{margin:0 0 16px;color:var(--muted);font-size:.78rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard-stats{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:12px}
.pcard-stats strong{display:block;font-size:1.1rem}
.pcard-stats small{display:block;color:var(--muted);font-size:.68rem;margin-top:1px}
@media(max-width:600px){.topbar-ws-pill{display:inline-flex;position:absolute;left:48px;bottom:10px;max-width:44vw;height:34px}.topbar-ws-pill>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .mobile-title{display:none!important}.projects-carousel{display:flex;overflow-x:auto;gap:9px;margin:0 -12px 22px;padding:0 12px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.projects-carousel::-webkit-scrollbar{display:none}.project-pill-card{min-width:210px;flex:0 0 auto;scroll-snap-align:start}}
@media(max-width:600px){.rail{z-index:45;background:#f6f6f8;backdrop-filter:none;-webkit-backdrop-filter:none}.scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.34)}}
@media(max-width:600px){html{background:var(--bg)}body{min-height:100dvh;overflow-x:hidden;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}button{touch-action:manipulation}.app main{min-height:100dvh}.topbar{height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;justify-content:center;background:rgba(248,248,250,.88);border-bottom-color:rgba(0,0,0,.06)}#openNav{position:absolute;left:10px;bottom:9px}.mobile-title{display:block;font-weight:650;font-size:.92rem;max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar>.search{position:absolute;right:92px;bottom:9px}.topbar>.actions{right:10px;bottom:9px}.topbar #addTask{display:none}.content{padding:18px 12px calc(95px + env(safe-area-inset-bottom));max-width:100%;overflow:hidden}.page-head{display:grid;gap:15px;margin-bottom:22px}.page-head>div:first-child{min-width:0}.page-head h1{font-size:1.75rem;line-height:1.1}.page-head p{line-height:1.45}.head-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.head-actions::-webkit-scrollbar{display:none}.head-actions>.segments{flex:0 0 auto}.head-actions>.secondary{flex:0 0 auto}.summary{display:flex;overflow-x:auto;gap:9px;margin:0 -12px 25px;padding:0 12px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.summary::-webkit-scrollbar{display:none}.metric{min-width:138px;scroll-snap-align:start}.calendar{margin:0 -12px;border-radius:0;border-left:0;border-right:0}.day{min-height:96px;padding:7px}.cal-task{font-size:.6rem}.team-grid{gap:9px}.member-card{padding:15px}.drawer{width:100%;top:0;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.drawer-head{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.drawer-body{padding:18px 14px calc(30px + env(safe-area-inset-bottom))}.modal-layer{align-items:end;padding:0}.modal-card{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;padding:22px 16px calc(18px + env(safe-area-inset-bottom))}.modal-card:before{content:'';display:block;width:38px;height:5px;border-radius:3px;background:#d1d1d6;margin:-11px auto 14px}.modal-actions{position:sticky;bottom:0;background:rgba(250,250,252,.96);padding-top:10px}.modal-actions .primary,.modal-actions .secondary{width:auto}.command-layer{padding-top:calc(env(safe-area-inset-top) + 10px)}.command{width:calc(100% - 20px);border-radius:16px}.toast{bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);text-align:center}.mobile-tabbar{position:fixed;z-index:35;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));height:66px;display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:center;padding:6px 7px;background:rgba(250,250,252,.9);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.85);border-radius:21px;box-shadow:0 10px 35px rgba(0,0,0,.16)}.mobile-tabbar button{height:52px;border:0;background:transparent;color:#8e8e93;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.58rem}.mobile-tabbar button svg{width:20px;height:20px}.mobile-tabbar button.active{color:var(--blue);background:var(--blue2)}.mobile-tabbar .tab-fab{width:54px;height:54px;margin-top:-22px;justify-self:center;border-radius:18px;background:var(--blue);color:white;box-shadow:0 8px 20px rgba(0,119,237,.35)}.mobile-tabbar .tab-fab svg{width:24px;height:24px}.rail{width:min(86vw,330px);padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom));box-shadow:20px 0 60px rgba(0,0,0,.18)}.auth-card{width:calc(100% - 28px);padding:28px 22px}.auth-screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}input,select,textarea{font-size:16px!important}}

/* ---------- PREMIUM MOBILE-FIRST PROJECT DETAILS VIEW ---------- */
.project-nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}
.back-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;border-radius:20px;background:white;border:1px solid var(--line);font-size:.78rem;font-weight:600;color:var(--text);cursor:pointer;transition:.15s;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.back-pill-btn:hover{background:var(--bg);transform:translateX(-1px)}
.back-pill-btn svg{width:16px;height:16px;stroke-width:2.4}
.project-nav-actions{display:flex;align-items:center;gap:7px}
.btn-compact{height:34px;padding:0 12px;font-size:.78rem}
.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:white;display:grid;place-items:center;color:var(--text);cursor:pointer;transition:.15s}
.icon-btn:hover{background:var(--bg)}
.icon-btn svg{width:16px;height:16px}

.project-hero-card{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-card);margin-bottom:16px}
.project-hero-top{display:flex;align-items:flex-start;gap:14px}
.project-hero-headings{flex:1;min-width:0}
.project-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}
.type-badge{font-size:.63rem;font-weight:650;padding:2px 8px;border-radius:6px;background:var(--blue2);color:var(--blue);text-transform:uppercase;letter-spacing:.04em}
.status-dot-badge{font-size:.65rem;font-weight:600;color:var(--green)}
.status-dot-badge.archived{color:var(--faint)}
.project-title{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;word-break:break-word}
.project-desc{margin:9px 0 0;font-size:.82rem;color:var(--muted);line-height:1.45}
/* ---------- Compact marka header (Aşama 5) ---------- */
.project-hero-compact{padding:14px 16px}
.project-hero-compact .project-hero-top{align-items:center;gap:13px}
.project-hero-top .project-logo{width:52px;height:52px;border-radius:14px;font-size:.92rem}
.project-title.project-title-compact{font-size:1.15rem;margin:0}
.project-progress-row{display:flex;align-items:center;gap:10px;margin-top:10px}
.progress-thin{flex:1;height:5px;border-radius:3px;background:rgba(0,0,0,.06);overflow:hidden}
.progress-thin>span{display:block;height:100%;background:var(--blue);border-radius:3px;transition:width var(--motion-base)}
.progress-summary-text{font-size:.72rem;color:var(--muted);white-space:nowrap;flex:0 0 auto}
@media(max-width:600px){.progress-summary-text{white-space:normal;text-align:right}}

.project-mode-nav{display:flex;background:rgba(0,0,0,.045);padding:4px;border-radius:14px;margin-bottom:18px}
.pmode-btn{flex:1;height:38px;border:0;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:.15s}
.pmode-btn.active{background:white;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.07)}
.count-pill{font-size:.64rem;background:rgba(0,0,0,.07);color:var(--muted);padding:2px 6px;border-radius:8px}
.has-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}

.project-tasks-container{display:grid;gap:12px}
.tasks-group-header{margin:6px 2px 4px}
.tasks-group-header h2{font-size:.74rem;font-weight:700;color:var(--muted);letter-spacing:.06em;margin:0}
.tasks-group-header.mt-done{margin-top:22px}
.done-buckets{display:grid;gap:4px}
.done-bucket-header{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:9px 6px;color:var(--muted);font-size:.78rem;font-weight:600;cursor:pointer;border-radius:9px;text-align:left}
.done-bucket-header:hover{background:rgba(0,0,0,.04);color:var(--text)}
.done-bucket-header .chevron{width:13px;height:13px;transition:transform var(--motion-fast)}
.done-bucket-header[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.done-bucket .project-tasks-list{margin:2px 0 10px}
.project-tasks-list{background:var(--glass);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card)}
.project-tasks-list.done-group{opacity:.85}
.project-task-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);background:transparent;transition:background .15s;cursor:pointer}
.project-task-row:last-child{border-bottom:0}
.project-task-row:hover{background:rgba(255,255,255,.6)}
.project-task-row.done .ptask-title-text{text-decoration:line-through;color:var(--muted)}
.ptask-content{flex:1;min-width:0}
.ptask-title-text{font-size:.88rem;font-weight:580;line-height:1.35;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ptask-meta-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px}
.prio-tag.high{font-size:.62rem;font-weight:600;background:#fff0ef;color:#b42318;padding:2px 6px;border-radius:5px}
.content-type-tag{font-size:.62rem;font-weight:600;background:var(--blue2);color:var(--blue);padding:2px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}
.project-tag{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;color:var(--muted)}
.project-logo.mini{width:16px;height:16px;border-radius:4px;font-size:.42rem;flex:0 0 auto}
.due-tag{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--muted)}
.due-tag svg{width:12px;height:12px}
.due-tag.late{color:var(--red);font-weight:600}
.assignee-tag{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;color:var(--muted)}
.meta-chip{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;color:var(--muted)}
.meta-chip svg{width:12px;height:12px}
.avatar.mini{width:20px;height:20px;font-size:.5rem;border:0}
.status-chip{font-size:.67rem;font-weight:600;padding:4px 8px;border-radius:7px;background:#eff0f2;white-space:nowrap}
.status-chip.progress{background:var(--blue2);color:var(--blue)}
.status-chip.review{background:#fff2d8;color:#936300}
.status-chip.done{background:#e7f8ec;color:#197a39}

.empty-project-state{text-align:center;padding:46px 20px;background:var(--glass);border:1px solid rgba(255,255,255,.9);border-radius:20px}
.empty-circle{width:52px;height:52px;border-radius:16px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;margin:0 auto 12px}
.empty-circle svg{width:26px;height:26px}
.empty-project-state h3{font-size:1.15rem;margin:0 0 6px;letter-spacing:-.02em}
.empty-project-state p{font-size:.82rem;color:var(--muted);margin:0 0 16px}

.project-board-wrap{width:100%;overflow-x:auto;padding-bottom:10px}
.board-columns-row{display:flex;gap:12px;min-width:min-content}
.board-column{flex:0 0 280px;background:rgba(0,0,0,.028);border-radius:16px;padding:12px}
.board-col-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px}
.col-title-left{display:flex;align-items:center;gap:7px}
.col-title-left h3{font-size:.76rem;font-weight:700;margin:0;letter-spacing:.04em}
.col-dot{width:8px;height:8px;border-radius:50%}
.col-dot.status-todo{background:#8e8e93}
.col-dot.status-progress{background:var(--blue)}
.col-dot.status-review{background:var(--orange)}
.col-dot.status-done{background:var(--green)}
.col-count-bubble{font-size:.66rem;font-weight:700;background:rgba(0,0,0,.06);padding:2px 7px;border-radius:9px;color:var(--muted)}
.col-header-right{display:flex;align-items:center;gap:4px}
.col-collapse-btn{border:0;background:transparent;color:var(--muted);width:22px;height:22px;display:grid;place-items:center;cursor:pointer;border-radius:6px}
.col-collapse-btn:hover{background:rgba(0,0,0,.06)}
.col-collapse-btn svg{width:14px;height:14px;transition:transform var(--motion-fast)}
.board-column.collapsed .col-collapse-btn svg{transform:rotate(-90deg)}
.board-collapsed-summary{width:100%;border:1px dashed var(--line);background:transparent;border-radius:10px;padding:14px 8px;color:var(--muted);font-size:.76rem;font-weight:600;cursor:pointer;text-align:center}
.board-collapsed-summary:hover{background:rgba(0,0,0,.02);color:var(--text)}
.board-cards-stack{display:grid;gap:8px}
.board-task-card{background:white;border:1px solid var(--line);border-radius:13px;padding:12px 14px;box-shadow:var(--shadow-card);cursor:pointer;transition:var(--motion-fast)}
.board-task-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated)}
.board-task-card.card-done{background:rgba(0,0,0,.015)}
.board-task-card.card-done .bcard-title{text-decoration:line-through;color:var(--muted)}
.bcard-top{display:flex;align-items:flex-start;gap:9px}
.bcard-title{font-size:.84rem;line-height:1.35;word-break:break-word;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.check.mini{width:18px;height:18px;margin-top:1px;flex:0 0 auto}
.check.mini:after{font-size:.58rem}
.bcard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.bcard-meta{display:flex;align-items:center;gap:6px}
.due-pill{font-size:.68rem;color:var(--muted)}
.due-pill.late{color:var(--red);font-weight:600}
.prio-dot.high{color:var(--red);font-size:.75rem}
.board-empty-col{text-align:center;padding:26px 8px;color:var(--faint);font-size:.74rem}

.project-info-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.info-box-card{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-card)}
.info-overview-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px}.info-overview-identity{display:flex;align-items:center;gap:13px;min-width:0}.info-overview-identity h2{font-size:1.05rem;margin:7px 0 2px}.info-overview-identity p{font-size:.75rem;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-overview-meta{display:flex;align-items:center;gap:18px;flex:0 0 auto}.info-overview-meta span small,.info-overview-meta span b{display:block}.info-overview-meta small{font-size:.62rem;color:var(--muted);margin-bottom:3px}.info-overview-meta b{font-size:.74rem}.info-overview-meta i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.info-empty-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.74rem;padding:10px 0}.info-empty-inline button{border:0;background:transparent;color:var(--blue);font-weight:650}
.ibox-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ibox-title{display:flex;align-items:center;gap:9px}
.ibox-title svg{width:18px;height:18px;color:var(--blue)}
.ibox-title h3{font-size:.92rem;margin:0;font-weight:700}
.btn-text{border:0;background:transparent;color:var(--blue);font-size:.76rem;font-weight:600;cursor:pointer}
.ibox-notes-body{white-space:pre-wrap;color:#3a3a3c;font-size:.84rem;line-height:1.6;margin:0}
.ibox-members-list{display:grid;gap:9px}
.pmember-item{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
.pmember-item:last-child{border-bottom:0}
.pmember-details{flex:1;min-width:0}
.pmember-details b{display:block;font-size:.82rem}
.pmember-details small{display:block;font-size:.68rem;color:var(--muted);margin-top:1px}
.role-badge{font-size:.62rem;font-weight:600;padding:3px 8px;border-radius:7px;background:rgba(0,0,0,.06);color:var(--muted)}
.role-badge.owner{background:#e7f8ec;color:#197a39}
.role-badge.guest{background:var(--blue2);color:var(--blue)}
.role-badge.admin{background:#fff2d8;color:#936300}
.role-badge.manager{background:#fff2d8;color:#936300}
.ibox-social-list{display:grid;gap:8px}
.social-row-link{display:flex;align-items:center;gap:12px;padding:10px 12px;background:white;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);transition:.15s}
.social-row-link:hover{background:rgba(0,0,0,.02)}
.social-icon-dot{width:32px;height:32px;border-radius:8px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-size:.72rem;font-weight:700}
.social-text{flex:1;min-width:0}
.social-text b{display:block;font-size:.82rem}
.social-url{display:block;font-size:.68rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ext-arrow{width:15px;height:15px;color:var(--faint)}
.sensitive-box{border-color:rgba(255,159,10,.25);background:rgba(255,250,240,.6)}
.ibox-creds-list{display:grid;gap:9px}
.cred-item-card{background:white;border:1px solid var(--line);border-radius:12px;padding:12px}
.cred-head-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cred-head-line b{font-size:.84rem}
.cred-head-line code{background:rgba(0,0,0,.05);padding:2px 6px;border-radius:5px;font-size:.72rem}
.cred-pass-line{display:flex;justify-content:space-between;align-items:center;background:#f9f9fb;padding:8px 12px;border-radius:8px}
.pass-val{font-family:monospace;font-size:.82rem;letter-spacing:1px;color:var(--text)}
.pass-val.masked{letter-spacing:3px}
.cred-actions{display:flex;gap:6px}
.btn-action-small{height:26px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:white;font-size:.67rem;font-weight:600;color:var(--text);cursor:pointer}

@media(max-width:600px){
  .project-hero-card{padding:14px;border-radius:18px;margin-bottom:14px}
  .project-hero-top{gap:11px}
  .project-title{font-size:1.35rem}
  .board-column{flex:0 0 82vw;scroll-snap-align:center}
  .board-columns-row{scroll-snap-type:x mandatory}
  .project-board-wrap{margin:0 -12px;padding:0 12px 10px}
  .info-box-card{padding:14px;border-radius:16px}
  .project-info-layout{grid-template-columns:1fr}.info-overview-card{display:grid}.info-overview-meta{justify-content:space-between;gap:10px}.info-overview-meta .secondary{margin-left:auto}.info-overview-identity p{white-space:normal}
}
.danger{height:36px;border:1px solid rgba(255,69,58,.3);border-radius:10px;background:rgba(255,69,58,.08);padding:0 13px;color:var(--red);font-weight:600}
.modal-danger-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
.cal-nav{display:flex;align-items:center;gap:7px}
.cal-nav .icon-btn{width:36px;height:36px}
.cal-modes{flex:0 0 auto}.cal-more{border:0;background:transparent;color:var(--blue);font-size:.65rem;padding:6px 2px}.calendar-week .day{min-height:360px}.calendar-agenda{display:grid;gap:12px}.calendar-agenda section{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px;background:var(--glass);border:1px solid var(--line);border-radius:15px}.agenda-date b,.agenda-date span{display:block}.agenda-date b{font-size:.8rem;text-transform:capitalize}.agenda-date span{font-size:.67rem;color:var(--muted);margin-top:4px}.calendar-agenda .cal-task{font-size:.76rem;padding:9px;margin-top:5px;white-space:normal}.calendar-agenda .cal-task:first-child{margin-top:0}
.danger:hover{background:rgba(255,69,58,.15)}

/* ---------- Sekmeli marka ayarları (Aşama 11) ---------- */
.modal-card.settings-modal-card{width:min(760px,100%);padding:0;overflow:hidden}
.settings-modal{height:min(760px,90vh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.settings-modal-head{padding:20px 22px 14px;border-bottom:1px solid var(--line)}
.settings-tabs{display:flex;gap:4px;padding:9px 16px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;background:rgba(248,248,250,.92)}
.settings-tabs::-webkit-scrollbar{display:none}
.settings-tabs button{flex:0 0 auto;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:8px 11px;font-size:.75rem;font-weight:650}
.settings-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 1px 5px rgba(0,0,0,.08)}
.settings-modal-body{overflow:auto;padding:20px 22px}
.admin-table{width:100%;border-collapse:collapse;font-size:.78rem}
.admin-table th{text-align:left;font-size:.65rem;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:0 10px 8px;text-transform:uppercase}
.admin-table td{padding:10px;border-top:1px solid var(--line);vertical-align:middle}
.admin-table td b{display:block}
.admin-table td small{display:block;color:var(--muted);font-size:.68rem;margin-top:1px}
.admin-brand-cell{display:flex;align-items:center;gap:9px}
.admin-brand-cell .project-logo{width:26px;height:26px;border-radius:8px;font-size:.6rem}
.admin-logo-btn{height:30px;padding:0 11px;font-size:.72rem;display:inline-flex;align-items:center;cursor:pointer}
.impersonate-box{flex-direction:column;align-items:stretch;gap:9px;padding:13px;background:var(--blue2);border-color:rgba(0,119,237,.25)}
.impersonate-box>div:first-child{font-size:.76rem;color:var(--text)}
.link-box-row{display:flex;align-items:center;gap:8px}
.link-box-row code{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;background:white;border-radius:8px;padding:7px 9px}
.settings-panel{display:none;gap:14px}.settings-panel.active{display:grid}
.settings-panel label>span{display:block;font-size:.71rem;color:var(--muted);margin:0 0 6px 2px}
.settings-modal-footer{margin:0;padding:13px 22px;border-top:1px solid var(--line);background:rgba(250,250,252,.98)}
.settings-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:3px}
.settings-section-title b,.settings-section-title small{display:block}.settings-section-title b{font-size:.87rem}.settings-section-title small,.settings-hint{font-size:.69rem;color:var(--muted);margin-top:3px;line-height:1.45}
.settings-repeat-list{display:grid;gap:10px}
.settings-repeat-row{display:grid;grid-template-columns:140px 1fr 1.4fr auto;gap:7px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}
.settings-row-actions{display:flex;justify-content:flex-end;gap:6px}.settings-row-actions .icon-btn{width:34px;height:34px;text-decoration:none}.danger-icon{color:var(--red)}
.settings-secret-row{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.settings-team-list{display:grid;gap:8px}.settings-member{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.settings-member>div{flex:1;min-width:0}.settings-member b,.settings-member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-member b{font-size:.8rem}.settings-member small{font-size:.67rem;color:var(--muted);margin-top:2px}
.member-actions{display:flex;align-items:center;gap:2px}
.member-action{width:28px;height:28px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;color:var(--faint);cursor:pointer;transition:.15s;flex:0 0 auto}
.member-action svg{width:14px;height:14px}
.member-action:hover{background:var(--bg);color:var(--text)}
.member-action.active{color:#936300}
.member-action.danger:hover{background:rgba(255,69,58,.1);color:var(--red)}
.settings-empty{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:13px;color:var(--muted);font-size:.77rem}
.danger-zone{margin-top:18px;padding:15px;border:1px solid rgba(255,69,58,.24);border-radius:14px;background:rgba(255,69,58,.04)}.danger-zone>b{font-size:.82rem;color:var(--red)}.danger-zone p{font-size:.71rem;line-height:1.45;color:var(--muted)}.danger-zone>div{display:flex;justify-content:flex-end;gap:8px}
.color-field{padding:5px;max-width:120px}
@media(max-width:760px){.settings-repeat-row{grid-template-columns:1fr 1fr}.settings-repeat-row>[name="linkUrl"]{grid-column:1/-1}.settings-repeat-row .settings-row-actions{grid-column:1/-1}.settings-member{flex-wrap:wrap}.settings-member>div{min-width:50%}}
@media(max-width:600px){.modal-card.settings-modal-card{max-height:94dvh}.settings-modal{height:94dvh}.settings-modal-head{padding:10px 16px}.settings-tabs{padding:7px 12px}.settings-modal-body{padding:16px}.settings-modal-footer{padding:11px 16px calc(11px + env(safe-area-inset-bottom))}.settings-repeat-row,.settings-secret-row .form-row{grid-template-columns:1fr}.settings-repeat-row>[name="linkUrl"],.settings-repeat-row .settings-row-actions{grid-column:auto}.settings-section-title{align-items:flex-start}.settings-section-title .secondary{flex:0 0 auto}}
@media(max-width:600px){.calendar-agenda section{grid-template-columns:1fr;gap:9px}.cal-modes{order:-1}.calendar-week{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.calendar-week .day{min-width:82vw;min-height:55vh;scroll-snap-align:center}.cal-nav{flex:0 0 auto}}
.logo-upload-row{display:flex;align-items:center;gap:12px}
.logo-upload-row input[type=file]{flex:1;height:auto;border:1px dashed var(--line);border-radius:11px;background:white;padding:9px 11px;font-size:.78rem}

/* ---------- Görev detay drawer: üst bar eylemleri, otomatik kayıt, alt görevler, bağlantılar, aktivite ---------- */
.drawer-head-actions{display:flex;align-items:center;gap:6px}
.autosave-status{font-size:.68rem;color:var(--muted);white-space:nowrap}
.autosave-status.ok{color:var(--green)}
.autosave-status.error{color:var(--red)}
.task-menu-wrap{position:relative}
.task-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:190px;background:rgba(250,250,252,.98);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);padding:6px;display:grid;gap:2px;z-index:10;backdrop-filter:blur(20px)}
.task-menu[hidden]{display:none}
.task-menu button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font-size:.82rem;color:var(--text);cursor:pointer}
.task-menu button:hover{background:rgba(0,0,0,.05)}
.task-menu button.danger-text{color:var(--red)}
.section-count{font-weight:400;color:var(--muted);font-size:.74rem;margin-left:4px}
.icon-btn-tiny{border:0;background:transparent;color:var(--faint);width:22px;height:22px;display:grid;place-items:center;border-radius:6px;cursor:pointer;flex:0 0 auto}
.icon-btn-tiny:hover{background:rgba(0,0,0,.06);color:var(--red)}
.icon-btn-tiny svg{width:12px;height:12px}
.subtask-row{display:flex;align-items:center;gap:9px;padding:7px 2px}
.subtask-row span:not(.icon-btn-tiny){flex:1;font-size:.82rem}
.subtask-done-text{text-decoration:line-through;color:var(--muted)}
.subtask-add-form,.link-add-form{display:flex;gap:7px;margin-top:8px}
.subtask-add-form input{flex:1}
.link-add-form{flex-wrap:wrap}
.link-add-form select{flex:0 0 140px}
.link-add-form input{flex:1;min-width:120px}
.task-link-row{display:flex;align-items:center;gap:9px;padding:7px 2px}
.task-link-row a{flex:1;font-size:.82rem;color:var(--blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-type-badge{font-size:.6rem;font-weight:600;background:rgba(0,0,0,.06);color:var(--muted);padding:2px 6px;border-radius:5px;flex:0 0 auto}
.activity-row{display:flex;align-items:center;gap:8px;padding:6px 2px;font-size:.76rem;color:var(--muted)}
.activity-row b{color:var(--text);font-weight:600}
.activity-row small{margin-left:auto;flex:0 0 auto}

/* ---------- Brand picker (marka seçimi: logo + ad, Yeni görev formu) ---------- */
.brand-picker{position:relative}
.brand-picker-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left}
.brand-picker-selected{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}
.brand-picker-selected span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-picker-btn .chevron{width:16px;height:16px;flex:0 0 auto;color:var(--muted)}
.brand-picker-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow:auto;background:rgba(250,250,252,.98);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);padding:6px;z-index:10;backdrop-filter:blur(20px)}
.brand-picker-option{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:8px;border-radius:8px;text-align:left;cursor:pointer;font-size:.83rem;color:var(--text)}
.brand-picker-option:hover{background:rgba(0,0,0,.045)}
.brand-picker-option[aria-selected="true"]{background:var(--blue2);color:var(--blue);font-weight:600}

/* ---------- LogoUploader (shared by Yeni Marka + Marka Ayarları) ---------- */
.logo-uploader{display:flex;gap:14px;align-items:flex-start}
.logo-uploader-preview{width:64px;height:64px;border-radius:16px;flex:0 0 auto;overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.1rem;
  background-image:linear-gradient(45deg,#e9e9ec 25%,transparent 25%),linear-gradient(-45deg,#e9e9ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e9ec 75%),linear-gradient(-45deg,transparent 75%,#e9e9ec 75%);
  background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;background-color:#fff}
.logo-uploader-preview img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box}
.logo-uploader-preview .logo-preview-fallback{width:100%;height:100%;display:grid;place-items:center;background:var(--blue)}
.logo-uploader-controls{flex:1;min-width:0;display:grid;gap:8px}
.logo-dropzone{border:1.5px dashed var(--line);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;cursor:pointer;color:var(--muted);background:rgba(0,0,0,.015);transition:var(--motion-fast)}
.logo-dropzone svg{width:20px;height:20px;color:var(--faint)}
.logo-dropzone span{font-size:.8rem;color:var(--text)}
.logo-dropzone small{font-size:.68rem;color:var(--muted)}
.logo-dropzone:hover,.logo-dropzone.drag-over{border-color:var(--blue);background:var(--blue2);color:var(--blue)}
.logo-uploader-actions{display:flex;gap:14px}
.logo-uploader-actions button{border:0;background:transparent;color:var(--blue);font-size:.76rem;font-weight:600;cursor:pointer;padding:0}
.logo-uploader-actions button.danger-text{color:var(--red)}
.logo-uploader-status{font-size:.7rem;color:var(--muted);min-height:14px}
.logo-uploader-status.error{color:var(--red)}
.logo-uploader-status.ok{color:var(--green)}

/* ---------- DRAG & DROP: sidebar project reorder ---------- */
.project-btn[draggable]{cursor:grab}
.project-btn.dragging{opacity:.4;box-shadow:var(--shadow-elevated)}
.project-btn.drag-over{box-shadow:inset 0 2px 0 var(--blue)}

/* ---------- DRAG & DROP + long-press: kanban board ---------- */
.board-task-card[draggable]{cursor:grab}
.board-task-card.dragging{opacity:.4;box-shadow:var(--shadow-elevated)}
.board-cards-stack.drag-over{background:rgba(0,119,237,.07);border-radius:10px;outline:1.5px dashed rgba(0,119,237,.35)}
.status-popover{position:fixed;z-index:130;background:rgba(250,250,252,.98);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:6px;display:grid;gap:2px;min-width:170px;backdrop-filter:blur(20px)}
.status-popover button{border:0;background:transparent;text-align:left;padding:9px 11px;border-radius:9px;font-size:.8rem;color:var(--text);cursor:pointer}
.status-popover button:hover{background:rgba(0,0,0,.05)}
.status-popover button.current{color:var(--blue);font-weight:600}

/* ---------- Completion celebration ---------- */
@keyframes checkPulse{0%{transform:scale(1)}40%{transform:scale(1.35);box-shadow:0 0 0 8px rgba(0,119,237,.16)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,119,237,0)}}
.check.pulse{animation:checkPulse .5s ease}
@keyframes rowFlash{0%{background:rgba(48,184,88,.22)}100%{background:transparent}}
.project-task-row.just-done{animation:rowFlash .65s ease}
.board-task-card.just-done{animation:rowFlash .65s ease}

/* ---------- In-app notification pop-ups ---------- */
.popup-stack{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:120;max-width:340px;width:calc(100vw - 36px)}
.popup-card{display:flex;gap:10px;align-items:flex-start;background:rgba(250,250,252,.98);border:1px solid var(--line);border-radius:15px;padding:12px 12px 12px 13px;box-shadow:var(--shadow);cursor:pointer;animation:popupIn .25s ease;backdrop-filter:blur(20px)}
.popup-card.leaving{animation:popupOut .2s ease forwards}
@keyframes popupIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes popupOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(24px)}}
.popup-card .project-logo{width:34px;height:34px;flex:0 0 auto}
.popup-card .project-logo svg{width:16px;height:16px;stroke:white}
.popup-body{flex:1;min-width:0}
.popup-body b{display:block;font-size:.79rem;margin-bottom:2px}
.popup-body p{margin:0;font-size:.75rem;color:var(--muted);line-height:1.4}
.popup-close{border:0;background:transparent;color:var(--faint);padding:2px;flex:0 0 auto}
.popup-close svg{width:13px;height:13px}
@media(max-width:600px){.popup-stack{left:10px;right:10px;top:calc(10px + env(safe-area-inset-top));max-width:100%;width:auto}}
.app-download{margin-top:6px;padding-top:6px;border-top:1px solid var(--line-soft)}
.app-download a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.73rem}
.app-download a:hover{background:rgba(0,0,0,.045);color:var(--text)}
.app-download svg{width:14px;height:14px}
.app-download-alt{padding:0 8px 2px!important;font-size:.64rem!important;color:var(--faint)!important}