:root{--blue:#2563eb;--blue-2:#1d4ed8;--ink:#172033;--muted:#71809b;--line:#e4eaf4;--surface:#fff;--canvas:#f5f8fe;--red:#dc2626;--orange:#e68220;--green:#0f9f6e;--shadow:0 12px 35px rgba(28,61,117,.08);--radius:22px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:248px;background:#fff;border-inline-end:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#2d74ff,#1649c8);color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(37,99,235,.3)}.brand b{display:block;font-size:14px}.brand small,.sidebar-foot small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#65738d;text-decoration:none;font-size:14px;font-weight:600}.nav-link:hover{background:#f4f7fc;color:var(--ink);transform:translateX(2px)}[dir="rtl"] .nav-link:hover{transform:translateX(-2px)}.nav-link.active{background:#edf4ff;color:var(--blue)}.nav-link em{margin-inline-start:auto;background:var(--red);color:#fff;font-size:10px;font-style:normal;padding:2px 6px;border-radius:99px}.sidebar-foot{margin-top:auto;background:#f6f9ff;border:1px solid #e6edfb;border-radius:14px;padding:12px;font-size:12px;font-weight:700}.mock-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0f9f6e;margin-inline-end:7px}.main-area{margin-inline-start:248px;min-height:100vh}.topbar{height:74px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:15}.search-trigger{border:1px solid var(--line);background:#f8faff;color:var(--muted);border-radius:13px;height:42px;width:min(440px,45vw);display:flex;align-items:center;gap:10px;padding:0 13px;text-align:start}.search-trigger span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-trigger kbd{margin-inline-start:auto;background:#fff;border:1px solid var(--line);border-radius:7px;padding:2px 6px;font-size:11px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{height:40px;min-width:40px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;color:#526079;font-size:11px;font-weight:800}.icon-btn:hover{border-color:#bfd1f3;color:var(--blue)}.bell{position:relative}.bell i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--red);top:7px;right:8px;border:2px solid #fff}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#2f68dc,#1d3f89);color:#fff;font-size:12px;font-weight:800}.page{padding:32px;max-width:1480px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:5px 0 8px}.page-heading p{margin:0;color:var(--muted);font-size:14px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--blue)!important;font-weight:800!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.06em}.primary-btn{border:0;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-radius:13px;padding:12px 17px;display:flex;align-items:center;gap:8px;font-weight:750;box-shadow:0 9px 22px rgba(37,99,235,.24)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(37,99,235,.3)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.metric-card{padding:18px;display:flex;align-items:center;gap:13px;position:relative}.metric-card strong{display:block;font-size:25px;letter-spacing:-.03em}.metric-card p{color:var(--muted);font-size:12px;margin:2px 0}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.metric-icon svg{width:19px}.metric-icon.blue{color:#2563eb;background:#eaf2ff}.metric-icon.violet{color:#7c3aed;background:#f1eafe}.metric-icon.sky{color:#0284c7;background:#e6f6fd}.metric-icon.red{color:#dc2626;background:#feecec}.trend{position:absolute;inset-inline-end:15px;top:15px;font-size:10px;color:var(--green);background:#ecfdf5;border-radius:99px;padding:3px 7px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:18px}.panel{padding:21px;min-height:280px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-head h2{font-size:17px;margin:5px 0}.panel-head button{border:0;background:transparent;color:var(--blue);display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700}.kicker{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.focus-progress{display:flex;align-items:center;gap:28px;padding:18px 10px}.ring{--progress:68%;width:145px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--blue) var(--progress),#e8eef9 0);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;width:112px;aspect-ratio:1;border-radius:50%;background:#fff}.ring span{position:relative;z-index:1;font-size:27px;font-weight:850}.focus-copy{flex:1}.status-pill{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:11px;font-weight:800}.status-pill.green{background:#e8faf3;color:var(--green)}.focus-copy>p{color:var(--muted);font-size:13px;margin:15px 0}.mini-meta{display:flex;gap:30px}.mini-meta span{font-size:10px;color:var(--muted);text-transform:uppercase}.mini-meta b{display:block;color:var(--ink);font-size:12px;text-transform:none;margin-top:5px}.deadline-list{display:grid;gap:4px}.deadline-item{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:9px;border-radius:14px}.deadline-item:hover{background:#f8faff}.deadline-item>span:nth-child(2) b{font-size:12px;display:block}.deadline-item small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.date-box{width:42px;height:42px;border-radius:11px;background:#f0f5fd;display:grid;place-content:center;text-align:center;color:#4d6384}.date-box b{font-size:15px;line-height:1}.date-box small{font-size:8px;margin-top:2px}.date-box.urgent{background:#fff0f0;color:var(--red)}.priority{font-size:9px!important;font-weight:800;padding:4px 7px;border-radius:99px;background:#edf3fc;color:#587093}.priority.critical{background:#feecec;color:var(--red)}.priority.high{background:#fff4e5;color:var(--orange)}.workload-row{display:grid;grid-template-columns:36px minmax(100px,1fr) 1.3fr 38px;align-items:center;gap:10px;padding:10px 3px}.avatar.small{width:34px;height:34px;border-radius:11px;font-size:10px}.workload-row>span:nth-child(2) b{display:block;font-size:12px}.workload-row small{color:var(--muted);font-size:10px}.bar{height:7px;background:#edf1f8;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d83ef,#2563eb)}.workload-row>strong{font-size:11px}.timeline-mini{position:relative}.timeline-mini:before{content:"";position:absolute;inset-block:10px;inset-inline-start:55px;width:1px;background:#dbe4f3}.timeline-mini>div{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;margin:9px 0}.timeline-mini time{font-size:10px;color:var(--muted);padding-top:11px}.event{border-inline-start:3px solid var(--blue);background:#f7faff;border-radius:4px 12px 12px 4px;padding:9px 12px;position:relative}.event b{font-size:12px;display:block}.event small{font-size:10px;color:var(--muted)}.critical-event{background:#fff5f5}.mobile-nav{display:none}
@media(max-width:1020px){.sidebar{width:84px;padding-inline:13px}.brand>span:last-child,.nav-link span,.sidebar-foot{display:none}.brand{padding-inline:8px}.nav-link{justify-content:center}.nav-link em{position:absolute;margin:0;transform:translate(12px,-12px)}.main-area{margin-inline-start:84px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{display:none}.main-area{margin:0;padding-bottom:75px}.topbar{height:64px;padding:0 16px}.search-trigger{width:52px}.search-trigger span,.search-trigger kbd{display:none}.page{padding:22px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading>div>p:last-child{max-width:220px}.primary-btn{width:43px;height:43px;padding:0;justify-content:center}.primary-btn:not(svg){font-size:0}.stats-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.metric-card{min-width:165px;scroll-snap-align:start}.dashboard-grid{grid-template-columns:1fr}.panel{min-height:0}.focus-progress{gap:18px}.ring{width:112px}.ring:after{width:86px}.ring span{font-size:22px}.mobile-nav{display:flex;position:fixed;z-index:30;bottom:0;inset-inline:0;height:69px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-top:1px solid var(--line);justify-content:space-around;padding:8px 4px}.mobile-nav a{color:#8390a5;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:700;min-width:52px}.mobile-nav svg{width:20px}.mobile-nav a.active{color:var(--blue)}.workload-row{grid-template-columns:34px 1fr 80px 34px}.top-actions .icon-btn:first-child span{display:none}}
@media(max-width:420px){.stats-grid{margin-inline:-16px;padding-inline:16px}.focus-progress{align-items:flex-start}.mini-meta{display:grid;gap:10px}.deadline-item{grid-template-columns:42px 1fr}.deadline-item>.priority{display:none}}

/* Extended application surfaces */
svg{width:18px;height:18px;stroke-width:1.9}.heading-actions,.detail-nav>div{display:flex;align-items:center;gap:9px}.secondary-btn,.danger-btn,.ghost-btn{border:1px solid var(--line);background:#fff;color:#46546b;border-radius:12px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:750}.secondary-btn:hover,.ghost-btn:hover{border-color:#b8caeb;color:var(--blue);background:#f8faff}.danger-btn{border-color:#f5caca;color:var(--red);background:#fffafa}.danger-btn:hover{background:#feecec}.panel-head a,.panel-head button{border:0;background:transparent;color:var(--blue);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:750;text-decoration:none}.panel-head a svg,.panel-head button svg{width:15px}.smart-stats{grid-template-columns:repeat(4,1fr)}.metric-icon.green{color:var(--green);background:#e8faf3}.metric-icon.orange{color:var(--orange);background:#fff4e5}.chart-panel,.recent-panel{min-height:260px}.donut-row{display:flex;align-items:center;justify-content:center;gap:36px;padding:12px}.donut{width:132px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--green) 25%,var(--blue) 25% 60%,#8b5cf6 60% 82%,var(--red) 82%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:92px;aspect-ratio:1;background:#fff;border-radius:50%}.donut span{position:relative;z-index:1;text-align:center;font-size:22px;font-weight:850}.donut small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;margin-top:3px}.legend{min-width:160px}.legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;margin:11px 0;font-size:11px}.legend i{width:7px;height:7px;border-radius:50%}.goal-progress-list{display:grid;gap:15px}.goal-progress-list>a{color:inherit;text-decoration:none}.goal-progress-list>a>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.goal-progress-list>a>small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.activity-list{display:grid;gap:13px}.activity-list>div{display:flex;gap:10px;align-items:flex-start}.activity-list p{margin:0;font-size:11px;line-height:1.5}.activity-list p>b{color:var(--ink)}.activity-list p>strong{color:var(--blue)}.activity-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.filter-strip{display:flex;gap:7px;overflow:auto;padding-bottom:14px;margin-bottom:8px}.filter-strip button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 13px;white-space:nowrap;color:#68758c;font-size:11px;font-weight:700}.filter-strip button.active{background:#eaf2ff;border-color:#c5d8fb;color:var(--blue)}.filter-strip button b{margin-inline-start:5px}.goal-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.goal-card,.project-card,.member-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:21px;text-decoration:none;color:inherit;transition:.22s ease}.goal-card:hover,.project-card:hover,.member-card:hover{transform:translateY(-3px);border-color:#c8d7f0;box-shadow:0 18px 42px rgba(28,61,117,.12)}.card-top,.project-card>header{display:flex;justify-content:space-between;align-items:flex-start}.card-top>svg{color:#a5afc0}.goal-icon,.project-symbol,.file-icon,.result-icon,.notice-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-weight:850}.goal-card h2,.project-card h2{font-size:16px;line-height:1.35;margin:17px 0 7px}.goal-card>p,.project-card>p{font-size:11px;line-height:1.55;color:var(--muted);min-height:35px;margin:0}.badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.goal-card .badge-row{margin-top:15px}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;background:#edf3fd;color:#40659f}.badge.green{background:#e8faf3;color:var(--green)}.badge.orange{background:#fff3e2;color:#bd6516}.badge.red{background:#feecec;color:var(--red)}.badge.violet{background:#f0eaff;color:#6d43c9}.badge.neutral{background:#f1f3f7;color:#667188}.priority-low{background:#eff7ff;color:#45709f}.priority-medium{background:#edf3fd;color:#42659a}.priority-high{background:#fff3e2;color:#bd6516}.priority-critical{background:#feecec;color:var(--red)}.goal-progress{margin-top:20px}.goal-progress>span{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:8px}.goal-progress>span b{color:var(--ink);font-size:12px}.progress-wrap{display:flex;align-items:center;gap:8px}.progress{height:7px;flex:1;background:#ecf0f6;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#5d8efa,var(--blue));border-radius:inherit}.progress i.green{background:linear-gradient(90deg,#39c79a,var(--green))}.progress i.orange{background:linear-gradient(90deg,#f8ae55,var(--orange))}.progress-wrap>b{font-size:10px}.goal-card footer,.project-card footer{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:14px;margin-top:17px;font-size:10px;color:var(--muted)}.goal-card footer>span,.project-card footer>span{display:flex;align-items:center;gap:5px}.goal-card footer>span:first-child,.project-card footer>span:first-child{margin-inline-end:auto;color:var(--ink)}.goal-card footer svg,.project-card footer svg{width:13px}.avatar-sm{width:28px;height:28px;border-radius:9px;font-size:8px}.avatar-md{width:40px;height:40px}.avatar-lg{width:62px;height:62px;border-radius:18px;font-size:17px}.project-card>header .badge-row{justify-content:flex-end}.project-symbol{background:linear-gradient(145deg,#eef4ff,#dce9ff);font-size:16px}.project-symbol.large{width:62px;height:62px;border-radius:18px;font-size:22px}.parent-chip,.department-chip{display:inline-flex;background:#f5f7fb;color:#697890;border-radius:8px;padding:5px 8px;font-size:9px;margin-top:10px}.project-meta{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:17px}.project-meta span{background:#f8faff;border-radius:11px;padding:9px}.project-meta small,.project-meta b{display:block}.project-meta small{font-size:8px;color:var(--muted);text-transform:uppercase}.project-meta b{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.detail-nav>a{display:flex;align-items:center;gap:7px;text-decoration:none;color:#65738c;font-size:12px;font-weight:750}.detail-hero{background:linear-gradient(135deg,#fff 55%,#edf4ff);border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);margin-bottom:18px}.detail-hero h1{font-size:27px;letter-spacing:-.03em;margin:12px 0 6px}.detail-hero p{color:var(--muted);font-size:12px;max-width:680px;line-height:1.6}.project-detail-hero{justify-content:flex-start;gap:18px}.project-detail-hero .hero-progress{margin-inline-start:auto}.owner-line{display:flex;align-items:center;gap:12px;margin-top:17px}.owner-line>span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.owner-line>span b{display:block;color:var(--ink);font-size:11px;margin-inline-start:2px}.owner-line svg{width:13px}.small-ring{width:110px}.small-ring:after{width:84px}.small-ring span{font-size:19px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-2{grid-column:span 2}.smart-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.smart-grid>div{background:#f8faff;border:1px solid #edf1f8;border-radius:15px;padding:13px}.smart-grid>div>span{color:var(--blue);display:block;margin-bottom:11px}.smart-grid small,.smart-grid b{display:block}.smart-grid small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.smart-grid b{font-size:10px;line-height:1.4;margin-top:4px}.metric-big{margin:20px 0 12px}.metric-big b{font-size:35px;letter-spacing:-.04em}.metric-big span{color:var(--muted)}.muted{color:var(--muted);font-size:11px;line-height:1.5}.section-kicker{display:block;margin-top:24px}.related-row{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--line)}.related-row>svg{color:var(--blue)}.related-row b,.related-row small{display:block}.related-row b{font-size:11px}.related-row small{font-size:9px;color:var(--muted);margin-top:3px}.compact-projects,.compact-tasks{display:grid}.compact-projects>a,.compact-projects>div,.compact-tasks>a{display:grid;grid-template-columns:40px 1fr auto 45px;align-items:center;gap:11px;padding:11px 4px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}.compact-projects b,.compact-projects small,.compact-tasks b,.compact-tasks small{display:block}.compact-projects b,.compact-tasks b{font-size:11px}.compact-projects small,.compact-tasks small{color:var(--muted);font-size:9px;margin-top:3px}.compact-projects strong,.compact-tasks strong{font-size:11px}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.overview-metrics>div{padding:8px 14px;border-inline-start:1px solid var(--line)}.overview-metrics>div:first-child{border:0}.overview-metrics small,.overview-metrics b{display:block}.overview-metrics small{font-size:8px;color:var(--muted);text-transform:uppercase}.overview-metrics b{font-size:11px;margin-top:6px}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);margin:0 0 17px;padding:0 4px}.tabs button{border:0;background:transparent;color:#78859a;padding:11px 13px;font-size:11px;font-weight:750;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--blue);border-color:var(--blue)}.tabs i{font-style:normal;background:#edf3fd;margin-inline-start:5px;padding:2px 5px;border-radius:99px}.tab-panel{min-height:300px}.task-check{width:23px;height:23px;border:2px solid #cbd6e7;border-radius:8px;display:grid;place-items:center;color:#fff}.task-check.done{background:var(--green);border-color:var(--green)}.task-check svg{width:13px}.compact-tasks>a{grid-template-columns:28px 1fr auto auto 42px}.avatars-inline{display:flex}.avatars-inline .avatar{margin-inline-start:-7px;border:2px solid #fff}.avatars-inline .avatar:first-child{margin:0}.avatar-stack{display:flex;margin:18px 0}.avatar-stack .avatar{margin-inline-start:-8px;border:3px solid #fff}.avatar-stack .avatar:first-child{margin:0}.event-list{display:grid}.event-row{display:grid;grid-template-columns:65px 8px 1fr;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}.event-row time{font-size:11px;font-weight:800}.event-row time small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.event-row>i{width:7px;height:36px;border-radius:99px}.event-row b,.event-row small{display:block}.event-row b{font-size:12px}.event-row span small{font-size:9px;color:var(--muted);margin-top:3px}.chat-panel{padding:0;overflow:hidden}.chat-tools{padding:14px;border-bottom:1px solid var(--line)}.input-icon,.command-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#f8faff;border-radius:12px;padding:0 11px}.input-icon input,.command-search input{border:0;background:transparent;outline:0;width:100%;height:38px;font-size:11px}.chat-stream{height:420px;overflow:auto;padding:20px}.chat-message{display:flex;gap:10px;margin-bottom:18px;max-width:78%}.chat-message.mine{margin-inline-start:auto;flex-direction:row-reverse}.chat-message>div{background:#f5f7fb;border-radius:4px 15px 15px 15px;padding:11px 13px;min-width:180px}.chat-message.mine>div{background:#eaf2ff;border-radius:15px 4px 15px 15px}.chat-message header{display:flex;justify-content:space-between;gap:25px;font-size:10px}.chat-message time{color:var(--muted)}.chat-message p{font-size:11px;line-height:1.5;margin:7px 0}.chat-message blockquote{margin:7px 0;padding:6px 8px;border-inline-start:2px solid var(--blue);background:rgba(255,255,255,.55);color:var(--muted);font-size:9px}.chat-message button{border:0;background:transparent;color:var(--blue);padding:0;font-size:9px}.file-chip{display:flex;align-items:center;gap:5px;background:#fff;border-radius:8px;padding:6px;font-size:9px}.chat-composer{display:grid;grid-template-columns:38px 1fr 42px;gap:8px;border-top:1px solid var(--line);padding:13px}.chat-composer input{border:1px solid var(--line);border-radius:12px;padding:0 12px;outline:0}.chat-composer>button{border:0;border-radius:11px;background:#f1f4f9;color:#6c7990}.chat-composer .send-btn{background:var(--blue);color:#fff}.file-list>div{display:grid;grid-template-columns:45px 1fr 160px 30px;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid var(--line)}.file-list b,.file-list small{display:block}.file-list b{font-size:11px}.file-list small{font-size:9px;color:var(--muted);margin-top:3px}.file-list button{border:0;background:transparent}.file-list.compact>div{grid-template-columns:38px 1fr}.file-list.compact .file-icon{width:34px;height:34px}.activity-list.large>div{padding:9px;border-bottom:1px solid var(--line)}.assignee-list{display:grid;gap:10px}.assignee-list>div{display:flex;align-items:center;gap:9px}.assignee-list b,.assignee-list small{display:block}.assignee-list b{font-size:11px}.assignee-list small{font-size:9px;color:var(--muted)}.checklist-view{display:grid;gap:10px}.checklist-view label{display:flex;gap:8px;align-items:center;font-size:11px}.smart-filter-bar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin-bottom:15px}.smart-filter-bar input,.smart-filter-bar select,.filter-field select{height:38px;border:1px solid var(--line);background:#f9fbff;border-radius:10px;padding:0 10px;color:#59677d;outline:0;font-size:11px}.task-table-wrap{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:auto}.task-table{width:100%;border-collapse:collapse;min-width:900px}.task-table th{text-align:start;padding:13px 14px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line)}.task-table td{padding:13px 14px;border-bottom:1px solid #edf1f7;font-size:10px}.task-table tr:hover td{background:#fafdff}.task-table td:first-child a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.task-table td:first-child b,.task-table td:first-child small{display:block}.task-table td:first-child b{font-size:11px}.task-table td:first-child small{font-size:8px;color:var(--muted);margin-top:3px}.table-progress{display:flex;align-items:center;gap:6px;min-width:90px}.table-progress b{font-size:9px}.date-overdue{color:var(--red);font-weight:800}.empty-state{text-align:center;padding:65px 20px;background:#fff;border:1px dashed #ccd7e9;border-radius:20px}.empty-state>span{margin:auto;width:48px;height:48px;border-radius:14px;background:#edf3fd;color:var(--blue);display:grid;place-items:center}.empty-state h3{font-size:15px}.empty-state p{color:var(--muted);font-size:11px}.text-btn{border:0;background:transparent;color:var(--blue);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750}.text-btn svg{width:14px}.timeline-controls{display:flex;align-items:center;gap:9px;margin-bottom:13px}.segmented{display:flex;background:#eaf0f9;border-radius:11px;padding:3px}.segmented button{border:0;background:transparent;color:#6d7a90;border-radius:9px;padding:8px 15px;font-size:10px;font-weight:750}.segmented button.active{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(34,67,119,.1)}.filter-field{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:11px;padding-inline-start:9px}.filter-field select{border:0;background:transparent}.date-nav{display:flex;align-items:center;gap:9px}.date-nav button{border:1px solid var(--line);background:#fff;border-radius:10px;width:34px;height:34px;display:grid;place-items:center}.date-nav b{font-size:12px}.calendar-board{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.calendar-head{height:60px;display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line)}.calendar-head>div{padding:12px 20px;border-inline-start:1px solid var(--line)}.calendar-head b,.calendar-head small{display:block}.calendar-head b{font-size:12px;color:var(--blue)}.calendar-head small{font-size:9px;color:var(--muted);margin-top:4px}.calendar-body{display:grid;grid-template-columns:70px 1fr;height:900px;overflow:auto}.time-axis{position:relative;border-inline-end:1px solid var(--line)}.time-axis span{position:absolute;inset-inline-end:12px;transform:translateY(-6px);font-size:9px;color:var(--muted)}.day-track{position:relative}.hour-line{position:absolute;inset-inline:0;height:1px;background:#edf1f7}.now-line{position:absolute;inset-inline:0;height:1px;background:var(--red);z-index:3}.now-line:before{content:"";position:absolute;inset-inline-start:-4px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--red)}.now-line span{position:absolute;inset-inline-end:8px;top:-15px;color:var(--red);font-size:8px;font-weight:800}.time-block{position:absolute;border-inline-start:4px solid;border-radius:4px 13px 13px 4px;padding:10px 12px;overflow:hidden;z-index:2}.time-block header{display:flex;justify-content:space-between}.time-block header b{font-size:11px}.time-block header svg{color:var(--red);width:14px}.time-block>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;margin-top:6px}.time-block>span svg{width:11px}.time-block.conflict{outline:1px solid #f4b5b5}.week-board{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:auto}.week-board>div{min-width:130px;min-height:480px;border-inline-end:1px solid var(--line);padding:10px}.week-board>div>header{text-align:center;font-size:10px;color:var(--muted);padding:8px}.week-board .today-col{background:#f7faff}.week-board article{border-inline-start:3px solid var(--blue);background:#f8faff;border-radius:9px;padding:9px;margin:8px 0}.week-board article b,.week-board article span,.week-board article small{display:block}.week-board article b{font-size:10px;margin:5px 0}.week-board article small,.week-board article span{font-size:8px;color:var(--muted)}.narrow-page{max-width:1050px}.notification-page-list{display:grid;gap:8px}.notice-row,.notification-item{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:start;border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;position:relative;color:inherit}.notice-row.unread,.notification-item.unread{background:#f5f9ff;border-color:#d7e5fb}.notice-row>span:nth-child(2),.notification-item>span:nth-child(2){flex:1}.notice-row b,.notification-item b{font-size:11px}.notice-row p,.notification-item p{font-size:10px;color:var(--muted);margin:4px 0;line-height:1.45}.notice-row small,.notification-item small{font-size:8px;color:#9aa5b7}.notice-row>i,.notification-item>i{width:7px;height:7px;background:var(--blue);border-radius:50%;margin-top:6px}.notice-icon.red{background:#feecec;color:var(--red)}.team-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px}.team-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;align-items:center;gap:12px}.team-summary article>svg{color:var(--blue)}.team-summary b,.team-summary span{display:block}.team-summary b{font-size:20px}.team-summary span{font-size:10px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.member-card{text-align:center}.member-card header{display:flex;justify-content:space-between}.member-card h2,.member-card h3{font-size:16px;margin:14px 0 4px}.member-card p{color:var(--muted);font-size:10px;margin:0 0 10px}.member-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0}.member-metrics span{background:#f8faff;border-radius:10px;padding:9px 4px}.member-metrics small,.member-metrics b{display:block}.member-metrics small{font-size:7px;color:var(--muted);min-height:18px}.member-metrics b{font-size:13px;margin-top:3px}.danger-text{color:var(--red)}.member-progress>div{display:flex;justify-content:space-between;font-size:9px;margin:10px 0 5px}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:18px}.settings-layout>aside{display:flex;flex-direction:column;gap:5px}.settings-layout>aside button{border:0;background:transparent;color:#6c7890;border-radius:11px;padding:11px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.settings-layout>aside button.active{background:#eaf2ff;color:var(--blue)}.settings-panels{display:grid;gap:15px}.setting-head{display:flex;gap:11px;align-items:center;margin-bottom:18px}.setting-head>span{width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center}.setting-head h2{font-size:14px;margin:0}.setting-head p{font-size:9px;color:var(--muted);margin:4px 0}.language-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.language-cards button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;text-align:start}.language-cards button.active{border-color:var(--blue);box-shadow:0 0 0 2px #dce8ff}.language-cards b,.language-cards span{display:block}.language-cards b{font-size:12px}.language-cards span{font-size:9px;color:var(--muted);margin-top:4px}.setting-field{display:grid;gap:6px;margin-top:16px;font-size:10px;font-weight:700}.setting-field select{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff}.toggle-row{display:flex;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{margin-inline-start:auto;width:37px;height:21px;border-radius:99px;background:#ced6e2;position:relative}.toggle-row i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:2px;inset-inline-start:2px;transition:.2s}.toggle-row input:checked+i{background:var(--blue)}.toggle-row input:checked+i:after{inset-inline-start:18px}.connection-status{display:flex;gap:10px;align-items:center;background:#edfbf5;border-radius:13px;padding:13px}.connection-status>i{width:8px;height:8px;border-radius:50%;background:var(--green)}.connection-status b,.connection-status small{display:block}.connection-status b{font-size:11px;color:#087c56}.connection-status small{font-size:8px;color:#54917d;margin-top:3px}.save-settings{justify-self:end}.profile-hero{background:linear-gradient(135deg,#fff,#edf4ff);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:27px;display:flex;gap:17px;align-items:center}.profile-hero h1{font-size:25px;margin:8px 0 4px}.profile-hero p{font-size:11px;color:var(--muted)}.profile-hero>div>span:last-child{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.profile-metrics article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;display:flex;align-items:center;gap:11px}.profile-metrics article>span{width:37px;height:37px;border-radius:11px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center}.profile-metrics b,.profile-metrics small{display:block}.profile-metrics b{font-size:18px}.profile-metrics small{font-size:8px;color:var(--muted);margin-top:3px}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:rgba(14,24,44,.42);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:20px;box-shadow:0 30px 70px rgba(15,31,61,.25);width:min(520px,100%);max-height:90vh;overflow:auto}.modal.wide{width:min(850px,100%)}.modal>header,.drawer>header{position:sticky;top:0;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line);z-index:2}.modal>header h2,.drawer>header h2{font-size:15px;margin:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:20px}.quick-grid button{border:1px solid var(--line);background:#f8faff;border-radius:15px;padding:22px 10px;color:var(--ink)}.quick-grid button svg{display:block;margin:0 auto 10px;color:var(--blue)}.quick-grid button b{font-size:11px}.command-search{margin:14px}.search-results{padding:0 14px 15px}.search-results>a{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:9px;border-radius:12px}.search-results>a:hover{background:#f5f8fd}.result-icon{width:35px;height:35px;border-radius:10px}.result-icon svg{width:15px}.search-results b,.search-results small{display:block}.search-results b{font-size:11px}.search-results small{font-size:8px;color:var(--muted);margin-top:3px}.muted-center{text-align:center;color:var(--muted);font-size:11px;padding:30px}.form-stack,.task-form{padding:20px}.form-stack label,.form-grid>label{display:grid;gap:6px}.form-stack label>span,.form-grid label>span,fieldset legend{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#65738b;font-weight:800}.form-stack input,.form-stack textarea,.form-grid input,.form-grid textarea,.form-grid select,.assignee-option select,.checklist-editor input{width:100%;border:1px solid var(--line);background:#fbfcff;border-radius:11px;padding:10px;outline:0;font-size:11px}.form-stack input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#8db2f5;box-shadow:0 0 0 3px #edf4ff}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:0;padding:0;margin:0}.assignee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px}.assignee-option{border:1px solid var(--line);border-radius:13px;padding:7px}.assignee-option.selected{border-color:#b9d0f8;background:#f7faff}.assignee-option>button{width:100%;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:3px;text-align:start}.assignee-option>button span:nth-child(2){font-size:9px;font-weight:700;flex:1}.assignee-option>button i{font-style:normal;color:var(--blue)}.assignee-option select{margin-top:6px;padding:5px}.check-label{display:flex!important;grid-column:span 2;align-items:center;grid-template-columns:18px 1fr!important}.check-label input{width:auto}.checklist-editor{display:grid;gap:7px;margin-top:7px}.checklist-editor>div{display:flex;gap:5px}.checklist-editor>div button{border:0;background:transparent;color:var(--red)}.form-note{display:flex;align-items:center;gap:7px;background:#f2f7ff;color:#4a6c9f;border-radius:11px;padding:9px 11px;font-size:9px;margin-top:14px}.drawer-backdrop{place-items:stretch end;padding:0}.drawer{width:min(410px,100vw);background:#fff;height:100%;box-shadow:-25px 0 60px rgba(15,31,61,.2);padding-bottom:18px;overflow:auto}.drawer>header{position:static}.drawer .kicker{display:block;margin-bottom:4px}.notification-list{padding:8px 12px;display:grid;gap:7px}.mark-all{margin:10px 16px 0}.drawer-link{display:block;text-align:center;color:var(--blue);text-decoration:none;font-size:11px;font-weight:750;padding:10px}.toasts{position:fixed;z-index:200;bottom:25px;inset-inline-end:25px;display:grid;gap:8px}.toast{background:#17233a;color:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 15px 35px rgba(16,27,48,.24);display:flex;align-items:center;gap:9px;font-size:10px;animation:toast-in .25s ease}.toast>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}.skeleton-page{padding:32px}.skeleton{background:linear-gradient(90deg,#eaf0f8,#f8faff,#eaf0f8);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:12px}.skeleton.h1{width:250px;height:40px}.skeleton-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.skeleton.card{height:100px}.skeleton.large{height:350px}@keyframes shimmer{to{background-position:-200% 0}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-story{background:radial-gradient(circle at 80% 15%,rgba(64,131,255,.42),transparent 28%),linear-gradient(145deg,#102f75,#1856c9 58%,#2882ee);color:#fff;padding:45px 7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.18);border-radius:50%;bottom:-210px;right:-80px;box-shadow:0 0 0 55px rgba(255,255,255,.04),0 0 0 110px rgba(255,255,255,.03)}.login-brand small{color:#b9d3ff}.login-kicker{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:7px 10px;border-radius:99px;font-size:10px;font-weight:750}.login-story h1{font-size:52px;line-height:1.05;letter-spacing:-.045em;margin:22px 0}.login-story h1 em{font-style:normal;color:#9dcbff}.login-story>div>p{max-width:500px;color:#c8dcff;line-height:1.65;font-size:13px}.login-points{display:grid;gap:10px;margin-top:28px}.login-points span{display:flex;align-items:center;gap:8px;font-size:11px}.login-points svg{color:#81e7c1}.login-story>small{color:#9fbee9}.login-form-wrap{display:grid;place-items:center;padding:35px;position:relative}.login-form-wrap form{width:min(360px,100%)}.login-form-wrap form>h2{font-size:28px;margin:18px 0 7px}.login-form-wrap form>p{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:22px}.login-form-wrap label{display:grid;gap:6px;margin:13px 0}.login-form-wrap label span{font-size:10px;font-weight:750}.login-form-wrap input{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;outline:0}.login-form-wrap .primary-btn{width:100%;justify-content:center;margin-top:18px}.login-form-wrap form>small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:13px}.login-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--blue);color:#fff;font-weight:850}.login-lang{position:absolute;top:25px;right:25px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 11px;display:flex;align-items:center;gap:6px;font-size:10px}.mobile-close,.menu-btn,.mobile-fab,.sidebar-scrim{display:none}
@media(max-width:1200px){.smart-stats{grid-template-columns:repeat(4,1fr)}.goal-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1020px){.heading-actions .secondary-btn{display:none}.smart-grid{grid-template-columns:repeat(3,1fr)}.smart-grid>div:nth-last-child(-n+2){grid-column:span 1}.assignee-grid{grid-template-columns:1fr 1fr}.smart-stats{grid-template-columns:repeat(2,1fr)}.profile-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.menu-btn{display:grid;place-items:center;border:0;background:transparent}.sidebar.open{display:flex;width:260px;z-index:70}.sidebar.open .brand>span:last-of-type,.sidebar.open .nav-link span,.sidebar.open .sidebar-foot{display:block}.sidebar.open .nav-link{justify-content:flex-start}.sidebar-scrim{display:block;position:fixed;inset:0;border:0;background:rgba(14,24,44,.38);z-index:60}.mobile-close{display:grid;margin-inline-start:auto;border:0;background:transparent}.smart-stats{display:flex}.goal-grid,.project-grid,.team-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.detail-hero{padding:20px;align-items:flex-start}.detail-hero .hero-progress{display:none}.project-detail-hero .project-symbol{display:none}.owner-line{flex-wrap:wrap}.smart-grid{display:flex;overflow:auto}.smart-grid>div{min-width:150px}.overview-metrics{grid-template-columns:1fr 1fr}.overview-metrics>div{border:0;border-bottom:1px solid var(--line)}.smart-filter-bar{grid-template-columns:1fr 1fr}.smart-filter-bar input{grid-column:span 2}.timeline-controls{overflow:auto}.calendar-body{grid-template-columns:52px 1fr}.calendar-head{grid-template-columns:52px 1fr}.time-block{left:3%!important;width:94%!important}.time-block:nth-of-type(even){margin-top:4px}.team-summary{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-layout>aside{flex-direction:row;overflow:auto}.settings-layout>aside button{white-space:nowrap}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.check-label{grid-column:span 1}.assignee-grid{grid-template-columns:1fr}.mobile-fab{display:grid;place-items:center;position:fixed;z-index:35;bottom:78px;inset-inline-end:16px;width:48px;height:48px;border:0;border-radius:16px;background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.35)}.file-list>div{grid-template-columns:40px 1fr 30px}.file-list>div>span:nth-child(3){display:none}.chat-message{max-width:92%}.toasts{bottom:82px;inset-inline:12px}.toast{justify-content:center}}
@media(max-width:440px){.overview-metrics,.profile-metrics{grid-template-columns:1fr 1fr}.compact-projects>a,.compact-projects>div{grid-template-columns:38px 1fr auto}.compact-projects strong{display:none}.compact-tasks>a{grid-template-columns:26px 1fr auto}.compact-tasks .avatars-inline,.compact-tasks strong{display:none}.detail-nav .secondary-btn,.detail-nav .danger-btn{font-size:0;padding:9px}.detail-nav button svg{margin:0}.quick-grid{grid-template-columns:1fr}.donut-row{gap:18px}.language-cards{grid-template-columns:1fr}.page-heading{margin-bottom:18px}.member-metrics{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   SMART WORKSPACE — MOBILE UX/UI CLEANUP v3
   Pure responsive override layer. Desktop layout is unchanged.
   ========================================================= */
.sw-icon{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 auto}
.sw-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-top-title{display:none}
.mobile-task-list{display:none}
.profile-link{text-decoration:none}

@media (max-width:720px){
  :root{--radius:17px;--shadow:0 5px 18px rgba(28,61,117,.055)}
  html{-webkit-text-size-adjust:100%;background:#f7f9fd}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background:#f7f9fd;-webkit-tap-highlight-color:transparent}
  button,a{touch-action:manipulation}
  input,select,textarea{font-size:16px!important}

  .main-area{margin:0!important;padding-bottom:calc(82px + env(safe-area-inset-bottom));min-width:0}
  .sidebar{display:none}
  .sidebar.open{display:flex!important;position:fixed;inset:0 auto 0 0;width:min(84vw,310px)!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom));z-index:80;box-shadow:22px 0 60px rgba(14,24,44,.18);animation:swSlideIn .18s ease both}
  [dir="rtl"] .sidebar.open{inset:0 0 0 auto;box-shadow:-22px 0 60px rgba(14,24,44,.18)}
  @keyframes swSlideIn{from{transform:translateX(-12px);opacity:.6}to{transform:translateX(0);opacity:1}}
  [dir="rtl"] .sidebar.open{animation-name:swSlideInRTL}
  @keyframes swSlideInRTL{from{transform:translateX(12px);opacity:.6}to{transform:translateX(0);opacity:1}}
  .sidebar.open .brand{padding:4px 6px 20px;gap:10px}
  .sidebar.open .brand-mark{width:40px;height:40px;border-radius:12px}
  .sidebar.open .brand>span:nth-child(2){display:block!important;min-width:0}
  .sidebar.open .brand b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar.open .nav-link{min-height:48px;border-radius:13px;padding:11px 12px;justify-content:flex-start!important;font-size:14px}
  .sidebar.open .nav-link .sw-icon{width:21px;height:21px}
  .sidebar.open .nav-link span{display:inline!important}
  .sidebar.open .sidebar-foot{display:block!important}
  .sidebar-scrim{display:block!important;position:fixed;inset:0;z-index:75;border:0;background:rgba(13,23,40,.42);backdrop-filter:blur(2px)}
  .mobile-close{display:grid!important;place-items:center;margin-inline-start:auto;width:40px;height:40px;border:0;border-radius:12px;background:#f3f6fb;color:#53627a;font-size:24px;line-height:1}

  .topbar{height:62px;padding:8px 12px;gap:7px;background:rgba(255,255,255,.96);border-bottom:1px solid #e8edf5;backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(31,55,91,.02)}
  .menu-btn{display:grid!important;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:12px;background:#f2f6fc;color:#32445f}
  .menu-btn .sw-icon{width:19px;height:19px}
  .mobile-top-title{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;line-height:1.15}
  .mobile-top-title b{font-size:13px;color:#1d2a40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-top-title small{font-size:10px;color:#8490a4;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}
  .search-trigger{width:40px!important;height:40px;flex:0 0 40px;border:0!important;border-radius:12px;background:#f2f6fc!important;padding:0!important;display:grid!important;place-items:center;color:#40516b}
  .search-trigger span,.search-trigger kbd{display:none!important}
  .top-actions{gap:5px}
  .top-actions .icon-btn{width:40px;min-width:40px;height:40px;border:0;border-radius:12px;background:#f7f9fc;color:#40516b}
  .top-actions .lang{display:none}
  .top-actions .avatar{width:38px;height:38px;border-radius:12px}
  .bell i{top:7px;right:6px}

  .page{width:100%;max-width:none;padding:20px 12px 28px;overflow:hidden}
  .page-heading{display:block;margin:0 0 18px}
  .page-heading>div:first-child{min-width:0}
  .page-heading h1{font-size:25px;line-height:1.12;margin:5px 0 7px;letter-spacing:-.03em}
  .page-heading p{font-size:12px;line-height:1.5}
  .page-heading>div>p:last-child{max-width:100%!important;color:#77859a}
  .eyebrow{font-size:10px!important;gap:5px;letter-spacing:.05em}
  .eyebrow .sw-icon{width:15px;height:15px}
  .heading-actions{display:flex;gap:8px;overflow-x:auto;margin-top:14px;padding-bottom:2px;scrollbar-width:none}
  .heading-actions::-webkit-scrollbar{display:none}
  .heading-actions .secondary-btn,.heading-actions .primary-btn{display:inline-flex!important;flex:0 0 auto;width:auto!important;height:42px!important;padding:0 14px!important;border-radius:12px!important;font-size:12px!important;white-space:nowrap;box-shadow:none}
  .page-heading>.primary-btn,.page-heading>button.primary-btn{display:inline-flex;width:auto!important;height:42px!important;padding:0 14px!important;margin-top:13px;font-size:12px!important;box-shadow:none}
  .primary-btn{font-size:13px!important;width:auto;height:auto;padding:12px 16px;min-height:44px;border-radius:12px;box-shadow:none}
  .secondary-btn,.ghost-btn,.danger-btn{min-height:40px;border-radius:11px}

  .metric-card,.panel,.goal-card,.project-card,.member-card,.task-table-wrap,.notification-page-list{box-shadow:none!important;border-color:#e7ecf4!important}
  .panel{padding:16px;border-radius:17px;min-height:0!important}
  .panel-head{margin-bottom:14px;gap:10px}
  .panel-head h2{font-size:16px;margin:3px 0}
  .panel-head a,.panel-head button{font-size:11px;white-space:nowrap}

  .stats-grid.smart-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 12px;padding:0;overflow:visible}
  .smart-stats .metric-card{min-width:0!important;min-height:82px;padding:13px 12px;border-radius:16px;gap:10px;background:#fff}
  .smart-stats .metric-icon{width:36px;height:36px;border-radius:11px}
  .smart-stats .metric-icon .sw-icon{width:18px;height:18px}
  .smart-stats .metric-card strong{font-size:21px}
  .smart-stats .metric-card p{font-size:10px;line-height:1.25}

  .dashboard-grid{display:grid;grid-template-columns:1fr;gap:11px}
  .focus-progress{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:14px;padding:5px 0}
  .ring{width:88px!important}
  .ring:after{width:68px!important}
  .ring span{font-size:19px!important}
  .focus-copy>p{font-size:11px;line-height:1.55;margin:10px 0}
  .mini-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .mini-meta span{font-size:8px}
  .mini-meta b{font-size:10px;margin-top:3px}
  .deadline-list{gap:2px}
  .deadline-item{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;padding:9px 4px;text-decoration:none;color:inherit}
  .date-box{width:38px;height:38px;border-radius:10px}
  .deadline-item>span:nth-child(2){min-width:0}
  .deadline-item>span:nth-child(2) b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .deadline-item small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .goal-progress-list>a{padding:10px 2px}
  .workload-row{grid-template-columns:34px minmax(0,1fr) 66px 32px;gap:8px;padding:9px 0}
  .workload-row>span:nth-child(2){min-width:0}
  .workload-row>span:nth-child(2) b,.workload-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .goal-grid,.project-grid,.team-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  .goal-card,.project-card,.member-card{border-radius:17px;padding:16px;background:#fff}
  .goal-card:hover,.project-card:hover,.member-card:hover{transform:none}
  .goal-card h2,.project-card h2,.member-card h2{font-size:16px;line-height:1.35}
  .goal-card>p,.project-card>p,.member-card p{font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .project-meta{gap:8px}
  .project-meta span{padding:9px;border-radius:11px}
  .goal-card footer,.project-card footer{margin-top:12px;padding-top:11px}
  .badge{font-size:9px;padding:4px 7px}
  .badge-row{gap:5px;flex-wrap:wrap}

  .task-table-wrap{display:none!important}
  .mobile-task-list{display:grid!important;gap:9px}
  .mobile-task-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e7ecf4;border-radius:17px;padding:14px}
  .mobile-task-top{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}
  .mobile-task-copy{display:block;min-width:0}
  .mobile-task-copy b{display:block;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-task-copy small{display:block;margin-top:3px;font-size:9px;color:#8793a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-task-pct{font-size:11px;font-weight:800;color:#42608c}
  .mobile-task-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:11px 0 9px;padding-inline-start:39px}
  .mobile-date{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#6c7a91;margin-inline-start:auto}
  .mobile-date .sw-icon{width:13px;height:13px}
  .mobile-task-card .progress-wrap{margin-inline-start:39px}
  .task-check{width:28px;height:28px;border-radius:9px}

  .detail-nav{margin-bottom:12px;gap:8px}
  .detail-nav>a{min-width:0;font-size:11px}
  .detail-nav>div{display:flex;gap:6px}
  .detail-nav .secondary-btn,.detail-nav .danger-btn{font-size:10px!important;padding:0 10px!important;min-height:36px}
  .detail-hero{display:block!important;padding:17px!important;border-radius:18px!important;margin-bottom:11px;overflow:hidden}
  .detail-hero h1{font-size:21px;line-height:1.22;margin:9px 0 7px}
  .detail-hero p{font-size:11px;line-height:1.55;margin:0 0 12px}
  .detail-hero .hero-progress,.project-detail-hero .project-symbol{display:none!important}
  .owner-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .owner-line>span{font-size:9px}
  .owner-line .avatar{width:32px;height:32px;border-radius:10px}
  .tabs{display:flex;gap:5px;overflow-x:auto;padding:3px 0 8px;margin-bottom:3px;scrollbar-width:none;scroll-snap-type:x proximity}
  .tabs::-webkit-scrollbar{display:none}
  .tabs button{flex:0 0 auto;min-height:38px;padding:0 12px;font-size:10px;border-radius:11px;scroll-snap-align:start}
  .details-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  .details-grid .span-2{grid-column:span 1!important}
  .overview-metrics{grid-template-columns:1fr 1fr!important;gap:0}
  .overview-metrics>div{min-width:0;padding:11px 9px!important;border-bottom:1px solid #edf1f6!important}
  .overview-metrics b{font-size:11px;white-space:normal;word-break:break-word}
  .compact-projects>a,.compact-projects>div{grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px;padding:10px 0}
  .compact-projects strong{display:none!important}
  .compact-tasks>a{grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px;padding:10px 0}
  .compact-tasks .avatars-inline,.compact-tasks strong{display:none!important}
  .compact-tasks b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .event-list{gap:0}
  .event-row{grid-template-columns:74px 8px minmax(0,1fr);gap:8px;padding:11px 0}
  .event-row time{font-size:9px;line-height:1.25;word-break:break-word}
  .event-row time small{font-size:8px;margin-top:3px}
  .event-row span{min-width:0}
  .event-row span b{font-size:11px;line-height:1.35}
  .event-row span small{font-size:9px;line-height:1.35;white-space:normal}

  .profile-hero{padding:18px;border-radius:18px;align-items:flex-start}
  .profile-hero .avatar{width:56px;height:56px;border-radius:17px}
  .profile-hero h1{font-size:21px;margin:7px 0 4px}
  .profile-hero p,.profile-hero>div>span:last-child{font-size:10px}
  .profile-metrics{grid-template-columns:1fr 1fr!important;gap:9px;margin-top:10px}
  .profile-metrics article{padding:13px;border-radius:15px}

  .notification-page-list{border-radius:17px;overflow:hidden;background:#fff}
  .notice-row{grid-template-columns:34px minmax(0,1fr) 8px;padding:13px 11px;text-align:start}
  .notice-row b{font-size:11px}
  .notice-row p{font-size:10px;line-height:1.45}
  .notice-row small{font-size:8px}
  .notice-icon{width:32px;height:32px;border-radius:10px}

  .settings-panels{gap:10px}
  .language-cards{grid-template-columns:1fr!important;gap:8px}
  .language-cards button{padding:13px;border-radius:13px;text-align:start}

  .chat-thread{max-height:50vh;overflow:auto}
  .chat-message{max-width:94%!important}
  .chat-compose{position:sticky;bottom:0;background:#fff;padding-top:10px;gap:7px}
  .chat-compose input{min-width:0;height:44px}
  .chat-compose .primary-btn,.chat-compose button{min-width:70px;padding-inline:12px!important}
  .file-list>div{grid-template-columns:36px minmax(0,1fr)!important;gap:9px}

  .modal-backdrop{align-items:flex-end!important;padding:0!important;background:rgba(12,22,39,.46)}
  .modal,.modal.wide{width:100%!important;max-width:none!important;max-height:92dvh;border-radius:22px 22px 0 0!important;overflow:auto;box-shadow:0 -20px 50px rgba(14,27,48,.18)}
  .modal>header{padding:15px 15px 12px;border-bottom:1px solid #edf1f6;background:#fff}
  .modal>header h2{font-size:16px}
  .modal .icon-btn{width:38px;height:38px;min-width:38px;border:0;background:#f2f5fa}
  .form-stack,.task-form{padding:14px 15px calc(18px + env(safe-area-inset-bottom))}
  .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px}
  .form-grid .span-2,.check-label{grid-column:span 1!important}
  .form-stack input,.form-stack textarea,.form-grid input,.form-grid textarea,.form-grid select{min-height:45px;border-radius:12px;padding:11px 12px;background:#fff}
  .form-actions{position:sticky;bottom:0;background:#fff;padding-top:10px;margin-top:13px;display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
  .form-actions .ghost-btn,.form-actions .primary-btn{width:100%!important;justify-content:center}
  .command-search{margin:12px}
  .command-search input{height:46px;font-size:16px!important}

  .mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;z-index:50;bottom:0;inset-inline:0;height:calc(68px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-top:1px solid #e6ebf3;box-shadow:0 -8px 30px rgba(31,56,94,.055)}
  .mobile-nav .nav-link{display:flex;min-width:0;height:56px;padding:5px 2px;border-radius:13px;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7f8ba0;font-size:9px;font-weight:700;text-decoration:none;background:transparent!important;transform:none!important}
  .mobile-nav .nav-link .sw-icon{width:21px;height:21px}
  .mobile-nav .nav-link span:last-child{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-nav .nav-link.active{color:#1f63dc;background:#edf4ff!important}
  .mobile-fab{display:grid!important;place-items:center;position:fixed;z-index:55;bottom:calc(78px + env(safe-area-inset-bottom));inset-inline-end:14px;width:50px;height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#2f72ee,#1e54c9);color:#fff;font-size:26px;line-height:1;box-shadow:0 12px 26px rgba(37,99,235,.28)}

  .toasts{bottom:calc(82px + env(safe-area-inset-bottom));inset-inline:12px}
  .toast{font-size:11px;border-radius:13px;padding:11px 13px}
  .api-error{margin:18px 12px!important;padding:18px!important;border-radius:17px!important}
}

@media (max-width:380px){
  .top-actions .profile-link{display:none}
  .smart-stats .metric-card{padding:11px 10px}
  .smart-stats .metric-icon{width:33px;height:33px}
  .smart-stats .metric-card strong{font-size:19px}
  .focus-progress{grid-template-columns:78px 1fr}
  .ring{width:76px!important}.ring:after{width:58px!important}.ring span{font-size:17px!important}
  .mobile-nav .nav-link{font-size:8px}
}

/* =========================================================
   SMART WORKSPACE V4 — Mobile-first UX, auth, timeline table
   ========================================================= */
:root{--v4-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--v4-font)!important}
body{font-size:14px}
.sw-icon{display:inline-grid;place-items:center;flex:0 0 auto}.sw-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{display:inline-flex;align-items:center;gap:7px}.primary-btn .sw-icon,.secondary-btn .sw-icon,.danger-btn .sw-icon{width:16px;height:16px}
.page-heading h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}.page-heading>div>p:not(.eyebrow){font-size:13px;line-height:1.55}.eyebrow{display:flex;align-items:center;gap:7px}.eyebrow .sw-icon{width:16px;height:16px}
.nav-link .sw-icon{width:20px;height:20px}.metric-icon .sw-icon{width:20px;height:20px}.metric-card p{font-size:10px}.metric-card strong{font-size:21px}
.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:14px 10px 6px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.sidebar-user span b,.sidebar-user span small{display:block}.sidebar-user span b{font-size:10px}.sidebar-user span small{font-size:8px;color:var(--muted);margin-top:2px}.sidebar-user button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;padding:7px;border-radius:10px}.sidebar-user button:hover{background:#f1f5fb;color:var(--red)}
.panel-head a{display:inline-flex;align-items:center;gap:3px}.panel-head a .sw-icon{width:13px;height:13px}
.workload-row{text-decoration:none;color:inherit}.workload-row:hover{background:#f8faff}
.badge.violet{background:#f2edff;color:#7446d8}
.last-active{display:flex;align-items:center;gap:5px;color:var(--muted);margin-top:10px}.last-active .sw-icon{width:13px;height:13px}
.compact-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.compact-task-row:last-child{border-bottom:0}.compact-task-row>a{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;min-width:0}.compact-task-row>a>span:last-child{min-width:0}.compact-task-row b,.compact-task-row small{display:block}.compact-task-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-task-row small{font-size:9px;color:var(--muted);margin-top:3px}.inline-status,.mobile-status-select,.status-select-large{border:1px solid #dce4f1;background:#fff;border-radius:10px;color:#2b3b55;outline:0;font-weight:700}.inline-status{padding:7px 8px;font-size:9px;max-width:125px}.status-select-large{padding:10px 12px;font-size:12px;min-width:170px}.status-control-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.status-control-panel span small,.status-control-panel span b{display:block}.status-control-panel span small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.status-control-panel span b{font-size:13px;margin-top:3px}
.assignee-list>a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;padding:7px;border-radius:10px}.assignee-list>a:hover{background:#f6f8fc}
.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.profile-email{display:inline-flex!important;align-items:center;gap:6px}.profile-email .sw-icon{width:15px;height:15px}.profile-grid .activity-list>div>.sw-icon{width:28px;height:28px;border-radius:9px;background:#f2f6fc;padding:6px;color:var(--blue)}

/* Timeline is deliberately a real planning table, not event cards */
.timeline-table-wrap{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:auto}.timeline-table{width:100%;border-collapse:collapse;min-width:900px}.timeline-table th{position:sticky;top:0;z-index:1;background:#f8faff;color:#6b7890;text-transform:uppercase;letter-spacing:.055em;font-size:9px;text-align:start;padding:13px 14px;border-bottom:1px solid var(--line)}.timeline-table td{padding:13px 14px;border-bottom:1px solid #edf1f7;font-size:11px;vertical-align:middle}.timeline-table tr:last-child td{border-bottom:0}.timeline-table tbody tr:hover{background:#fbfcff}.timeline-table a{color:var(--ink);text-decoration:none}.timeline-table a:hover{color:var(--blue)}.timeline-person{display:flex;align-items:center;gap:7px;white-space:nowrap}.timeline-person .avatar{width:27px;height:27px;font-size:8px}

/* Authentication */
.modern-auth .login-story{background:radial-gradient(circle at 82% 12%,rgba(114,174,255,.38),transparent 28%),linear-gradient(145deg,#0b245c,#164fb6 58%,#267de1)}.modern-auth .login-kicker{display:inline-flex;align-items:center}.modern-auth .login-kicker .sw-icon{width:15px;height:15px}.modern-auth .login-points .sw-icon{width:16px;height:16px}.modern-auth .login-form-wrap form{background:#fff}.auth-switch{width:100%;border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:750;margin-top:13px;cursor:pointer}.login-lang .sw-icon{width:15px;height:15px}.login-form-wrap input{font-size:13px}.login-form-wrap label span{font-size:11px}.login-form-wrap form>p{font-size:12px}

/* Notifications */
.notice-icon{display:grid!important;place-items:center!important}.notice-icon .sw-icon{width:18px;height:18px}.heading-actions{flex-wrap:wrap}

/* Empty icons never render as text glyph squares */
.empty-state>.sw-icon,.file-icon>.sw-icon{width:26px;height:26px}

@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}

@media(max-width:720px){
 body{background:#f6f8fc;font-size:14px;-webkit-font-smoothing:antialiased}.main-area{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{height:64px;padding:0 14px;gap:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #edf1f6}.menu-btn{width:38px;height:38px;border:1px solid #e5ebf3!important;border-radius:12px!important;background:#fff!important}.menu-btn .sw-icon{width:20px;height:20px}.mobile-top-title{min-width:0}.mobile-top-title b{font-size:13px}.mobile-top-title small{font-size:9px;margin-top:2px;color:#8290a5}.top-actions{gap:5px}.top-actions .icon-btn,.profile-link{width:36px;height:36px;border-radius:11px}.top-actions .lang{display:grid!important;place-items:center}.top-actions .lang span{display:none}.top-actions .sw-icon{width:18px;height:18px}.profile-link .avatar{width:34px;height:34px}.search-trigger{display:none!important}
 .page{padding:20px 14px 24px!important}.page-heading{display:block!important;margin-bottom:17px}.page-heading h1{font-size:27px!important;line-height:1.08;margin:5px 0 8px}.page-heading>div>p:not(.eyebrow){font-size:12px!important;line-height:1.55}.page-heading>.heading-actions,.page-heading>button{margin-top:13px}.heading-actions{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.heading-actions .secondary-btn{display:inline-flex!important}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{min-height:40px;border-radius:12px;padding:9px 13px;font-size:11px;white-space:nowrap}
 .smart-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow:visible!important}.metric-card{min-width:0!important;padding:13px!important;border-radius:15px!important}.metric-card strong{font-size:20px}.metric-card p{font-size:10px;line-height:1.2;margin-top:3px}.metric-icon{width:36px!important;height:36px!important;border-radius:11px!important}.metric-icon .sw-icon{width:18px;height:18px}
 .dashboard-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.panel{border-radius:16px!important;padding:15px!important;box-shadow:0 5px 18px rgba(31,55,88,.045)!important}.panel-head h2{font-size:15px!important}.panel-head .kicker{font-size:9px}.focus-progress{gap:15px}.focus-progress .ring{width:84px;height:84px}.focus-copy p{font-size:11px}.mini-meta{grid-template-columns:1fr 1fr;gap:8px}.mini-meta span{padding:9px!important}.mini-meta span b{font-size:10px}.deadline-item{grid-template-columns:42px 1fr auto!important;gap:9px!important;padding:9px 0!important}.deadline-item>span:nth-child(2) b{font-size:11px!important}.date-box{width:40px!important;height:40px!important}.workload-row{grid-template-columns:30px minmax(0,1fr) 70px auto!important;gap:7px!important;padding:8px 4px!important}.workload-row .avatar{width:29px;height:29px}.workload-row span b{font-size:10px}.workload-row span small{font-size:8px}
 .goal-grid,.project-grid,.team-grid{grid-template-columns:1fr!important;gap:11px!important}.goal-card,.project-card,.member-card{padding:16px!important;border-radius:17px!important}.goal-card h2,.project-card h2,.member-card h2{font-size:15px!important}.goal-card p,.project-card p,.member-card p{font-size:11px!important;line-height:1.5!important}.member-metrics{grid-template-columns:1fr 1fr!important}.member-metrics span{padding:9px!important}.member-metrics small{font-size:8px}.member-metrics b{font-size:14px}
 .detail-nav{gap:8px;align-items:center}.detail-nav>div{display:flex;gap:6px}.detail-nav .secondary-btn,.detail-nav .danger-btn{font-size:0!important;padding:9px!important;width:38px;height:38px;justify-content:center}.detail-nav button .sw-icon{width:17px;height:17px}.detail-hero{padding:17px!important;border-radius:17px!important}.detail-hero h1{font-size:23px!important;line-height:1.12}.detail-hero p{font-size:11px!important}.owner-line{gap:9px!important}.owner-line span{font-size:9px}.owner-line .sw-icon{width:14px;height:14px}.details-grid{gap:11px!important}.overview-metrics{grid-template-columns:1fr 1fr!important}.overview-metrics>div{padding:10px!important}.overview-metrics small{font-size:8px}.overview-metrics b{font-size:10px!important}.tabs{overflow:auto;gap:4px;padding-bottom:4px}.tabs button{white-space:nowrap;font-size:9px;padding:9px 11px}
 .task-table-wrap{display:none!important}.mobile-task-list{display:grid!important;gap:10px}.mobile-task-card{display:block!important;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 4px 15px rgba(30,54,88,.04)}.mobile-task-link{text-decoration:none;color:inherit}.mobile-task-top{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:start}.mobile-task-copy{min-width:0}.mobile-task-copy b{font-size:12px;line-height:1.35;display:block}.mobile-task-copy small{font-size:8.5px;color:var(--muted);display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-task-pct{font-size:10px;font-weight:800;color:var(--blue)}.mobile-task-meta{display:flex;align-items:center;gap:6px;margin:10px 0 8px;flex-wrap:wrap}.mobile-date{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:var(--muted)}.mobile-date .sw-icon{width:13px;height:13px}.mobile-status-select{width:100%;height:38px;padding:0 10px;font-size:10px;margin-bottom:9px;background:#f9fbfe}.status-control-panel{padding:13px!important;margin:11px 0!important}.status-select-large{min-width:135px;padding:9px;font-size:10px}
 .timeline-table-wrap{border-radius:15px;overflow:visible;background:transparent;border:0;box-shadow:none}.timeline-table{min-width:0;display:block}.timeline-table thead{display:none}.timeline-table tbody{display:grid;gap:10px}.timeline-table tr{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 13px;box-shadow:0 4px 15px rgba(30,54,88,.04)}.timeline-table td{display:grid;grid-template-columns:82px 1fr;gap:8px;border:0;padding:5px 0;font-size:10px;align-items:center}.timeline-table td:before{content:attr(data-label);font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#8793a6;font-weight:800}.timeline-table td:nth-child(3){padding-top:8px;margin-top:4px;border-top:1px solid #edf1f7}.timeline-table td:nth-child(3) b{font-size:12px}.timeline-person .avatar{width:25px;height:25px}
 .profile-hero{padding:17px!important;border-radius:17px!important;align-items:flex-start!important}.profile-hero .avatar-lg{width:58px;height:58px}.profile-hero h1{font-size:23px!important}.profile-hero p,.profile-email{font-size:10px!important}.profile-metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}.profile-metrics article{padding:12px!important}.profile-metrics article>.sw-icon{width:18px;height:18px}.profile-metrics b{font-size:18px}.profile-metrics small{font-size:8px}.profile-grid{grid-template-columns:1fr;gap:11px}
 .notification-page-list{gap:8px!important}.notice-row{padding:12px!important;border-radius:14px!important;grid-template-columns:36px 1fr auto!important}.notice-icon{width:34px!important;height:34px!important}.notice-row b{font-size:11px!important}.notice-row p{font-size:10px!important;line-height:1.45}.notice-row small{font-size:8px!important}
 .settings-panels{gap:11px}.setting-head h2{font-size:13px}.setting-head p{font-size:9px}.language-cards{grid-template-columns:1fr 1fr!important}.language-cards button{padding:12px!important}.language-cards b{font-size:11px}.language-cards span{font-size:8px}
 .modal-backdrop{align-items:flex-end!important;padding:0!important}.modal{width:100%!important;max-height:88dvh!important;border-radius:22px 22px 0 0!important;overflow:auto}.modal.wide{width:100%!important}.modal>header{padding:15px 16px!important}.form-stack,.task-form{padding:15px!important}.form-grid{grid-template-columns:1fr!important;gap:11px!important}.form-grid .span-2{grid-column:span 1!important}.form-stack input,.form-stack textarea,.form-grid input,.form-grid textarea,.form-grid select{font-size:13px!important;padding:11px!important;border-radius:12px!important}.form-stack label>span,.form-grid label>span{font-size:9px!important}.form-actions{position:sticky;bottom:-15px;background:#fff;padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:10px;z-index:3}.form-actions button{flex:1;justify-content:center}.command-search input{font-size:14px!important;padding:12px!important}
 .sidebar.open{width:min(84vw,300px)!important}.sidebar.open .nav-link{min-height:43px!important;font-size:11px!important}.sidebar-user{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.sidebar-user span b{font-size:11px}.sidebar-user span small{font-size:9px}
 .mobile-nav{height:calc(64px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.98)!important;backdrop-filter:blur(16px);border-top:1px solid #e9eef5;box-shadow:0 -6px 20px rgba(24,43,72,.04)}.mobile-nav .nav-link{font-size:8px!important;gap:3px!important}.mobile-nav .nav-link .sw-icon{width:20px!important;height:20px!important}.mobile-fab{bottom:calc(76px + env(safe-area-inset-bottom))!important;width:50px!important;height:50px!important;border-radius:16px!important}.mobile-fab .sw-icon{width:22px;height:22px}
 .toasts{bottom:calc(75px + env(safe-area-inset-bottom))!important}.toast{font-size:10px!important}
}

@media(max-width:390px){.page{padding-inline:12px!important}.smart-stats{gap:8px!important}.metric-card{padding:11px!important}.metric-card strong{font-size:18px}.top-actions .icon-btn,.profile-link{width:34px;height:34px}.mobile-top-title b{font-size:12px}.overview-metrics{grid-template-columns:1fr!important}.timeline-table td{grid-template-columns:72px 1fr}}

/* =========================================================
   SMART WORKSPACE V5 — NVIDIA Nemotron AI Agent
   ========================================================= */
.ai-top-btn{display:grid;place-items:center;text-decoration:none;color:var(--ink);border:1px solid transparent}.ai-top-btn:hover,.ai-top-btn.active{background:linear-gradient(135deg,#edf4ff,#f1efff);color:#315ed8;border-color:#dce6fb}.ai-top-btn .sw-icon{width:18px;height:18px}
.ai-page{max-width:1440px}.ai-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:stretch}.ai-side-card,.ai-chat-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.ai-side-card{padding:22px;display:flex;flex-direction:column;min-height:620px}.ai-orb{position:relative;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1e64dc,#6548d8);box-shadow:0 14px 32px rgba(55,84,198,.24);margin-bottom:18px}.ai-orb .sw-icon{width:30px;height:30px}.ai-orb i{position:absolute;width:12px;height:12px;background:#22c55e;border:3px solid #fff;border-radius:50%;inset-inline-end:-2px;bottom:-2px}.ai-side-card h2{font-size:17px;letter-spacing:-.02em;margin:0 0 7px}.ai-side-card>p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.ai-capabilities{display:grid;gap:8px;margin:24px 0}.ai-capabilities span{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #edf1f7;background:#fafcff;border-radius:12px;font-size:10px;font-weight:700;color:#44516a}.ai-capabilities .sw-icon{width:16px;height:16px;color:#3c68d8}.ai-model{margin-top:auto;padding:13px;border-radius:14px;background:linear-gradient(145deg,#f5f8ff,#f8f5ff);border:1px solid #e9e7fb}.ai-model small,.ai-model b,.ai-model span{display:block}.ai-model small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8995a8}.ai-model b{font-size:11px;margin:4px 0;color:#273754}.ai-model span{font-size:8px;color:#7c89a0}
.ai-chat-panel{min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}.ai-quick-prompts{display:flex;gap:8px;overflow:auto;padding:14px 15px 11px;border-bottom:1px solid #eef2f7;scrollbar-width:none}.ai-quick-prompts::-webkit-scrollbar{display:none}.ai-quick-prompts button{flex:0 0 auto;border:1px solid #e4eaf4;background:#fff;color:#506079;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:700;cursor:pointer}.ai-quick-prompts button:hover{background:#f4f7fd;color:#295dce;border-color:#d7e2f8}.ai-messages{padding:20px;overflow:auto;min-height:0;max-height:calc(100vh - 310px);scroll-behavior:smooth;background:radial-gradient(circle at 90% 0%,rgba(84,118,224,.045),transparent 30%),#fbfcff}.ai-message{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px}.ai-message.user{flex-direction:row-reverse}.ai-message-avatar{width:32px;height:32px;min-width:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf1ff,#f0ecff);color:#3b63d3}.ai-message-avatar .sw-icon{width:17px;height:17px}.ai-message-avatar .avatar{width:32px;height:32px;border-radius:10px}.ai-message-main{max-width:min(78%,720px)}.ai-message.user .ai-message-main{display:flex;flex-direction:column;align-items:flex-end}.ai-bubble{font-size:11px;line-height:1.65;padding:11px 13px;border-radius:6px 16px 16px 16px;background:#fff;border:1px solid #e8edf5;color:#26364f;box-shadow:0 4px 14px rgba(30,54,88,.035);overflow-wrap:anywhere}.ai-message.user .ai-bubble{background:linear-gradient(135deg,#2b69dd,#3157c8);color:#fff;border:0;border-radius:16px 6px 16px 16px;box-shadow:0 8px 20px rgba(43,88,193,.16)}[dir="rtl"] .ai-bubble{border-radius:16px 6px 16px 16px}[dir="rtl"] .ai-message.user .ai-bubble{border-radius:6px 16px 16px 16px}.ai-action-chip{margin-top:7px;display:inline-flex;align-items:center;max-width:100%;padding:7px 9px;border-radius:9px;background:#eafaf2;border:1px solid #cceedd;color:#14734b;font-size:9px;font-weight:800}.ai-thinking{display:flex;gap:5px;align-items:center;min-width:54px;height:38px}.ai-thinking i{width:6px;height:6px;background:#8b98ac;border-radius:50%;animation:aiDot 1.15s infinite ease-in-out}.ai-thinking i:nth-child(2){animation-delay:.14s}.ai-thinking i:nth-child(3){animation-delay:.28s}@keyframes aiDot{0%,70%,100%{transform:translateY(0);opacity:.42}35%{transform:translateY(-4px);opacity:1}}
.ai-compose{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:9px;align-items:end;padding:12px 15px 8px;background:#fff;border-top:1px solid #edf1f7}.ai-compose textarea{width:100%;min-height:44px;max-height:140px;resize:none;border:1px solid #dfe6f1;background:#f9fbfe;border-radius:14px;padding:12px 13px;font-size:11px;line-height:1.5;outline:0}.ai-compose textarea:focus{border-color:#9bb8ef;background:#fff;box-shadow:0 0 0 3px rgba(46,103,218,.08)}.ai-send{width:44px;height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#2868df,#584bd1);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(55,85,196,.2)}.ai-send:hover{transform:translateY(-1px)}.ai-send:disabled,.ai-compose textarea:disabled{opacity:.55;cursor:not-allowed}.ai-send .sw-icon{width:19px;height:19px}.ai-disclaimer{display:block;padding:0 15px 12px;color:#96a0b1;font-size:8px;line-height:1.4;background:#fff}.mobile-ai-fab{display:none}

@media(max-width:1000px){.ai-layout{grid-template-columns:220px minmax(0,1fr)}.ai-side-card{padding:17px}.ai-message-main{max-width:84%}}

@media(max-width:720px){
 .ai-page{padding-bottom:18px!important}.ai-page .page-heading{margin-bottom:12px}.ai-layout{display:block}.ai-side-card{display:none}.ai-chat-panel{min-height:calc(100dvh - 188px);height:calc(100dvh - 188px);border-radius:17px;box-shadow:0 5px 18px rgba(31,55,88,.045)}.ai-quick-prompts{padding:10px 10px 9px;gap:6px}.ai-quick-prompts button{font-size:8px;padding:7px 9px}.ai-messages{padding:13px 11px;max-height:none}.ai-message{gap:7px;margin-bottom:12px}.ai-message-avatar{width:29px;height:29px;min-width:29px;border-radius:9px}.ai-message-avatar .avatar{width:29px;height:29px;border-radius:9px}.ai-message-avatar .sw-icon{width:15px;height:15px}.ai-message-main{max-width:86%}.ai-bubble{font-size:10px;line-height:1.6;padding:10px 11px}.ai-action-chip{font-size:8px;padding:6px 8px}.ai-compose{grid-template-columns:minmax(0,1fr) 42px;padding:10px 10px 7px;position:sticky;bottom:0;z-index:2}.ai-compose textarea{min-height:42px;font-size:11px;padding:11px 12px;border-radius:13px}.ai-send{width:42px;height:42px;border-radius:13px}.ai-disclaimer{padding:0 10px 9px;font-size:7.5px}.mobile-ai-fab{display:grid;place-items:center;position:fixed;z-index:55;bottom:calc(76px + env(safe-area-inset-bottom));inset-inline-start:14px;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#6047d9,#2c70e6);color:#fff;text-decoration:none;box-shadow:0 12px 26px rgba(75,72,201,.26)}.mobile-ai-fab .sw-icon{width:22px;height:22px}.mobile-ai-fab.active{box-shadow:0 0 0 4px rgba(92,75,218,.12),0 12px 26px rgba(75,72,201,.26)}
}

:root{--cyan:#22d3ee}.brand-mark.tawori-logo{background:#050708!important;color:var(--cyan)!important}.tl-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tl-toolbar>*{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff}.tl-grid{display:grid;grid-template-columns:58px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.tl-times>div,.tl-slot{height:44px;border-bottom:1px solid var(--line)}.tl-times>div{font-size:9px;color:var(--muted);padding:5px}.tl-canvas{position:relative}.tl-card{position:absolute;left:8px;right:8px;padding:7px 34px 7px 9px;border-radius:9px;background:#e0f7fb;border-left:4px solid #06b6d4;overflow:hidden}.tl-card.progress{background:#fff7dd;border-left-color:#f59e0b}.tl-card.done{background:#eaf8ef;border-left-color:#22c55e}.tl-card a{color:inherit;text-decoration:none;display:grid}.tl-card button{position:absolute;right:5px;top:5px;border:0;background:transparent}.assistant-box{padding:14px;border:1px solid #cceef4;background:#f4fdff;border-radius:14px}.assistant-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.theme-toggle{position:fixed;right:18px;bottom:18px;z-index:100;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff}[data-theme=dark]{--bg:#050708;--ink:#f7fbfc;--muted:#8d9aa6;--line:#20282e;color-scheme:dark}[data-theme=dark] body,[data-theme=dark] .main-area{background:#050708;color:#f7fbfc}[data-theme=dark] .panel,[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .modal,[data-theme=dark] .tl-grid,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .theme-toggle{background:#0b0f12!important;color:#f7fbfc!important;border-color:#20282e!important}@media(max-width:720px){.assistant-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr!important}.span-2{grid-column:auto!important}.theme-toggle{bottom:82px}}

.approval-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.approval-row>span{display:flex;gap:8px;align-items:center}.note-row{padding:12px 0;border-bottom:1px solid var(--line)}.note-row p{margin:5px 0}.note-row small{color:var(--muted)}