.space-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.space-heading h1{font-size:28px;margin:6px 0}.space-heading p{color:#64748b;line-height:1.7}.space-heading>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.space-board{background:#f3f5f7;min-height:60vh}.space-board:fullscreen{padding:32px;overflow:auto}.space-board-summary{display:flex;gap:24px;padding:12px 0 20px;color:#526278}.space-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.space-column{background:#e9eef2;padding:14px;border-radius:14px}.space-column h2{font-size:16px;display:flex;justify-content:space-between;margin:4px 2px 18px}.space-column h2 span{color:#718196}.space-task{padding:18px;margin-bottom:12px;border-radius:10px;background:white;border:1px solid #dce3ea;box-shadow:0 2px 4px #20304006}.space-task.space-overdue{border-top:3px solid #c45338}.space-task-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#64748b}.space-task h3{font-size:18px;margin:14px 0 8px}.space-task p{font-size:12px;color:#718196}.space-task dl{display:grid;grid-template-columns:65px 1fr;font-size:13px;gap:9px;margin:18px 0}.space-task dt{color:#718196}.space-task dd{margin:0}.space-task>.btn{width:100%}.space-tags{display:flex;gap:6px;margin:12px 0}.space-tags b,.space-tags span{background:#fff0e8;padding:4px 7px;border-radius:4px;font-size:11px;color:#a84826}.space-notice{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e5ebf0}.space-notice:last-child{border-bottom:0}.space-notice.unread b:before{content:' ';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#28766a}.space-notice p{margin:8px 0;color:#4b5d70}.space-notice small{color:#8a97a5}.space-business{margin-top:28px}.space-business h2{font-size:20px;margin-bottom:18px}.space-business h3{font-size:15px;margin:0 0 18px}.space-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.space-metrics .card{margin:0}.space-metrics span{display:block;color:#718196;font-size:12px}.space-metrics strong{display:block;font-size:25px;margin-top:14px}.space-business-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;margin-top:16px}.space-trend{display:flex;gap:12px;align-items:end;min-height:130px;overflow-x:auto}.space-trend>div{flex:1;min-width:32px;text-align:center}.space-trend i{display:block;background:#27786d;border-radius:5px 5px 0 0;min-width:20px}.space-trend small{font-size:10px;display:block;margin-top:10px;color:#82909d}.space-due{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #edf0f3;font-size:12px}.space-due small{display:block;margin-top:5px;color:#82909d}.space-danger{color:#bb492a}.space-empty{padding:48px!important;text-align:center;color:#718196}#spaceMobileNav{display:none}#spaceBell{white-space:nowrap}
@media(max-width:760px){.space-heading{display:block}.space-heading h1{font-size:24px}.space-heading>div:last-child{margin-top:15px}.space-columns{grid-template-columns:1fr}.space-business-grid{grid-template-columns:1fr}.space-metrics{grid-template-columns:1fr 1fr}.space-metrics strong{font-size:21px}.space-notice{align-items:start}.space-due{flex-wrap:wrap}.space-board:fullscreen{padding:16px}#spaceMobileNav.space-visible{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1100;background:#fff;border-top:1px solid #dbe2e9;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 14px #1b2a4008}#spaceMobileNav button{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;color:#7a8999;font:inherit;font-size:10px;padding:4px}#spaceMobileNav b{font-size:21px;font-weight:400}#spaceMobileNav .active{color:#226f63}body:has(#spaceMobileNav.space-visible) .inner-content{padding-bottom:95px}.topbar .user-info{gap:6px}.topbar #currentUser{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.space-order-flow{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.space-order-flow span{background:#f0f3f6;color:#8a97a5;border-radius:20px;padding:8px 15px;font-size:12px}.space-order-flow .done{background:#e2f1ed;color:#236a5c}.space-order-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
body:has(#modalOverlay[style*="display: flex"]) #spaceMobileNav{display:none!important}