@font-face{font-family:Nunito;src:url("Nunito.ttf") format("truetype");font-weight:200 1000;font-display:swap}
@font-face{font-family:"Noto Sans";src:url("NotoSans.ttf") format("truetype");font-weight:100 900;font-display:swap}
/* Shared WebOps visual theme: readable glass with an opaque fallback. */
:root{--ink:#132d38;--muted:#4e6571;--teal:#006e7a;--line:rgba(255,255,255,.76);--paper:#eaf1f5;--glass:rgba(255,255,255,.66);--shadow:0 16px 48px rgba(24,58,80,.08)}
body{color:var(--ink);font-family:"Noto Sans","Segoe UI",system-ui,sans-serif;background:radial-gradient(ellipse at 8% 8%,#bcece6 0,transparent 45%),radial-gradient(ellipse at 94% 20%,#d5d5f6 0,transparent 43%),radial-gradient(ellipse at 65% 94%,#f7dfd1 0,transparent 48%),#eaf1f5;background-attachment:fixed}
h1,h2,h3,.brand,.art-title{font-family:Nunito,"Segoe UI",sans-serif;font-weight:650;letter-spacing:-.04em}h1{font-weight:600}.eyebrow,.school,.mini-label{letter-spacing:.16em}.subtitle,p,.muted,small{color:var(--muted)}
.topbar,.project-card,.panel,.art,.column,.task-card,.user-is-guest .panel-shaded{background:#f6fafb;border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow),inset 0 1px 0 #fff;border-radius:20px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,.project-card,.panel,.art,.column,.task-card,.user-is-guest .panel-shaded{background:var(--glass);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}}
.topbar{margin:16px 2vw 0;padding:15px 24px;min-height:78px;gap:24px}.topbar nav a{font-weight:600}.topbar nav a.active{box-shadow:none;background:rgba(0,110,122,.09);padding:10px 15px;border-radius:12px}.brand strong{font-weight:650}.brand span{border-color:rgba(39,80,94,.13)}
.workspace{padding-top:26px}.project-card{padding:28px;transition:transform .18s,box-shadow .18s}.project-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #24405c18;border-color:#fff}.project-card h2{font-size:26px;font-weight:650}.project-description{line-height:1.7}
.column{background:rgba(229,239,244,.65);border-radius:18px;padding:14px;box-shadow:inset 0 1px 0 #ffffffb3}.column>h2{letter-spacing:0;font-weight:650;font-size:13px;padding:3px 3px 5px}.task-card{border-radius:13px;padding:18px;box-shadow:0 5px 16px #21415a08}.task-card h3{font-weight:600;letter-spacing:-.02em}.task-card p{line-height:1.65}.count{background:#ffffffa8;color:#49636f}.stage-dot{box-shadow:0 0 0 4px #ffffff70;margin-right:4px}.below-board{gap:20px}
.button{border-radius:12px;border-color:#ffffffb3;background:#ffffffa6;font-weight:600;box-shadow:0 3px 10px #20445306}.button.primary,.user-is-guest .btn-primary{background:linear-gradient(135deg,#007d87,#075a70);border:1px solid #ffffff38;color:#fff;box-shadow:0 5px 16px #006e7a25}.button.primary:hover{background:#075a70}.button:hover{background:#fff}.panel{padding:27px}input,textarea,select{background:#ffffffbf;border:1px solid #bccdd5;border-radius:10px}label{font-weight:600}.badge{border-radius:6px}.toolbar,.footer,.archive-form,.linked-ticket{border-color:#47657722}.footer{background:transparent}.notice{border-radius:12px}.check{background:#ffffff70}.empty{background:#ffffff78;border-color:#acbec8}.tabs a{font-weight:600}
.user-is-guest .panel-shaded{padding:12px}.webops-welcome h1{font-weight:600;letter-spacing:-1px}.webops-welcome p{font-size:14px}
body>header:not(.topbar){padding:22px 26px;margin-top:22px;border:1px solid #ffffffc9;border-radius:20px;background:#ffffff75;backdrop-filter:blur(22px);box-shadow:0 8px 35px #24405c08}.art{transform:none;padding:32px;border-radius:26px}.art .card{background:#ffffff94;border:1px solid #fff;box-shadow:0 7px 20px #21415a08;border-radius:15px}.art .card b{color:var(--ink);font-weight:600}.art .line{background:#c5d8dc80}.status{background:#ffffff85;border:1px solid #fff;box-shadow:0 5px 20px #24405c08}.accent{background:linear-gradient(90deg,#007d87,#e6926b);width:70px;height:4px}.art-title{font-weight:600}.card-bottom .pill{background:#d6ebe7;color:#285f57}.card-bottom .pill.orange{background:#fae7dc;color:#90451e}
@media(max-width:700px){.topbar{margin:10px 10px 0;padding:14px;gap:12px}.topbar nav{gap:10px}.topbar nav a.active{padding:8px}.workspace{padding:24px 16px}.panel{padding:20px}body>header:not(.topbar){padding:18px;margin-top:14px}.art{padding:24px}}
@media(prefers-reduced-transparency:reduce){.topbar,.project-card,.panel,.art,.column,.task-card,body>header:not(.topbar){background:#f6fafb;backdrop-filter:none;-webkit-backdrop-filter:none}}