:root{
  --cc-navy:#0f1b2d;
  --cc-navy-2:#15263d;
  --cc-navy-3:#203754;
  --cc-bg:#f5f7fa;
  --cc-surface:#ffffff;
  --cc-border:#e3e8ef;
  --cc-text:#162033;
  --cc-muted:#6b778c;
  --cc-blue:#2f7cf6;
  --cc-success:#10a96b;
  --cc-danger:#e5484d;
  --cc-warning:#f59e0b;
  --cc-radius:10px;
  --cc-shadow:0 1px 2px rgba(15,27,45,.05),0 8px 28px rgba(15,27,45,.05);
  --cc-sidebar:250px;
  --cc-topbar:72px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0!important;
  background:var(--cc-bg)!important;
  color:var(--cc-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:14px;
  line-height:1.45;
}
body.cc-shell-ready:not(.cc-login-page){
  padding-left:var(--cc-sidebar)!important;
  padding-top:var(--cc-topbar)!important;
}
body.cc-login-page{
  background:#f6f7f9!important;
}
body.cc-shell-ready:not(.cc-login-page)>header{
  display:none!important;
}
body.cc-shell-ready:not(.cc-login-page)>main{
  max-width:none!important;
  margin:0!important;
  padding:28px 32px 36px!important;
  min-height:calc(100vh - var(--cc-topbar));
}
a{color:var(--cc-blue)}
h1,h2,h3,h4{color:var(--cc-text);letter-spacing:-.02em}
h1{font-size:28px}
h2{font-size:20px}
h3{font-size:16px}
.cc-sidebar{
  position:fixed;left:0;top:0;bottom:0;width:var(--cc-sidebar);
  background:linear-gradient(180deg,var(--cc-navy),#0b1728);
  color:#fff;z-index:10000;display:flex;flex-direction:column;
  border-right:1px solid rgba(255,255,255,.06);
}
.cc-brand{
  min-height:92px;padding:17px 18px;display:flex;align-items:center;gap:11px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.cc-brand img{
  width:49px;height:58px;object-fit:contain;border-radius:6px;background:#fff;
}
.cc-brand-title{font-size:18px;font-weight:700;line-height:1.15}
.cc-brand-sub{font-size:12px;opacity:.82;margin-top:4px}
.cc-nav{padding:14px 10px;flex:1;overflow:auto}
.cc-nav-sep{height:1px;background:rgba(255,255,255,.12);margin:14px 10px}
.cc-nav a,.cc-nav button{
  display:flex!important;align-items:center;gap:12px;width:100%;
  padding:11px 13px!important;margin:2px 0!important;border-radius:8px!important;
  color:#fff!important;text-decoration:none!important;background:transparent!important;
  border:0!important;font-size:14px!important;font-weight:500!important;text-align:left;
  box-shadow:none!important;
}
.cc-nav a:hover,.cc-nav button:hover,.cc-nav a.cc-active{
  background:rgba(73,119,180,.27)!important;
}
.cc-icon{width:19px;text-align:center;font-size:17px;opacity:.95}
.cc-sidebar-footer{
  border-top:1px solid rgba(255,255,255,.12);padding:14px 15px;display:flex;gap:8px;
}
.cc-sidebar-footer button,.cc-sidebar-footer a{
  width:38px;height:38px;border-radius:8px!important;display:grid!important;place-items:center;
  background:transparent!important;color:#fff!important;border:0!important;padding:0!important;
  margin:0!important;text-decoration:none;
}
.cc-topbar{
  position:fixed;left:var(--cc-sidebar);right:0;top:0;height:var(--cc-topbar);
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:9999;
  border-bottom:1px solid var(--cc-border);display:flex;align-items:center;gap:16px;padding:0 28px;
}
.cc-page-name{font-size:18px;font-weight:600;min-width:110px}
.cc-add{
  width:40px;height:40px;border:1px solid var(--cc-border)!important;border-radius:8px!important;
  background:#fff!important;color:var(--cc-text)!important;font-size:24px!important;line-height:1!important;
  padding:0!important;margin:0!important;
}
.cc-search-wrap{position:relative;flex:1;max-width:520px}
.cc-search{
  width:100%;height:40px;border:1px solid #d7dee8;border-radius:8px;padding:0 42px 0 38px;
  background:#fff;font:inherit;color:var(--cc-text);outline:none;
}
.cc-search:focus{border-color:#9bbcf4;box-shadow:0 0 0 3px rgba(47,124,246,.12)}
.cc-search-icon{position:absolute;left:13px;top:10px;color:var(--cc-muted)}
.cc-kbd{position:absolute;right:10px;top:9px;border:1px solid #d7dee8;border-radius:5px;padding:1px 6px;color:#728096;font-size:11px}
.cc-user{margin-left:auto;display:flex;align-items:center;gap:10px}
.cc-avatar{
  width:36px;height:36px;border-radius:50%;background:var(--cc-navy);color:white;
  display:grid;place-items:center;font-weight:700
}
.cc-user-name{font-weight:600}
.cc-user-email{font-size:11px;color:var(--cc-muted)}
.cc-card,.card,.task{
  background:var(--cc-surface)!important;border:1px solid var(--cc-border)!important;
  border-radius:var(--cc-radius)!important;box-shadow:var(--cc-shadow)!important;
}
.card{padding:22px!important}
.task{
  padding:22px!important;margin-bottom:14px!important;
}
#tasks .task{
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) minmax(220px,1fr) minmax(160px,.7fr) 112px;
  column-gap:26px;align-items:start;position:relative;
}
#tasks .task>h3{grid-column:1;margin:0 0 8px!important}
#tasks .task>p:nth-of-type(1){grid-column:1;margin:0 0 8px}
#tasks .task>p:nth-of-type(2){grid-column:1;margin:0 0 10px}
#tasks .task>p:nth-of-type(3){grid-column:1;margin:0;color:var(--cc-muted)!important}
#tasks .task>p:nth-of-type(4){grid-column:2;grid-row:1 / span 4;margin:0;padding-left:20px;border-left:1px solid var(--cc-border)}
#tasks .task>.open-button{grid-column:4;grid-row:1;margin:0!important}
#tasks .task>button.danger{grid-column:4;grid-row:2;margin:8px 0 0!important}
#tasks .task:before{
  content:"Assigned Workers";grid-column:2;grid-row:1;margin-left:20px;margin-bottom:42px;
  font-size:12px;font-weight:600;color:#59677a;pointer-events:none;visibility:hidden;
}
#tasks .worker-list{margin-top:8px}
.badge{
  display:inline-flex!important;align-items:center!important;padding:3px 8px!important;border-radius:999px!important;
  background:#eef1f5!important;color:#556273!important;font-size:11px!important;font-weight:600!important;
}
button,a.open-button,.small-button{
  border-radius:7px!important;font-weight:600!important;box-shadow:none!important;
}
.open-button{
  background:#fff!important;color:var(--cc-text)!important;border:1px solid #d8dee8!important;
  padding:9px 12px!important;text-decoration:none!important;text-align:center;
}
button.danger,.danger,.red,.photo-delete-button{
  background:#fff!important;color:var(--cc-danger)!important;border:1px solid #ffc6c9!important;
}
button.green,.green{
  background:var(--cc-navy)!important;color:#fff!important;border:1px solid var(--cc-navy)!important;
}
input,select,textarea{
  border:1px solid #d8dee8!important;border-radius:7px!important;background:#fff!important;
  color:var(--cc-text)!important;box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:#9bbcf4!important;box-shadow:0 0 0 3px rgba(47,124,246,.1)!important;
}
.worker-list{
  border-color:var(--cc-border)!important;background:#fbfcfe!important;border-radius:8px!important;
}
.worker-option{border-color:var(--cc-border)!important}
.muted,.hint{color:var(--cc-muted)!important}
.success{color:var(--cc-success)!important}
.error{color:var(--cc-danger)!important}
.cc-content-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start;
}
.cc-right-rail{display:flex;flex-direction:column;gap:14px}
.cc-rail-card{
  background:#fff;border:1px solid var(--cc-border);border-radius:var(--cc-radius);
  box-shadow:var(--cc-shadow);padding:16px;
}
.cc-rail-card h3{font-size:15px;margin:0 0 13px}
.cc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cc-stat{border:1px solid var(--cc-border);border-radius:8px;padding:13px;min-height:94px}
.cc-stat-icon{font-size:19px;margin-bottom:7px}
.cc-stat-value{font-size:18px;font-weight:700}
.cc-stat-label{font-size:11px;color:var(--cc-muted)}
.cc-upcoming{display:flex;flex-direction:column;gap:11px}
.cc-upcoming-item{display:grid;grid-template-columns:24px 1fr;gap:8px}
.cc-upcoming-item strong{font-size:12px}
.cc-upcoming-item div div{font-size:11px;color:var(--cc-muted)}
.cc-shortcut{
  display:flex!important;justify-content:center;align-items:center;gap:8px;width:100%;
  padding:10px 12px!important;border-radius:7px!important;text-decoration:none!important;
  margin:8px 0 0!important;font-weight:600!important;
}
.cc-shortcut-primary{background:var(--cc-navy)!important;color:#fff!important}
.cc-shortcut-secondary{background:#fff!important;color:var(--cc-text)!important;border:1px solid var(--cc-border)!important}
.cc-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cc-success);margin-right:7px}
.cc-footer{
  color:#7a8699;font-size:11px;text-align:center;padding:18px 12px 0;
}
.cleanapp-admin-shortcut{display:none!important}
.cc-login-page .page{
  min-height:100vh!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;padding:28px!important;
}
.cc-login-brand{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--cc-text)
}
.cc-login-brand img{width:54px;height:64px;object-fit:contain}
.cc-login-brand-title{font-size:23px;font-weight:700}
.cc-login-brand-sub{font-size:12px;color:var(--cc-muted)}
.cc-login-page .card{
  width:100%!important;max-width:390px!important;padding:24px!important;border-radius:7px!important;
  box-shadow:0 4px 14px rgba(15,27,45,.09)!important;
}
.cc-login-page .card h1{font-size:20px!important;margin:0 0 4px!important}
.cc-login-page .card button{
  background:#202124!important;border-radius:5px!important
}
.cc-login-page input{font-size:14px!important;background:#eef4ff!important}
.cc-login-footer{font-size:11px;color:#7a8699;text-align:center;margin-top:14px}
.cc-page-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}
.cc-page-heading h1,.cc-page-heading h2{margin:0}
.cc-page-subtitle{color:var(--cc-muted);margin-top:3px}
@media(max-width:1050px){
  .cc-right-rail{display:none}
  .cc-content-grid{grid-template-columns:1fr}
  #tasks .task{grid-template-columns:1fr 1fr 110px}
  #tasks .task>p:nth-of-type(4){grid-column:2}
  #tasks .task>.open-button,#tasks .task>button.danger{grid-column:3}
}
@media(max-width:760px){
  :root{--cc-sidebar:0px;--cc-topbar:62px}
  body.cc-shell-ready:not(.cc-login-page){padding-left:0!important}
  .cc-sidebar{transform:translateX(-100%);width:250px;transition:transform .2s ease}
  body.cc-menu-open .cc-sidebar{transform:translateX(0)}
  .cc-topbar{left:0;padding:0 12px;gap:9px}
  .cc-page-name{min-width:auto;font-size:16px}
  .cc-user-meta,.cc-kbd{display:none}
  .cc-search-wrap{max-width:none}
  body.cc-shell-ready:not(.cc-login-page)>main{padding:18px 12px 28px!important}
  #tasks .task{display:block}
  #tasks .task>p:nth-of-type(4){border-left:0;padding-left:0;border-top:1px solid var(--cc-border);padding-top:12px}
  #tasks .task>.open-button,#tasks .task>button.danger{display:inline-block!important;width:auto!important;margin-top:10px!important}
}