:root{color-scheme:light;--ink:#08111c;--panel:#102333;--cyan:#2bc4f3;--teal:#29c4b3;--canvas:#eef5fa;--muted:#526b7b;--line:#d8e5ed;--accent:#075874;--danger:#9c2d38}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.035em;margin-bottom:12px}
h2{font-size:21px;letter-spacing:-.02em;margin-bottom:16px}
h3{font-size:17px;margin-bottom:8px}
img{max-width:100%}
.ww-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:24px 32px}
.ww-logo{width:226px;height:auto;display:block}
.ww-account{display:flex;align-items:center;gap:12px;min-width:0}
.ww-account-copy{text-align:right;font-size:13px;color:var(--muted);max-width:320px}
.ww-account-copy strong{color:var(--ink);display:block}
.ww-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#d8f1f8;color:var(--accent);font-weight:750}
.ww-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;max-width:1440px;padding:12px 32px 48px;margin:auto}
.ww-sidebar{padding-top:8px}
.ww-nav{display:grid;gap:7px}
.ww-nav a{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:12px;font-weight:600;color:var(--muted)}
.ww-nav a[aria-current=page]{background:var(--ink);color:white}
.ww-nav svg,.ww-icon{height:21px;width:21px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ww-sidebar-foot{padding:24px 16px;font-size:12px;color:var(--muted)}
.ww-content{min-width:0}
.ww-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:12px 0 28px}
.ww-heading p{color:var(--muted);margin:0;max-width:640px}
.ww-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:750;color:var(--accent);margin-bottom:10px}
.ww-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ww-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:11px;background:var(--accent);color:white;font-weight:650;text-align:center;text-decoration:none}
.ww-button:hover{text-decoration:none;background:#06465b}
.ww-button.secondary{background:white;color:var(--ink);border-color:#bbd0dd}
.ww-button.secondary:hover{background:#f7fbfd}
.ww-button.subtle{background:transparent;color:var(--accent);border-color:var(--line)}
.ww-button.danger{background:var(--danger)}
.ww-button.small{min-height:40px;padding:9px 13px;font-size:13px}
.ww-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:22px;min-width:0}
.ww-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ww-panel-head h2{margin:0}
.ww-muted{color:var(--muted)}
.ww-small{font-size:13px}
.ww-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}
.ww-stat{padding:22px;background:var(--panel);color:var(--canvas);border-radius:16px;min-width:0}
.ww-stat span{display:block;color:#afc2d0;font-size:13px}
.ww-stat strong{display:block;font-size:clamp(23px,2.5vw,34px);line-height:1.3;letter-spacing:-.025em;margin:9px 0;color:var(--cyan);overflow-wrap:anywhere}
.ww-stat small{color:#afc2d0;font-size:12px}
.ww-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px}
.ww-list{display:grid;gap:12px}
.ww-record{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:13px;min-width:0}
.ww-record:hover{border-color:#9fc4d4}
.ww-record-main{min-width:0}
.ww-record h3{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere}
.ww-record p{font-size:13px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.ww-record-side{flex-shrink:0;text-align:right;font-size:13px}
.ww-record-side strong{display:block}
.ww-record-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.ww-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;padding:4px 9px;border-radius:999px;background:#e3f5fa;color:var(--accent);max-width:100%;overflow-wrap:anywhere}
.ww-badge.teal{background:#e1f8f0;color:#096352}
.ww-badge.amber{background:#fff1d9;color:#724b13}
.ww-badge.neutral{background:#edf2f5;color:#526b7b}
.ww-empty{text-align:center;padding:36px 20px}
.ww-empty h2{font-size:21px}
.ww-empty p{max-width:460px;margin:0 auto 20px;color:var(--muted)}
.ww-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.ww-search{flex:1;min-width:180px}
.ww-filter input,.ww-filter select{min-height:44px;padding:10px 13px;border:1px solid #bbd0dd;background:white;border-radius:10px;width:100%}
.ww-filter label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.ww-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ww-field{min-width:0}
.ww-field.wide{grid-column:1/-1}
.ww-field label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}
.ww-field input,.ww-field select,.ww-field textarea{width:100%;min-height:46px;border:1px solid #abc3d2;border-radius:10px;padding:11px 13px;color:var(--ink);background:white}
.ww-field textarea{min-height:104px;resize:vertical}
.ww-field input[type=checkbox],.ww-field input[type=radio]{min-height:20px;width:20px}
.ww-field small{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.ww-field [aria-invalid=true]{border-color:var(--danger)}
.ww-required{color:var(--danger)}
.ww-form-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}
.ww-notice{background:#e1f8f0;color:#096352;border:1px solid #b7e8d5;border-radius:12px;padding:15px 18px;margin-bottom:20px}
.ww-notice.error{background:#fff0f1;color:#8c2835;border-color:#f1c2c8}
.ww-notice.amber{background:#fff4e2;border-color:#f0d8b0;color:#724b13}
.ww-notice ul{margin:8px 0 0;padding-left:20px}
.ww-mobile-nav{display:none}
.ww-stage-nav{display:flex;gap:9px;overflow:auto;padding:3px 2px 14px;margin-bottom:18px;scrollbar-width:thin}
.ww-stage-nav a{white-space:nowrap;padding:9px 14px;border:1px solid #bbd0dd;border-radius:999px;background:white;font-size:13px}
.ww-stage-nav a[aria-current=page]{background:var(--ink);color:white;border-color:var(--ink)}
.ww-stage-count{margin-left:8px;opacity:.7}
.ww-stage-block{margin-bottom:24px}
.ww-stage-block>h2{display:flex;align-items:center;gap:10px}
.ww-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ww-detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:22px}
.ww-data{display:grid;gap:16px;margin:0}
.ww-data>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:16px}
.ww-data dt{color:var(--muted);font-size:13px}
.ww-data dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.ww-timeline{display:grid;gap:16px}
.ww-timeline-item{border-left:2px solid #c6dfe9;padding-left:17px}
.ww-timeline-item p{white-space:pre-wrap;overflow-wrap:anywhere}
.ww-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.ww-quick-actions .ww-button{padding-left:9px;padding-right:9px}
.ww-day{margin:22px 0 12px;font-size:15px}
.ww-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;font-size:13px}
.ww-pagination a{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #bbd0dd;border-radius:9px;background:white}
.ww-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-bottom:14px}
.ww-divider{border:0;border-top:1px solid var(--line);margin:22px 0}
.ww-radio-row{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.ww-radio-row label{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px}
.ww-radio-row input{width:19px;height:19px}
.ww-footer{font-size:12px;color:var(--muted);margin-top:24px}
.ww-account details{position:relative}
.ww-account summary{list-style:none;cursor:pointer}
.ww-account summary::-webkit-details-marker{display:none}
.ww-account-menu{position:absolute;right:0;top:54px;z-index:50;background:white;min-width:210px;border:1px solid var(--line);border-radius:13px;padding:10px;box-shadow:0 12px 40px #08111c15}
.ww-account-menu a,.ww-account-menu button{display:block;width:100%;background:none;border:0;text-align:left;padding:12px;color:var(--ink);border-radius:7px}
.ww-account-menu a:hover,.ww-account-menu button:hover{background:var(--canvas)}
.ww-offline{display:none}
.ww-offline[open]{display:block}
.ww-login{max-width:430px;margin:8vh auto;padding:24px}
.ww-login .ww-logo{width:260px;margin:0 auto 34px}
.ww-login .ww-panel{padding:30px}
.ww-login .ww-field{margin-bottom:20px}
.ww-login .ww-button{width:100%}
.ww-login h1{font-size:30px}
.ww-login .ww-footer{text-align:center}
.ww-pill-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;padding:7px;border-radius:10px;background:var(--canvas);font-size:12px;color:var(--muted)}
.ww-pill-date strong{font-size:20px;color:var(--ink)}
[hidden]{display:none!important}
@media(max-width:1100px){.ww-shell{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:8px 24px 40px}
.ww-header{padding:20px 24px}
.ww-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.ww-columns,.ww-detail{grid-template-columns:1fr}
.ww-grid{grid-template-columns:1fr}
.ww-nav a{padding:12px}
.ww-panel{padding:23px}
}
@media(max-width:720px){body{font-size:14px}
.ww-header{padding:16px 18px;gap:16px}
.ww-logo{width:178px}
.ww-account-copy{display:none}
.ww-avatar{width:40px;height:40px}
.ww-shell{display:block;padding:8px 16px calc(100px + env(safe-area-inset-bottom))}
.ww-sidebar{display:none}
.ww-heading{margin:12px 0 22px;gap:14px;flex-wrap:wrap}
.ww-heading h1{font-size:30px}
.ww-heading .ww-actions{width:100%}
.ww-heading .ww-actions>.ww-button{flex:1}
.ww-eyebrow{font-size:11px;margin-bottom:8px}
.ww-stats{gap:10px;margin-bottom:20px}
.ww-stat{padding:18px 16px}
.ww-stat strong{font-size:26px}
.ww-stat span{font-size:12px}
.ww-columns,.ww-detail{gap:0}
.ww-panel{border-radius:15px;padding:20px 17px;margin-bottom:17px}
.ww-panel-head{margin-bottom:16px}
.ww-panel-head h2{font-size:19px}
.ww-panel-head a{font-size:12px}
.ww-record{padding:15px 13px;gap:12px}
.ww-record h3{font-size:15px}
.ww-record-side{font-size:12px;max-width:110px}
.ww-form-grid{grid-template-columns:1fr;gap:18px}
.ww-form-foot{position:sticky;bottom:76px;padding:14px 0 6px;background:var(--canvas);margin-top:14px}
.ww-form-foot .ww-button{flex:1}
.ww-form-foot.in-panel{position:static;background:transparent}
.ww-field input,.ww-field select,.ww-field textarea{font-size:16px;min-height:48px}
.ww-data>div{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:12px}
.ww-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:70;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px #08111c06}
.ww-mobile-nav a{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:4px;flex-direction:column;color:var(--muted);font-size:11px;min-height:46px;border-radius:10px;padding:5px 2px}
.ww-mobile-nav a[aria-current=page]{color:var(--accent);background:#e3f5fa;font-weight:700}
.ww-mobile-nav svg{width:21px;height:21px}
.ww-filter{gap:10px}
.ww-search{flex-basis:100%}
.ww-filter>.ww-button{flex:1}
.ww-stage-nav{margin-left:-1px;margin-right:-1px}
.ww-stage-nav a{padding:10px 13px}
.ww-day{margin-top:16px}
.ww-login{margin:4vh auto;padding:20px}
.ww-login .ww-panel{padding:25px 22px}
.ww-login .ww-logo{width:244px}
.ww-account-menu{top:48px}
.ww-footer{margin-top:20px}
.ww-grid{gap:10px}
}
@media(prefers-reduced-motion:no-preference){.ww-button,.ww-record{transition:background .15s,border-color .15s}
}


.ww-skip{position:absolute;left:16px;top:-100px;z-index:100;background:white;padding:12px}
.ww-skip:focus{top:8px}
.ww-logo{height:auto}
.ww-content h1{overflow-wrap:anywhere}
.ww-stage-block{scroll-margin-top:20px}


.ww-history>summary{cursor:pointer;font-size:18px;font-weight:650;min-height:44px}.ww-history[open]>.ww-timeline{margin-top:20px}@media(max-width:720px){.ww-detail>div:last-child{order:-1}}
