:root{--bg:#f4f5f2;--paper:#fff;--ink:#1d2925;--muted:#849089;--line:#e7ebe6;--green:#477b5c;--green-soft:#edf5ee;--lime:#d8f07d;--blue:#5975c8;--blue-soft:#eef1fb;--amber:#b67b2f;--amber-soft:#fbf3e7;--red:#c45c50;--shadow:0 10px 30px rgba(37,54,45,.045);--sans:"DM Sans",Arial,sans-serif;--display:Manrope,"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6b9476;outline-offset:2px}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;display:flex;flex-direction:column;padding:25px 16px 15px;background:#fff;border-right:1px solid var(--line);z-index:5}
.brand{display:flex;align-items:center;gap:10px;padding:0 9px;color:var(--ink);font:800 21px/1 var(--display);letter-spacing:-1.2px;text-decoration:none}
.brand-logo{display:block;width:182px;height:auto;max-height:34px;object-fit:contain;object-position:left center}
.brand-symbol{width:24px;height:24px;display:flex;align-items:flex-end;gap:3px;padding:3px;border:1.6px solid var(--green);border-radius:8px 8px 3px 3px;transform:skewY(-7deg)}
.brand-symbol i{width:3px;background:var(--green);border-radius:2px 2px 0 0}
.brand-symbol i:nth-child(1){height:8px}.brand-symbol i:nth-child(2){height:13px}.brand-symbol i:nth-child(3){height:10px}
.brand-m{color:var(--green)}
.workspace-label,.nav-caption{margin:37px 9px 10px;color:#a0aaa3;font-size:9px;font-weight:700;letter-spacing:1.3px}
.workspace-switch{display:flex;align-items:center;gap:10px;padding:11px 9px;border:1px solid var(--line);border-radius:10px}
.workspace-avatar,.profile-avatar,.avatar-small{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#eff3ea;color:var(--green);font-weight:700}
.workspace-switch b,.profile-button b{display:block;font-size:11px}
.workspace-switch small,.profile-button small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
.switch-chevron{margin-left:auto;color:#929d94}
.nav-caption{margin-top:30px}
.main-nav{display:grid;gap:4px}
.nav-item{height:42px;width:100%;display:flex;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#727e76;text-align:left;font-size:12px;font-weight:600}
.nav-item:hover{background:#f7f8f6;color:var(--ink)}
.nav-item.active{background:#edf4ee;color:#3e704f}
.nav-icon{width:19px;color:inherit;font-size:16px;text-align:center}
.nav-count{margin-left:auto;padding:2px 7px;border-radius:99px;background:#fff;color:#6b796e;font-size:10px}
.sidebar-bottom{margin-top:auto}
.weather-card{display:flex;align-items:center;gap:10px;padding:12px 9px;margin-bottom:12px;border-radius:10px;background:#f7f8f4}
.weather-sun{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff3d9;color:#b7842e;font-size:21px}
.weather-card b,.profile-button b{display:block;font-size:11px}
.weather-card small{display:block;color:var(--muted);font-size:10px}
.weather-arrow{margin-left:auto;color:#89968a}
.profile-button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 4px 3px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left}
.profile-avatar{background:#f4eadf;color:#936f4c}
.main-area{margin-left:248px;min-height:100vh;padding:0 35px 48px;max-width:1800px}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.breadcrumbs{display:flex;align-items:center;gap:10px;color:#9aa39d;font-size:11px}
.breadcrumbs b{color:#c4cbc5;font-weight:400}.breadcrumbs strong{color:#46534a;font-weight:600}
.topbar-actions{display:flex;align-items:center;gap:16px}
.today-label{color:#77827a;font-size:10px}
.icon-button{position:relative;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#68756c}
.notification-button i{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:#df856d}
.avatar-small{width:29px;height:29px;border:0;border-radius:50%;background:#eff2e7;font-size:10px}
.mobile-menu{display:none}
.view{display:none;padding-top:31px;animation:appear .24s ease}
.view.active{display:block}
@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.overline{margin:0 0 7px;color:#97a299;font-size:9px;font-weight:700;letter-spacing:1.3px}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:5px;font:600 clamp(25px,3vw,34px)/1.2 var(--display);letter-spacing:-1.6px}
.wave{display:inline-block;color:#87a764;font-size:19px;vertical-align:5px}
.subheading{margin:7px 0 0;color:#838e86;font-size:12px}
.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;transition:background .16s,transform .16s}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--green);color:#fff;box-shadow:0 4px 11px rgba(71,123,92,.16)}
.button-primary:hover{background:#3e6e51}
.button-primary>span{font-size:16px;font-weight:400}
.button-outline{background:#fff;border-color:var(--line);color:#59655d}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0}
.stat-card{min-height:124px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.stat-top{display:flex;align-items:center;justify-content:space-between;color:#77827b;font-size:10px;font-weight:600}
.stat-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:15px}
.lavender{background:#f1eefb;color:#8170b8}.green{background:#ebf5ed;color:#5b9369}.amber{background:#fbf2e5;color:#b3853e}.blue{background:#edf1fb;color:#657fc0}
.stat-card>strong{display:block;margin-top:8px;font:700 25px/1 var(--display);letter-spacing:-1px}
.stat-card>small{display:block;margin-top:8px;color:#9aa39c;font-size:9px}
.positive{color:#5d9c6e;font-weight:700}
.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.panel{min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.panel-heading .overline{margin-bottom:4px}
h2{margin:0;font:650 15px/1.35 var(--display);letter-spacing:-.4px}
.quiet-link,.panel-link{border:0;background:none;color:#718b74;font-size:10px;font-weight:700}
.quiet-link span,.panel-link span{margin-left:4px}
.project-list{display:grid}
.project-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #f0f2ef}
.project-thumb{position:relative;width:42px;height:42px;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#d9e3d6,#a9bda9)}
.project-thumb:before,.project-thumb:after{content:"";position:absolute;bottom:0;background:#f2eee1}
.project-thumb:before{left:10px;width:23px;height:30px;clip-path:polygon(0 10%,65% 0,100% 10%,100% 100%,0 100%)}
.project-thumb:after{left:15px;width:4px;height:13px;background:#809884;box-shadow:8px 0 #809884,0 8px #809884}
.project-thumb img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-thumb img.loaded{display:block}
.project-meta{min-width:0}
.project-meta b{display:block;overflow:hidden;color:#354139;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.project-meta small{display:block;margin-top:4px;overflow:hidden;color:#9aa39c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.project-status{padding:4px 7px;border-radius:20px;background:#edf5ee;color:#5d8a65;font-size:8px;font-weight:700;white-space:nowrap}
.project-status.planning{background:#fbf2e5;color:#aa7a36}
.project-progress{display:flex;align-items:center;gap:7px;margin-top:6px}
.progress-track{height:4px;flex:1;overflow:hidden;border-radius:5px;background:#eef0ec}
.progress-track i{display:block;height:100%;border-radius:5px;background:#90b36f}
.project-progress small{color:#87938a;font-size:8px}
.live-pill{display:flex;align-items:center;gap:5px;color:#6a9270;font-size:8px;font-weight:700;letter-spacing:.7px}
.live-pill i{width:6px;height:6px;border-radius:50%;background:#76b582;box-shadow:0 0 0 3px #edf5ee}
.agenda-list{display:grid}
.agenda-item{position:relative;display:grid;grid-template-columns:49px 12px minmax(0,1fr);gap:8px;padding:11px 0;border-top:1px solid #f0f2ef}
.agenda-time{padding-top:2px;color:#68766d;font-size:9px;font-weight:700}
.agenda-marker{position:relative;display:flex;justify-content:center}
.agenda-marker:before{content:"";position:absolute;top:3px;bottom:-13px;width:1px;background:#e6ebe5}
.agenda-item:last-child .agenda-marker:before{display:none}
.agenda-marker i{z-index:1;width:7px;height:7px;margin-top:4px;border:2px solid #fff;border-radius:50%;background:#78a37b;box-shadow:0 0 0 1px #78a37b}
.agenda-info b{display:block;color:#354139;font-size:10px}
.agenda-info small{display:block;margin-top:4px;color:#9aa39c;font-size:9px}
.agenda-location{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:#7a877d;font-size:8px}
.agenda-location:before{content:"⌖";color:#779b7d}
.panel-link{width:100%;margin-top:10px;padding:11px 0 0;border-top:1px solid #f0f2ef;text-align:left}
.week-panel{margin-top:14px}
.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.week-day{min-height:87px;padding:10px;border:1px solid #edf0ec;border-radius:9px;background:#fcfcfb}
.week-day.today{border-color:#b9d1bc;background:#f4f8f2}
.week-day-head{display:flex;justify-content:space-between;color:#89948c;font-size:9px}
.week-day-head b{color:#59665d}
.week-event{margin-top:10px;padding:6px 6px;border-left:2px solid #86a987;border-radius:3px;background:#eff5ef;color:#536c57;font-size:8px;line-height:1.35}
.week-event.blue-event{border-color:#8098ca;background:#f0f2f9;color:#596b93}
.week-event.amber-event{border-color:#d6aa66;background:#fbf4e9;color:#977342}
.filter-row,.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.filter-chip{padding:7px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#78837b;font-size:10px;font-weight:600}
.filter-chip span{margin-left:4px;color:#a1aaa3}
.filter-chip.selected{border-color:#e5ebe4;background:#fff;color:#477b5c}
.search-box{display:flex;align-items:center;gap:7px;width:200px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#9aa39c}
.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:10px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.project-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,54,45,.08)}
.project-cover{position:relative;height:130px;overflow:hidden;background:linear-gradient(140deg,#dfe8de,#bacdb8)}
.project-cover.cover-2{background:linear-gradient(140deg,#e7dfd1,#c8bba7)}
.project-cover.cover-3{background:linear-gradient(140deg,#dbe4e5,#b6c8c8)}
.cover-illustration{position:absolute;inset:0}
.cover-building{position:absolute;bottom:0;left:25%;width:48%;height:82%;background:#f3f0e5;clip-path:polygon(0 12%,65% 0,100% 10%,100% 100%,0 100%);box-shadow:8px 8px rgba(34,58,43,.12)}
.cover-building:after{content:"";position:absolute;inset:21% 10%;background:repeating-linear-gradient(90deg,#829886 0 18%,transparent 18% 28%),repeating-linear-gradient(0deg,transparent 0 44%,rgba(40,65,48,.15) 44% 47%)}
.cover-label{position:absolute;top:10px;left:10px;padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.82);color:#66736a;font-size:8px;font-weight:700;letter-spacing:.7px}
.cover-photo{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover-photo.loaded{display:block}
.card-body{padding:14px}
.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.card-title-row h3{margin:0;font:650 13px var(--display);letter-spacing:-.3px}
.card-menu{border:0;background:none;color:#8a958d}
.card-address{display:flex;align-items:center;gap:5px;margin:7px 0 12px;color:#8b968e;font-size:9px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px}
.team-avatars{display:flex;padding-left:3px}
.team-avatars i{display:grid;place-items:center;width:22px;height:22px;margin-left:-3px;border:2px solid #fff;border-radius:50%;background:#e8efe7;color:#55725c;font-size:7px;font-style:normal;font-weight:700}
.team-avatars i:nth-child(2){background:#f4e9dd;color:#9b7856}
.team-avatars i:nth-child(3){background:#e9eaf4;color:#737b9c}
.card-jobs{color:#7d8981;font-size:9px}
.empty-state{grid-column:1/-1;padding:35px;border:1px dashed #dce3db;border-radius:12px;color:#859087;text-align:center;font-size:12px}
.schedule-period{display:flex;align-items:center;gap:9px;color:#626e65;font-size:10px}
.period-arrow{width:27px;height:27px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:18px;line-height:1}
.schedule-period .button{min-height:29px;padding:0 10px}
.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:14px;align-items:start}
.calendar-panel{padding:0;overflow:hidden}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));overflow:auto}
.calendar-day{min-height:580px;border-right:1px solid #eff1ee}
.calendar-day:last-child{border-right:0}
.calendar-day-head{position:sticky;top:0;z-index:1;padding:13px 10px;border-bottom:1px solid var(--line);background:#fff;text-align:center}
.calendar-day-head span{display:block;color:#929d95;font-size:8px;text-transform:uppercase;letter-spacing:.5px}
.calendar-day-head b{display:block;margin-top:5px;font-size:12px}
.calendar-day.selected .calendar-day-head{background:#f3f7f1}
.calendar-day.selected .calendar-day-head b{color:var(--green)}
.calendar-slots{position:relative;min-height:510px;padding:8px 5px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,#f0f2ef 42px,#f0f2ef 43px)}
.calendar-event{position:relative;margin:3px 0 8px;padding:7px 6px;border-left:2px solid #78a77f;border-radius:4px;background:#edf5ee;color:#476a4e;cursor:pointer}
.calendar-event:hover{filter:brightness(.97)}
.calendar-event.event-blue{border-color:#8194ca;background:#f0f2fa;color:#576b9c}
.calendar-event.event-amber{border-color:#d5a35b;background:#fbf4e8;color:#96723d}
.calendar-event b{display:block;font-size:8px;line-height:1.35}
.calendar-event small{display:block;margin-top:4px;font-size:7px;opacity:.8}
.calendar-event-time{font-size:7px;font-weight:700}
.schedule-side{position:sticky;top:15px}
.day-total{padding:5px 8px;border-radius:20px;background:#f2f5f0;color:#78887a;font-size:9px}
.day-schedule{display:grid}
.day-task{padding:11px 0;border-top:1px solid #f0f2ef}
.day-task-top{display:flex;justify-content:space-between;gap:10px}
.day-task-top b{font-size:10px}
.day-task-top span{color:#6e8d72;font-size:9px;font-weight:700}
.day-task p{margin:5px 0;color:#909a92;font-size:8px}
.day-task .task-location{color:#6c7d70;font-size:8px}
.resource-summary{margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}
.resource-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;color:#68746b;font-size:9px}
.resource-line b{color:#6e9675;font-size:8px}
.resource-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.resource-card{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.resource-card-head{display:flex;align-items:center;gap:11px}
.resource-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef4ee;color:#57815f;font-size:17px}
.resource-card h3{margin:0;font:650 12px var(--display)}
.resource-card p{margin:4px 0 0;color:#98a199;font-size:9px}
.resource-card .resource-line{margin-top:12px;border-top:1px solid #f0f2ef;padding-top:11px}
.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:rgba(24,35,29,.42);backdrop-filter:blur(3px)}
.modal-backdrop[hidden]{display:none}
.modal{width:min(100%,520px);max-height:min(92vh,780px);overflow-y:auto;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 25px 80px rgba(16,30,22,.2)}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}
.modal-header .overline{margin-bottom:5px}
.modal-header h2{font-size:18px}
.modal-close{width:30px;height:30px;border:0;border-radius:8px;background:#f4f6f3;color:#69756c;font-size:20px}
.field-label{display:block;margin-bottom:12px;color:#67736a;font-size:10px;font-weight:700}
.field-label>input,.field-label>select,.field-label>textarea,.location-input{width:100%;min-height:38px;margin-top:6px;padding:9px 10px;border:1px solid #e4e9e3;border-radius:8px;background:#fbfcfa;font-size:11px;font-weight:400}
.field-label>textarea{resize:vertical}
.field-label input::placeholder,.field-label textarea::placeholder{color:#aab2ab}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.location-input{display:flex;align-items:center;gap:8px;padding:0 10px;color:#719477}
.location-input input{width:100%;height:35px;border:0;outline:0;background:transparent;font-size:11px}
.form-error{min-height:0;margin:0;color:#be5449;font-size:10px}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.toast{position:fixed;z-index:30;right:24px;bottom:24px;max-width:min(360px,calc(100vw - 32px));padding:11px 15px;border-radius:9px;background:#263d33;color:#fff;box-shadow:0 8px 24px rgba(20,40,28,.2);font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.main-area{padding-right:22px;padding-left:22px}.sidebar{width:220px}.main-area{margin-left:220px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-layout{grid-template-columns:minmax(0,1fr) 250px}.stat-grid{gap:9px}.stat-card{padding:13px}}
@media(max-width:820px){.sidebar{width:68px;padding:22px 10px}.brand{justify-content:center;padding:0}.brand-logo{width:38px;height:30px;object-fit:cover;object-position:left center}.brand>span:last-child,.workspace-label,.workspace-switch>span:not(.workspace-avatar),.nav-caption,.nav-item:not(.active)::after,.nav-item{font-size:0}.workspace-switch{justify-content:center;padding:8px 0;border:0}.workspace-switch>span:first-child{width:38px;height:38px}.main-nav{margin-top:24px}.nav-item{justify-content:center;padding:0;font-size:0}.nav-icon{font-size:17px}.nav-count{display:none}.weather-card{justify-content:center;padding:7px 0}.weather-card>span:not(.weather-sun){display:none}.profile-button{justify-content:center;padding:10px 0 0}.profile-button>span:not(.profile-avatar){display:none}.main-area{margin-left:68px}.content-grid{grid-template-columns:1fr}.agenda-panel{min-height:unset}.schedule-layout{grid-template-columns:1fr}.schedule-side{position:static}.calendar-panel{overflow:auto}.calendar-grid{min-width:680px}.resource-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sidebar{display:none}.sidebar.open{display:flex;z-index:12;width:248px;box-shadow:20px 0 45px rgba(20,32,24,.15)}.sidebar.open .brand{justify-content:flex-start}.sidebar.open .brand-logo{width:182px;height:auto;object-fit:contain}.sidebar.open .brand>span:last-child{font-size:21px}.sidebar.open .workspace-label,.sidebar.open .nav-caption{font-size:9px}.sidebar.open .workspace-switch{justify-content:flex-start;padding:11px 9px;border:1px solid var(--line)}.sidebar.open .workspace-switch>span:not(.workspace-avatar){display:block;font-size:initial}.sidebar.open .nav-item{justify-content:flex-start;padding:0 10px;font-size:12px}.sidebar.open .nav-icon{font-size:16px}.sidebar.open .nav-count{display:block}.sidebar.open .weather-card{justify-content:flex-start;padding:12px 9px}.sidebar.open .weather-card>span:not(.weather-sun){display:block}.sidebar.open .profile-button{justify-content:flex-start;padding:11px 4px 3px}.sidebar.open .profile-button>span:not(.profile-avatar){display:block}.main-area{margin-left:0;padding:0 15px 32px}.topbar{height:57px}.mobile-menu{display:block;width:31px;height:31px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#68756c;font-size:14px}.breadcrumbs{margin-right:auto;margin-left:10px;font-size:9px}.topbar-actions{gap:8px}.today-label{display:none}.view{padding-top:23px}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading .button{min-height:34px;padding:0 9px;font-size:9px}.page-heading .button>span{font-size:13px}.subheading{max-width:270px;font-size:10px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.stat-card{min-height:106px;padding:11px}.stat-card>strong{font-size:22px}.stat-top{font-size:9px}.content-grid{gap:10px}.panel{padding:13px}.panel-heading{margin-bottom:11px}h2{font-size:13px}.project-row{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:10px 0}.project-thumb{width:36px;height:36px}.project-status{padding:4px 6px;font-size:7px}.week-panel{margin-top:10px}.week-strip{grid-template-columns:repeat(7,minmax(48px,1fr));gap:4px;overflow:auto}.week-day{min-height:75px;padding:7px 5px}.week-day-head{font-size:8px}.week-event{padding:5px 3px;font-size:7px}.filter-row,.schedule-toolbar{align-items:flex-start;flex-direction:column}.search-box{width:100%}.projects-grid{grid-template-columns:1fr}.project-cover{height:160px}.schedule-period{width:100%;justify-content:space-between}.resource-cards{grid-template-columns:1fr}.form-row{gap:8px}.modal{padding:17px}.modal-actions{flex-wrap:wrap}.modal-actions .button{flex:1}.toast{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Work-program workspace: architectural editorial details with the reference's clear blue task hierarchy. */
:root{--bg:#f4f6fb;--paper:#fff;--ink:#172f4d;--muted:#7588a2;--line:#e4eaf3;--green:#3166df;--green-soft:#edf3ff;--lime:#d8e6ff;--blue:#3166df;--blue-soft:#edf3ff;--amber:#b67b2f;--amber-soft:#fff5df;--red:#c4463c;--shadow:0 10px 28px rgba(27,52,84,.045)}
body{background:var(--bg);color:#152f50}
.sidebar{width:242px}
.main-area{margin-left:242px}
.brand{height:40px}
.brand-logo{width:164px;max-height:34px}
.workspace-label,.nav-caption{margin-top:24px}
.workspace-switch{background:#fff;border-radius:8px}
.workspace-avatar{background:#eaf1ff;color:#255dd8}
.nav-item{height:36px;border-radius:7px;color:#304760;font-size:11px}
.nav-item.active{background:#2863df;color:#fff;box-shadow:0 3px 8px rgba(35,91,207,.2)}
.nav-count{color:#284f94}
.main-area{max-width:none;padding-left:28px;padding-right:28px}
.topbar{height:54px}
.breadcrumbs strong{color:#183858}
.button-primary{background:#2863df;box-shadow:0 4px 11px rgba(40,99,223,.15)}
.button-primary:hover{background:#194fbe}
.stat-card,.panel,.project-card,.resource-card{border-color:#e1e8f2;box-shadow:0 3px 12px rgba(28,57,92,.035)}
.stat-icon.green,.green{background:#edf3ff;color:#3568d8}
.project-status{background:#fff4d8;color:#ad6d10}
.project-status.planning{background:#edf1fb;color:#6578a0}
.quiet-link,.panel-link{color:#2863df}
.work-summary{margin-top:14px;padding:0 12px 12px;border:1px solid #6f98ed;border-radius:12px}
.work-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 3px 13px}
.work-summary-heading .overline{color:#8294af}
.work-summary-heading h2{font-size:19px;letter-spacing:-.7px}
.work-summary-heading .button{min-height:32px}
.work-group{padding:10px 2px 12px;border-top:1px solid #e8edf5}
.work-group-heading{display:flex;align-items:center;gap:9px;min-height:29px}
.work-group-heading h3{margin:0;font:650 16px/1.3 var(--display);letter-spacing:-.45px;color:#143252}
.work-group-heading small{color:#788ba4;font-size:9px}
.count-badge{display:grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border-radius:20px;background:#fff2cf;color:#ae6c08;font-size:9px;font-weight:800}
.work-group-heading .quiet-link{margin-left:auto}
.work-compact-list:empty:after{display:block;padding:2px 0 0;color:#7a8ea8;font-size:11px;content:"Bu bölümde görüntülenecek iş yok."}
.work-list{display:grid}
.work-row{display:grid;grid-template-columns:39px minmax(160px,1fr) 118px 68px 175px;align-items:center;gap:10px;min-height:78px;padding:9px 0;border-top:1px solid #e9eef6}
.work-index{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf3ff;color:#1c4d9b;font-size:9px;font-weight:800}
.work-info{min-width:0}
.work-title{display:flex;align-items:center;gap:7px;min-width:0}
.work-title b{overflow:hidden;color:#163251;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.work-state{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:20px;background:#fff3d4;color:#bd6d0b;font-size:8px;font-weight:700;white-space:nowrap}
.work-state:before{width:5px;height:5px;border-radius:50%;background:#df9b32;content:""}
.work-state.complete{background:#e7f6ec;color:#24834c}
.work-state.complete:before{background:#37a766}
.work-state.late{background:#fce9e7;color:#bd4439}
.work-state.planned{background:#edf2ff;color:#4f6da9}
.work-state.planned:before{background:#6f8fd3}
.work-action.plan{border-color:#d8dfeb;background:#f7f8fb;color:#50627f}
.work-meta{margin-top:5px;overflow:hidden;color:#6d829d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.work-meta .work-location{color:#567090}
.work-dates{color:#536b88;font-size:9px;line-height:1.55}
.work-dates b{display:block;color:#193958;font-size:10px}
.work-progress{min-width:0;text-align:center}
.work-progress strong{display:block;color:#16375a;font:750 20px/1 var(--display);letter-spacing:-.5px}
.work-progress .progress-track{display:block;height:4px;margin:6px auto 0;max-width:52px;background:#e8eef8}
.work-progress .progress-track i{background:#2e6ce2}
.work-actions{display:flex;justify-content:flex-end;gap:6px}
.work-action{min-height:31px;padding:0 8px;border:1px solid #cbd9f4;border-radius:8px;background:#fff;color:#245ccc;font-size:9px;font-weight:700;white-space:nowrap}
.work-action:hover{background:#f2f6ff;border-color:#86a8ed}
.work-action.photo{min-width:84px}
.work-photo-count{margin-left:3px;color:#7990b5}
.work-list-panel{padding:4px 16px}
.work-filters{display:flex;gap:6px;margin-bottom:12px}
.work-filters .filter-chip.selected{border-color:#cddbf5;background:#fff;color:#255dd1}
.work-row.compact{grid-template-columns:34px minmax(0,1fr) 112px 60px 170px;min-height:70px}
.work-group .work-row{border-top:1px solid #edf1f7}
.work-group .work-row:first-child{margin-top:3px}
.work-empty{padding:5px 0 6px 40px;color:#7b8fa8;font-size:10px}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.media-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}
.media-card img{display:block;width:100%;height:210px;object-fit:cover;background:#edf1f6}
.media-card div{padding:10px 12px}
.media-card b{display:block;color:#1a3859;font-size:10px}
.media-card small{display:block;margin-top:3px;color:#8392a5;font-size:9px}
.media-empty{grid-column:1/-1;padding:48px 20px;border:1px dashed #cfd9e7;border-radius:12px;color:#7589a2;text-align:center}
.media-empty b{display:block;margin-bottom:5px;color:#294c74;font-size:13px}
.mobile-menu{color:#365982}
.modal{border-color:#e1e8f2}
.modal-header h2{font-size:19px}
.field-label{color:#536d89}
.field-label>input,.field-label>select,.field-label>textarea,.location-input{border-color:#dfe7f1;background:#fafbfd}
.location-input input{border:0}
.progress-modal{max-width:430px}
.toast{background:#163859}
.sidebar{overflow-y:auto}
.sidebar-bottom{padding-top:12px}
.nav-caption{padding-top:7px;border-top:1px solid #edf0f4;color:#93a1b4}
.nav-caption:first-of-type{border-top:0}
.sidebar .nav-caption{margin-top:15px;margin-bottom:5px}
.main-nav{gap:2px}
@media(max-width:1100px){
  .sidebar{width:214px}.main-area{margin-left:214px;padding-right:20px;padding-left:20px}
  .work-row{grid-template-columns:34px minmax(130px,1fr) 104px 60px 160px;gap:7px}
  .work-title b{font-size:10px}.work-actions{gap:4px}.work-action{padding:0 6px;font-size:8px}
}
@media(max-width:820px){
  .sidebar{width:68px}.main-area{margin-left:68px}
  .sidebar .brand{justify-content:center}.sidebar .brand-logo{width:42px;height:30px;object-fit:cover}
  .sidebar .workspace-label,.sidebar .nav-caption,.sidebar .workspace-switch>span:not(.workspace-avatar){display:none}
  .sidebar .workspace-switch{justify-content:center;padding:8px 0;border:0}
  .sidebar .nav-item{justify-content:center;padding:0;font-size:0}.sidebar .nav-icon{font-size:16px}
  .sidebar .nav-count{display:none}.sidebar .weather-card{justify-content:center;padding:7px 0}
  .sidebar .weather-card>span:not(.weather-sun),.sidebar .profile-button>span:not(.profile-avatar){display:none}
  .sidebar .profile-button{justify-content:center}.work-row,.work-row.compact{grid-template-columns:34px minmax(130px,1fr) 100px 55px 155px}
}
@media(max-width:600px){
  .sidebar{display:none}.sidebar.open{display:flex;width:248px}
  .sidebar.open .brand{justify-content:flex-start}.sidebar.open .brand-logo{width:164px;height:auto;object-fit:contain}
  .sidebar.open .workspace-label,.sidebar.open .nav-caption{display:block;font-size:9px}
  .sidebar.open .workspace-switch{justify-content:flex-start;padding:11px 9px;border:1px solid var(--line)}
  .sidebar.open .workspace-switch>span:not(.workspace-avatar){display:block;font-size:initial}
  .sidebar.open .nav-item{justify-content:flex-start;padding:0 10px;font-size:11px}
  .sidebar.open .nav-icon{font-size:16px}.sidebar.open .nav-count{display:block}
  .sidebar.open .weather-card{justify-content:flex-start;padding:12px 9px}
  .sidebar.open .weather-card>span:not(.weather-sun),.sidebar.open .profile-button>span:not(.profile-avatar){display:block}
  .main-area{margin-left:0;padding:0 12px 28px}
  .work-summary{padding:0 9px 9px}.work-summary-heading{align-items:flex-start;padding-top:12px}
  .work-summary-heading h2{font-size:16px}.work-summary-heading .button{font-size:8px}
  .work-group-heading{flex-wrap:wrap;gap:6px}.work-group-heading h3{font-size:13px}
  .work-group-heading small{font-size:8px}.work-row,.work-row.compact{grid-template-columns:31px minmax(0,1fr) auto;gap:7px;padding:10px 0}
  .work-index{width:29px;height:29px;font-size:8px}
  .work-info{grid-column:2;grid-row:1}.work-title{flex-wrap:wrap}.work-title b{font-size:10px}
  .work-meta{font-size:8px;white-space:normal}
  .work-dates{grid-column:2;grid-row:2;display:flex;gap:8px;font-size:8px}
  .work-dates b{display:inline;font-size:8px}
  .work-progress{grid-column:3;grid-row:1/3;min-width:44px}
  .work-progress strong{font-size:17px}
  .work-actions{grid-column:2/4;grid-row:3;justify-content:flex-start}
  .work-action{min-height:28px;font-size:8px}
  .work-empty{padding-left:0}
  .media-grid{grid-template-columns:1fr 1fr}.media-card img{height:145px}
  .page-heading{gap:8px}.page-heading .button{font-size:8px}
}

/* Editorial architecture-office finish */
:root{--bg:#f4f2ec;--paper:#fffefa;--ink:#202a31;--muted:#75808a;--line:#e6e2d9;--green:#285fd5;--green-soft:#edf2ff;--blue:#285fd5;--shadow:0 10px 28px rgba(37,43,47,.045)}
body{background:var(--bg);color:#293139}
.sidebar{background:#faf9f5;border-color:#e7e4dc}
.workspace-avatar,.profile-avatar{border-radius:50%;background:#e8edf8;color:#315baf}
.workspace-switch{border-color:#e8e4dc;border-radius:4px;background:#fffefa}
.nav-item{border-radius:4px;color:#626a70}
.nav-item.active{background:#e9eef9;color:#214eae;box-shadow:none}
.nav-item:hover{background:#f0eee8}
.nav-count{background:#f2f0ea;color:#536273}
.main-area{padding-left:clamp(22px,3vw,48px);padding-right:clamp(22px,3vw,48px)}
.topbar{border-color:#e4e0d7}
.breadcrumbs strong{color:#293b52}
.view{padding-top:35px}
.overline{color:#8e8a7f;letter-spacing:1.55px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.7px;color:#202b36}
h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#263440}
.subheading{color:#727a7c}
.button{border-radius:3px}
.button-primary{background:#285fd5;box-shadow:none}
.button-primary:hover{background:#1d4eb8}
.button-outline{border-color:#dedbd2;border-radius:3px;background:#fffefa}
.stat-grid{gap:0;border:1px solid #e6e2d9;background:#fffefa}
.stat-card{min-height:118px;border:0;border-right:1px solid #e6e2d9;border-radius:0;background:transparent;box-shadow:none}
.stat-card:last-child{border-right:0}
.stat-top{color:#707679}
.stat-card>strong{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500}
.stat-card>small{color:#848985}
.stat-icon{border-radius:50%}
.lavender,.green,.amber,.blue{background:#edf1f8;color:#315baf}
.content-grid{grid-template-columns:1fr .95fr;gap:18px}
.panel,.project-card,.resource-card{border:1px solid #e6e2d9;border-radius:3px;background:#fffefa;box-shadow:none}
.panel{padding:20px}
.panel-heading{margin-bottom:13px}
.project-row{border-color:#eeeae2}
.project-thumb{border-radius:2px;background:linear-gradient(145deg,#e1e4dc,#9daa9d)}
.project-meta b{color:#28333c;font-size:11px}
.project-meta small{color:#8c9291}
.project-status{border-radius:2px;background:#eaf0fb;color:#315baf}
.project-status.planning{background:#f1eee6;color:#836b3e}
.quiet-link,.panel-link{color:#285fd5}
.agenda-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #eeeae2}
.agenda-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#285fd5}
.agenda-item>span:nth-child(2){min-width:0;flex:1}
.agenda-item b,.agenda-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agenda-item b{font-size:10px}
.agenda-item small{margin-top:3px;color:#858b8c;font-size:9px}
.agenda-item strong{color:#315baf;font:500 15px Georgia,serif}
.week-panel{margin-top:6px;padding-top:12px;border-top:1px solid #eeeae2}
.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.week-day{display:grid;justify-items:center;gap:2px;padding:5px 2px;color:#6b7478}
.week-day small{text-transform:uppercase;font-size:8px}
.week-day b{font:500 13px Georgia,serif}
.week-day i{height:5px;color:#285fd5;font-size:11px;font-style:normal}
.week-day.current{background:#edf2ff;color:#285fd5}
.work-summary{border:1px solid #c5d2ec;border-radius:3px;background:#fffefa}
.work-summary-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:500}
.work-group{border-color:#eae7df}
.work-group-heading h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#283541}
.count-badge{border-radius:2px;background:#edf2ff;color:#285fd5}
.work-row,.work-row.compact{border-color:#eeeae2}
.work-index{border-radius:2px;background:#edf2ff;color:#285fd5}
.work-title b{color:#293744}
.work-state{border-radius:2px}
.work-meta,.work-dates{color:#727c82}
.work-dates b{color:#344451}
.work-progress strong{color:#293744;font-family:Georgia,"Times New Roman",serif;font-weight:500}
.work-progress .progress-track{height:3px;background:#e8e6e0}
.work-progress .progress-track i{display:block;height:100%;background:#285fd5}
.work-action{border-color:#cdd8ef;border-radius:2px;color:#285fd5}
.work-action:hover{background:#eef3ff}
.filter-chip{border-radius:2px}
.filter-row{margin-bottom:18px}
.search-box{border-color:#e1ddd4;border-radius:2px;background:#fffefa}
.project-card{overflow:hidden}
.project-cover{position:relative;display:grid;place-items:center;width:100%;height:176px;overflow:hidden;border:0;background:#e5e3db}
.cover-1{background:linear-gradient(140deg,#d9dfd9 0 42%,#c2c9c1 42% 60%,#aeb9af 60%)}
.cover-2{background:linear-gradient(25deg,#d8d1c5 0 35%,#e9e5db 35% 62%,#bdc9cc 62%)}
.cover-3{background:linear-gradient(160deg,#d2d6d1 0 38%,#e8e3d8 38% 69%,#b5c0ba 69%)}
.cover-4{background:linear-gradient(35deg,#c8d2d1 0 30%,#e7e0d3 30% 67%,#bcc5bd 67%)}
.cover-architecture{position:absolute;inset:0;display:block;opacity:.72}
.cover-architecture i{position:absolute;bottom:0;left:18%;width:18%;height:70%;background:rgba(255,255,255,.55);clip-path:polygon(5% 9%,95% 0,100% 100%,0 100%)}
.cover-architecture i:nth-child(2){left:36%;width:25%;height:84%;background:rgba(246,245,238,.8);clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}
.cover-architecture i:nth-child(3){left:61%;width:16%;height:58%;background:rgba(74,91,92,.18)}
.cover-architecture i:nth-child(4){left:43%;width:4%;height:22%;background:#9da99f}
.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover-label{position:absolute;top:12px;left:12px;padding:5px 7px;background:rgba(255,254,250,.9);color:#37434a;font-size:8px;letter-spacing:1px}
.card-body{padding:15px}
.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.card-title-row h3{margin:0;color:#29353d;font:500 16px/1.3 Georgia,"Times New Roman",serif}
.card-address{margin:7px 0 14px;color:#7a8382;font-size:10px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid #eeeae2}
.team-avatars{display:flex;align-items:center}
.team-avatars i{display:grid;place-items:center;width:23px;height:23px;margin-right:-5px;border:2px solid #fffefa;border-radius:50%;background:#e8edf5;color:#46566f;font-size:7px;font-style:normal}
.team-avatars i+ i{background:#eee9df}
.card-jobs{color:#747d80;font-size:9px}
.quiet-link.project-open-link{display:flex;justify-content:space-between;width:100%;margin-top:12px;padding:9px 0 0;border-top:1px solid #eeeae2;text-align:left}
.work-filters select{min-height:31px;padding:0 24px 0 9px;border:1px solid #dedbd2;border-radius:2px;background:#fffefa}
.media-card{border-color:#e6e2d9;border-radius:2px;background:#fffefa}
.media-card img{background:#efede7}
.media-empty,.empty-state{border:1px dashed #d5d0c5;border-radius:2px;background:#fffefa;color:#7d8584}
.media-empty b{color:#34414b}
.resource-card{padding:17px}
.resource-card-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}
.resource-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf2ff;color:#285fd5;font-size:10px;font-weight:700}
.resource-card h3{margin:0;color:#29353d;font:500 15px Georgia,"Times New Roman",serif}
.resource-card p{margin:4px 0 0;color:#878d8d;font-size:9px}
.resource-line{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #eeeae2;color:#767e7e;font-size:9px}
.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.schedule-toolbar>.filter-chips{display:flex;flex-wrap:wrap;gap:5px;max-width:60%}
.schedule-period{display:flex;align-items:center;gap:8px}
.schedule-period b{font-size:10px}
.period-arrow{width:29px;height:29px;border:1px solid #e3dfd6;border-radius:2px;background:#fffefa}
.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(75px,1fr));gap:7px;overflow-x:auto}
.calendar-day{min-height:245px;border:1px solid #ece8df;background:#fffefa}
.calendar-day.selected{border-color:#8ba8e3}
.calendar-day-head{display:flex;align-items:center;justify-content:space-between;padding:9px;border-bottom:1px solid #eeeae2;color:#747d7d;font-size:9px;text-transform:capitalize}
.calendar-day-head b{font:500 17px Georgia,serif;color:#33404a}
.calendar-slots{display:grid;align-content:start;gap:5px;padding:6px}
.calendar-event{padding:6px;background:#edf2ff;border-left:2px solid #285fd5}
.calendar-event.event-blue{background:#f3efe5;border-left-color:#a27c43}
.calendar-event b,.calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis}
.calendar-event b{font-size:8px;white-space:nowrap}
.calendar-event small{margin-top:3px;color:#737b7e;font-size:7px}
.calendar-empty{padding:6px;color:#a6aaa5;font-size:8px}
.schedule-side{padding:15px}
.day-total{padding:4px 7px;background:#edf2ff;color:#285fd5;font-size:8px}
.day-task{padding:10px 0;border-bottom:1px solid #eeeae2}
.day-task-top{display:flex;justify-content:space-between;gap:6px;font-size:9px}
.day-task-top span{color:#285fd5}
.day-task p,.task-location{margin:4px 0 0;color:#828888;font-size:8px}
.resource-summary{margin-top:18px}
.resource-summary>.overline{margin-bottom:10px}
.modal-backdrop{background:rgba(27,34,41,.48);backdrop-filter:blur(3px)}
.modal{border:1px solid #e5e1d7;border-radius:4px;background:#fffefa}
.field-label{color:#59646b}
.field-label>input,.field-label>select,.field-label>textarea,.location-input{border-color:#e1ddd4;border-radius:2px;background:#fffefa}
.location-input input{background:transparent}
.toast{border-radius:3px;background:#263a51}
.empty-note{padding:12px 0;color:#838986;font-size:10px}
.project-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}
.project-detail-heading h1{margin-top:5px}
.project-back{display:block;margin:0 0 15px;padding:0}
.project-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px}
.project-menu{position:sticky;top:15px;display:grid;gap:4px;padding:9px;border:1px solid #e6e2d9;background:#fffefa}
.project-menu-item{display:flex;align-items:center;gap:9px;min-height:37px;padding:0 9px;border:0;border-radius:2px;background:transparent;color:#626d73;text-align:left;font-size:10px;font-weight:600}
.project-menu-item:hover{background:#f4f2ec}
.project-menu-item.active{background:#edf2ff;color:#285fd5}
.project-menu-item>span{width:18px;text-align:center;font-size:14px}
.project-module{min-width:0}
.module-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.module-heading h2{font-size:23px}
.module-heading .subheading{margin-top:5px}
.project-stats{margin:0 0 16px}
.project-stats .stat-card{min-height:102px}
.project-work-preview{margin-top:15px}
.project-calendar{grid-template-columns:repeat(7,minmax(80px,1fr))}
.module-hint{margin:0 0 13px;color:#7e8584;font-size:10px}
.module-list-panel{margin-top:14px}
.project-record-form{display:grid;gap:12px;margin:0 0 14px}
.project-record-form>.overline{margin:0}
.project-record-form .field-label{margin:0}
.project-record-form .field-label>input,.project-record-form .field-label>select,.project-record-form .field-label>textarea{width:100%;margin-top:5px;padding:9px 10px;border:1px solid #e1ddd4;border-radius:2px;background:#fffefa}
.project-record-form .field-label>select[multiple]{min-height:96px}
.project-record-form .form-row{margin:0}
.project-record-form>.button{justify-self:start}
.module-record{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #eeeae2}
.module-record>b,.module-record>div>b{color:#293744;font-size:10px}
.module-record p{margin:5px 0 0;color:#727a7c;font-size:10px}
.module-record>span{color:#64717a;font-size:9px;white-space:nowrap}
.document-table{overflow-x:auto;border:1px solid #e7e4dc}
.document-row{display:grid;grid-template-columns:90px minmax(180px,1fr) 150px 125px;align-items:center;gap:10px;min-width:620px;padding:10px;border-top:1px solid #eeeae2;color:#34414b;font-size:9px}
.document-row:first-child{border-top:0}
.document-row small{color:#768086;font-size:9px}
.document-head{background:#f4f6fa;color:#60718a;font-size:8px;font-weight:700;text-transform:uppercase}
.inventory-locations{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.inventory-locations>.filter-chip:disabled{opacity:.64;cursor:default}
.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.supplier-grid>.media-empty{grid-column:1/-1}
@media(max-width:980px){
  .project-workspace{grid-template-columns:190px minmax(0,1fr);gap:10px}
  .project-menu{padding:6px}
}
@media(max-width:760px){
  .project-workspace{grid-template-columns:1fr}
  .project-menu{position:static;display:flex;overflow-x:auto}
  .project-menu-item{flex:none}
  .project-stats{grid-template-columns:1fr 1fr}
  .project-stats .stat-card:nth-child(2){border-right:0}
  .project-stats .stat-card:nth-child(3){border-right:1px solid #e6e2d9;border-bottom:0}
  .project-stats .stat-card:nth-child(4){border-bottom:0}
  .project-detail-heading{align-items:flex-start}
  .module-heading{align-items:flex-start;flex-direction:column}
  .supplier-grid{grid-template-columns:1fr}
}
@media print{
  .sidebar,.topbar,.project-menu,.project-back,.button,.project-detail-heading .project-status{display:none!important}
  .main-area{margin:0!important;padding:0!important}
  .project-workspace{display:block}
  .project-module{width:100%}
  .view{display:none!important}
  #view-project{display:block!important}
  body{background:#fff}
}
@media(max-width:1100px){
  .schedule-layout{grid-template-columns:1fr}
  .schedule-side{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
}
@media(max-width:820px){
  .stat-card{padding:13px 10px}
  .content-grid{grid-template-columns:1fr}
  .schedule-toolbar{align-items:flex-start;flex-direction:column}
  .schedule-toolbar>.filter-chips{max-width:100%}
}
@media(max-width:600px){
  .sidebar.open{background:#faf9f5}
  .main-area{padding-right:14px;padding-left:14px}
  .view{padding-top:23px}
  .page-heading{align-items:flex-start}
  .page-heading>.button{min-height:33px;padding:0 8px}
  .stat-grid{grid-template-columns:1fr 1fr}
  .stat-card{border-bottom:1px solid #e6e2d9}
  .stat-card:nth-child(2){border-right:0}
  .stat-card:nth-child(n+3){border-bottom:0}
  .projects-grid,.media-grid{grid-template-columns:1fr}
  .project-cover{height:155px}
  .schedule-period{width:100%;justify-content:space-between}
  .calendar-grid{grid-template-columns:repeat(7,105px)}
  .work-row,.work-row.compact{grid-template-columns:28px minmax(0,1fr) auto}
  .work-meta{line-height:1.5}
}

.module-heading-actions,.record-form-actions,.record-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.record-form-actions{margin-top:3px}
.record-actions{justify-content:flex-end;gap:5px}
.record-actions .work-action{min-height:28px;padding:0 8px;border:1px solid #dfe7f2;border-radius:5px;background:#fff;color:#35516f;font-size:10px}
.record-actions .record-delete{color:#a24444}
.document-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.document-file-link{display:block;width:max-content;max-width:100%;margin-top:4px;color:#2863df;font-size:10px;overflow-wrap:anywhere}
.module-record>div{min-width:0;flex:1}
.module-record a{color:#2863df;text-decoration:none}
.module-record a:hover{text-decoration:underline}
.assistant-toggle{position:fixed;right:24px;bottom:22px;z-index:1000;display:flex;align-items:center;gap:8px;padding:11px 16px;border:0;border-radius:24px;background:#2863df;color:#fff;box-shadow:0 8px 24px rgba(27,52,84,.2);font:600 13px "DM Sans",Arial,sans-serif;cursor:pointer}
.assistant-toggle span{font-size:18px}
.assistant-panel[hidden]{display:none!important}
.assistant-panel{position:fixed;right:24px;bottom:78px;z-index:1001;display:flex;width:min(360px,calc(100vw - 32px));height:min(470px,calc(100vh - 110px));flex-direction:column;overflow:hidden;border:1px solid #dfe7f2;border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(27,52,84,.2);font:13px "DM Sans",Arial,sans-serif}
.assistant-header{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #e8edf4}
.assistant-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#edf3ff;color:#2863df;font-weight:700}
.assistant-header>div{display:grid;gap:2px;flex:1}
.assistant-header small,.assistant-disclaimer{color:#8390a0;font-size:10px}
.assistant-close{border:0;background:transparent;color:#7588a2;font-size:22px;cursor:pointer}
.assistant-messages{display:flex;flex:1;flex-direction:column;gap:9px;overflow:auto;padding:14px}
.assistant-message{max-width:88%;margin:0;padding:9px 11px;border-radius:10px;background:#f1f5fb;color:#263c56;line-height:1.5}
.assistant-message.user{align-self:flex-end;background:#2863df;color:#fff}
.assistant-suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 10px}
.assistant-suggestions button{padding:7px 9px;border:1px solid #dfe7f2;border-radius:16px;background:#fff;color:#385778;font-size:10px;cursor:pointer}
.assistant-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e8edf4}
.assistant-form input{min-width:0;flex:1;padding:10px;border:1px solid #dfe7f2;border-radius:8px;font:inherit}
.assistant-form button{width:38px;border:0;border-radius:8px;background:#2863df;color:#fff;font-size:18px;cursor:pointer}
.assistant-disclaimer{padding:0 14px 11px}
@media(max-width:600px){
  .assistant-toggle{right:14px;bottom:14px}
  .assistant-panel{right:12px;bottom:70px;width:calc(100vw - 24px)}
  .module-record{flex-wrap:wrap}
  .record-actions{justify-content:flex-start}
}

/* A clear, architectural workspace inspired by the supplied blue-and-white UI references. */
:root{--bg:#f3f6fb;--paper:#fff;--ink:#172f4d;--muted:#7588a2;--line:#dfe7f2;--green:#2863df;--green-soft:#edf3ff;--blue:#2863df;--blue-soft:#edf3ff;--shadow:0 8px 24px rgba(27,52,84,.045)}
body{background:var(--bg);color:#152f50}
.sidebar{width:242px;background:#fff;border-color:#e3eaf3}
.main-area{margin-left:242px;max-width:none;padding-right:34px;padding-left:34px}
.brand{height:40px}
.brand-logo{width:164px;max-height:34px}
.workspace-label,.nav-caption{margin-top:24px;color:#7e91aa}
.workspace-switch{border-color:#e1e8f2;border-radius:8px;background:#fff}
.workspace-avatar{background:#eaf1ff;color:#255dd8}
.nav-caption{font-size:9px}
.nav-item{height:38px;border-radius:7px;color:#304760}
.nav-item:hover{background:#f1f5fb;color:#183858}
.nav-item.active{background:#2863df;color:#fff;box-shadow:0 3px 8px rgba(35,91,207,.18)}
.nav-count{background:rgba(255,255,255,.2);color:inherit}
.weather-card{border:1px solid #e8edf5;background:#f7f9fc}
.profile-button{border-color:#e3eaf3;background:#fff}
.profile-avatar{background:#eaf1ff;color:#255dd8}
.topbar{height:62px;border-color:#dfe7f2}
.breadcrumbs strong{color:#183858}
.view{padding-top:35px}
.overline{color:#6e83a0}
h1{color:#152f50;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.8px}
h2{color:#1b3657;font-family:Georgia,"Times New Roman",serif;font-weight:500}
.subheading{color:#71839b}
.button{border-radius:7px}
.button-primary{background:#2863df;box-shadow:0 4px 11px rgba(40,99,223,.15)}
.button-primary:hover{background:#194fbe}
.button-outline{border-color:#d8e2f0;background:#fff;color:#28445f}
.stat-grid{gap:0;border:1px solid #dfe7f2;border-radius:10px;background:#fff;overflow:hidden}
.stat-card{min-height:112px;border:0;border-right:1px solid #e6ecf5;border-radius:0;background:transparent;box-shadow:none}
.stat-card:last-child{border-right:0}
.stat-top{color:#647b98}
.stat-card>strong{color:#172f4d;font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500}
.stat-card>small{color:#8192a8}
.stat-icon{border-radius:50%}
.lavender,.green,.amber,.blue{background:#edf3ff;color:#3166df}
.content-grid{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:16px}
.panel,.resource-card,.project-card{border-color:#dfe7f2;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(28,57,92,.035)}
.panel{padding:19px}
.panel-heading{margin-bottom:14px}
.panel-heading .overline{color:#6e83a0}
.panel-link,.quiet-link{color:#2863df}
.project-count-pill{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:5px;padding:0 7px;border-radius:20px;background:#edf3ff;color:#2863df;font:700 11px var(--sans);vertical-align:2px}
.overview-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.project-row{grid-template-columns:52px minmax(0,1fr) auto;gap:9px;min-width:0;padding:8px;border:1px solid #e7edf5;border-radius:8px;background:#fff;text-align:left;transition:border-color .16s,background .16s,transform .16s}
.project-row:hover{transform:translateY(-1px);border-color:#a9c1ef;background:#f9fbff}
.project-thumb{width:52px;height:54px;border-radius:6px;background:linear-gradient(145deg,#eaf1fb 0 42%,#cbd9ed 42% 60%,#aebfd8 60%)}
.project-thumb:before,.project-thumb:after{display:none}
.project-thumb i{position:absolute;bottom:0;left:10%;width:26%;height:64%;background:rgba(255,255,255,.72);clip-path:polygon(5% 8%,95% 0,100% 100%,0 100%)}
.project-thumb i:nth-of-type(2){left:39%;width:36%;height:82%;background:rgba(255,255,255,.88);clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}
.project-thumb i:nth-of-type(3){left:72%;width:18%;height:48%;background:rgba(42,91,170,.15)}
.project-thumb img{display:block}
.project-thumb img:not(.loaded){display:none}
.project-monogram{position:absolute;top:5px;left:6px;color:#204b8f;font:700 9px/1 var(--sans);letter-spacing:.3px}
.project-meta b{color:#183858;font-size:10px;line-height:1.35;white-space:normal}
.project-meta small{color:#7387a0;font-size:8px}
.project-row-end{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch}
.project-row-end .project-status{padding:3px 6px;border-radius:20px;background:#e8f6ee;color:#23804a;font-size:7px}
.project-row-end .project-status.planning{background:#edf2fa;color:#5f7390}
.project-arrow{color:#2863df;font-size:14px}
.project-status{border-radius:20px;background:#e8f6ee;color:#23804a}
.project-status.planning{background:#edf2fa;color:#5f7390}
.agenda-item{border-color:#e8edf5}
.agenda-item b{color:#1c3b60}
.agenda-item small{color:#7588a2}
.agenda-item strong{color:#2863df}
.week-panel{border-color:#e5ebf4}
.week-day{border-radius:6px;color:#617893}
.week-day.current{background:#eaf1ff;color:#2863df}
.work-summary{margin-top:16px;border:1px solid #d7e3f6;border-radius:10px;background:#fff}
.work-summary-heading h2{color:#1b3657;font:500 21px Georgia,"Times New Roman",serif}
.work-group{border-color:#e4eaf3}
.work-group-heading h3{color:#1b3657;font:500 16px Georgia,"Times New Roman",serif}
.count-badge{border-radius:20px;background:#edf3ff;color:#2863df}
.work-row,.work-row.compact{border-color:#e6ecf4}
.work-index{border-radius:7px;background:#edf3ff;color:#2863df}
.work-title b{color:#183858}
.work-meta,.work-dates{color:#6f829b}
.work-dates b{color:#244361}
.work-progress strong{color:#1b3657;font-family:Georgia,"Times New Roman",serif;font-weight:500}
.work-progress .progress-track{background:#e7edf6}
.work-progress .progress-track i{background:#2863df}
.work-action{border-color:#ccd9ed;border-radius:6px;color:#2863df}
.work-action:hover{background:#edf3ff}
.filter-chip{border-radius:7px}
.projects-grid{gap:15px}
.project-card{transition:transform .18s,box-shadow .18s}
.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(27,52,84,.09)}
.project-cover{height:158px}
.cover-1{background:linear-gradient(140deg,#e3edf9 0 42%,#c4d5eb 42% 60%,#a8bfdc 60%)}
.cover-2{background:linear-gradient(25deg,#e7e8ef 0 35%,#dce5f1 35% 62%,#bdcede 62%)}
.cover-3{background:linear-gradient(160deg,#dce8f1 0 38%,#e8edf4 38% 69%,#afc2d5 69%)}
.cover-4{background:linear-gradient(35deg,#cad9e8 0 30%,#e4eaf2 30% 67%,#b4c6da 67%)}
.cover-architecture{opacity:.9}
.cover-architecture i{background:rgba(255,255,255,.62)}
.cover-architecture i:nth-child(2){background:rgba(255,255,255,.82)}
.cover-architecture i:nth-child(3){background:rgba(35,75,135,.16)}
.cover-label{border-radius:4px;background:rgba(255,255,255,.9);color:#204b8f}
.card-title-row h3{color:#183858}
.card-address,.card-jobs{color:#71839b}
.card-bottom{border-color:#e7edf5}
.card-code{color:#526f96;font-size:9px;font-weight:700;letter-spacing:.5px}
.quiet-link.project-open-link{border-color:#e7edf5}
.search-box,.work-filters select{border-color:#d8e2f0;border-radius:7px;background:#fff}
.media-card{border-color:#dfe7f2;border-radius:9px;background:#fff}
.media-empty,.empty-state{border-color:#cedaeb;border-radius:9px;background:#fff}
.project-menu{border-color:#dfe7f2;border-radius:9px;background:#fff}
.project-menu-item{border-radius:6px;color:#304760}
.project-menu-item:hover{background:#f1f5fb}
.project-menu-item.active{background:#2863df;color:#fff}
.modal,.field-label>input,.field-label>select,.field-label>textarea,.location-input{border-color:#d8e2f0;border-radius:8px}
.field-label>input,.field-label>select,.field-label>textarea,.location-input{background:#fbfcfe}
.toast{border-radius:7px;background:#17395f}

@media(max-width:1100px){
  .sidebar{width:220px}
  .main-area{margin-left:220px;padding-right:22px;padding-left:22px}
  .content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}
}
@media(max-width:820px){
  .sidebar{width:68px}
  .main-area{margin-left:68px}
  .content-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .sidebar.open{background:#fff}
  .main-area{margin-left:0;padding-right:14px;padding-left:14px}
  .topbar{height:57px}
  .view{padding-top:24px}
  .page-heading{gap:8px}
  .page-heading .button{font-size:9px}
  .stat-grid{border-radius:8px}
  .stat-card{min-height:102px;padding:11px 9px}
  .stat-card:nth-child(2){border-right:0}
  .stat-card:nth-child(3){border-top:1px solid #e6ecf5}
  .stat-card:nth-child(4){border-top:1px solid #e6ecf5}
  .content-grid{grid-template-columns:1fr}
  .overview-project-grid{grid-template-columns:1fr}
  .project-row{grid-template-columns:48px minmax(0,1fr) auto}
  .project-thumb{width:48px;height:50px}
  .projects-grid{grid-template-columns:1fr}
  .project-cover{height:155px}
}