:root{--op-color-primary:#1d4f91;--op-color-on-primary:#fff;--op-color-accent:#0e8a78;--op-color-text:#1c2430;--op-color-muted:#5b6675;--op-color-background:#f4f6f9;--op-color-surface:#fff;--op-color-border:#dde3ea;--op-font-body:"Inter",sans-serif;--op-radius:10px;--op-max-width:1200px;--op-space-1:4px;--op-space-2:8px;--op-space-3:16px;--op-space-4:24px;--op-space-5:40px;--op-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08)}*,:after,:before{box-sizing:border-box}body{background:var(--op-color-background);color:var(--op-color-text);font-family:var(--op-font-body);font-size:16px;line-height:1.5;margin:0}h1,h2,h3{line-height:1.2;margin:0 0 var(--op-space-3)}h1{font-size:2rem;font-weight:700}h2{font-size:1.375rem;font-weight:650}h3{font-size:1.0625rem;font-weight:600}p{margin:0 0 var(--op-space-3)}a{color:var(--op-color-primary)}.op-container{margin:0 auto;max-width:var(--op-max-width);padding:0 var(--op-space-4)}.op-card{background:var(--op-color-surface);border:1px solid var(--op-color-border);box-shadow:var(--op-shadow);padding:var(--op-space-4)}.op-button,.op-card{border-radius:var(--op-radius)}.op-button{background:var(--op-color-primary);border:1px solid var(--op-color-primary);color:var(--op-color-on-primary);display:inline-block;font-weight:600;padding:10px 18px;text-decoration:none}.op-button:hover{filter:brightness(1.08)}.op-button--ghost{background:transparent;color:var(--op-color-primary)}.op-header{background:var(--op-color-surface);border-bottom:1px solid var(--op-color-border)}.op-header__inner{align-items:center;display:flex;gap:var(--op-space-4);min-height:64px}.op-header__brand{color:var(--op-color-primary);font-size:1.125rem;font-weight:700;text-decoration:none;white-space:nowrap}.op-nav ul{display:flex;flex-wrap:wrap;gap:var(--op-space-1);list-style:none;margin:0;padding:0}.op-nav a{border-radius:var(--op-radius);color:var(--op-color-text);display:block;padding:var(--op-space-2) 12px;text-decoration:none}.op-nav a:hover{background:var(--op-color-background)}.op-nav a[aria-current=page]{color:var(--op-color-primary);font-weight:600}.op-header__user{align-items:center;display:flex;gap:12px;margin-left:auto;white-space:nowrap}.op-footer{border-top:1px solid var(--op-color-border);color:var(--op-color-muted);font-size:.875rem;margin-top:var(--op-space-5);padding:var(--op-space-4) 0}.op-footer__inner{display:flex;flex-wrap:wrap;gap:var(--op-space-3);justify-content:space-between}.op-footer a{color:inherit;margin-left:var(--op-space-3)}.op-page{padding-top:var(--op-space-4)}.dnd-section{padding:var(--op-space-3) 0}.row-fluid{display:flex;flex-direction:column;gap:var(--op-space-4)}.row-fluid>[class*=span]{min-width:0}@media (min-width:768px){.row-fluid{flex-direction:row}.row-fluid>.span1{flex:1 1 0}.row-fluid>.span2{flex:2 1 0}.row-fluid>.span3{flex:3 1 0}.row-fluid>.span4{flex:4 1 0}.row-fluid>.span5{flex:5 1 0}.row-fluid>.span6{flex:6 1 0}.row-fluid>.span7{flex:7 1 0}.row-fluid>.span8{flex:8 1 0}.row-fluid>.span9{flex:9 1 0}.row-fluid>.span10{flex:10 1 0}.row-fluid>.span11{flex:11 1 0}.row-fluid>.span12{flex:12 1 0}}@media (max-width:767px){.op-header__inner{flex-wrap:wrap;padding-bottom:var(--op-space-2);padding-top:var(--op-space-2)}.op-header__user{margin-left:0}}