.ui-shell{width:min(var(--ui-container),calc(100% - 48px));margin-inline:auto}
.ui-eyebrow{display:block;color:var(--ui-green);font-size:var(--ui-caption-size);font-weight:700;line-height:var(--ui-caption-leading);letter-spacing:.14em;text-transform:uppercase}
.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-3);margin-bottom:var(--ui-space-4)}
.ui-page-header h1{margin:6px 0 0;font:700 var(--ui-h1-size)/var(--ui-h1-leading) var(--ui-font);letter-spacing:-.035em}
.ui-page-header p{max-width:660px;margin:8px 0 0;color:var(--ui-muted)}
.ui-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:var(--ui-radius-control);font:700 14px/1 var(--ui-font);text-decoration:none;cursor:pointer;transition:transform var(--ui-motion-fast) var(--ui-ease),background var(--ui-motion-fast),border-color var(--ui-motion-fast)}
.ui-btn:hover{transform:translateY(-1px)}
.ui-btn-primary{background:var(--ui-lime);color:var(--ui-ink)}
.ui-btn-primary:hover{background:#b7f260}
.ui-btn-secondary{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06);color:#fff}
.ui-btn-quiet{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-green)}
.ui-btn:focus-visible,.ui-link:focus-visible,.ui-icon-button:focus-visible,.ui-field:focus-within{outline:3px solid rgba(169,233,79,.72);outline-offset:3px}
.ui-icon-button{width:44px;height:44px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-ink);cursor:pointer}
.ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ui-card{border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:var(--ui-shadow-card)}
.ui-badge{min-height:24px;display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--ui-radius-pill);background:var(--ui-surface-soft);color:var(--ui-green);font-size:12px;font-weight:700}
.ui-badge-success{background:#e5f5ed;color:var(--ui-success)}
.ui-badge-draft{background:#f7f0dc;color:var(--ui-warning)}
.ui-field{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface)}
.ui-field input,.ui-field select,.ui-field textarea{width:100%;border:0;outline:0;background:transparent;color:var(--ui-ink);font:500 14px/22px var(--ui-font)}
.ui-state{min-height:180px;display:grid;place-items:center;padding:32px;border:1px dashed #cbd4c8;border-radius:var(--ui-radius-card);background:var(--ui-surface-soft);text-align:center}
.ui-state h3{margin:0;font:700 var(--ui-h3-size)/var(--ui-h3-leading) var(--ui-font)}
.ui-state p{max-width:440px;margin:8px auto 0;color:var(--ui-muted)}
.ui-skeleton{overflow:hidden;position:relative;border-radius:8px;background:#e9eee6;color:transparent}
.ui-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:ui-skeleton 1.25s infinite}
@keyframes ui-skeleton{to{transform:translateX(100%)}}
.ui-tooltip{position:relative}
.ui-tooltip:hover:after,.ui-tooltip:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:var(--ui-z-popover);left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:240px;padding:7px 10px;border-radius:8px;background:var(--ui-ink);color:#fff;font-size:12px;line-height:18px;box-shadow:var(--ui-shadow-float)}
.ui-modal[hidden],.ui-drawer[hidden],.ui-popover[hidden]{display:none!important}
.ui-modal{position:fixed;z-index:var(--ui-z-modal);inset:0;display:grid;place-items:center;padding:24px;background:rgba(7,31,26,.54)}
.ui-modal-panel{width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:32px;border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:var(--ui-shadow-float)}
.ui-popover{position:absolute;z-index:var(--ui-z-popover);top:calc(100% + 10px);right:0;width:260px;padding:10px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:var(--ui-shadow-float)}
.ui-popover a,.ui-popover button{min-height:42px;width:100%;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--ui-ink);font:600 14px/20px var(--ui-font);text-align:left;text-decoration:none;cursor:pointer}
.ui-popover a:hover,.ui-popover button:hover{background:var(--ui-surface-soft)}
.ui-popover hr{border:0;border-top:1px solid var(--ui-line);margin:8px 0}
.ui-popover-user{padding:10px 12px 12px}.ui-popover-user b,.ui-popover-user small{display:block}.ui-popover-user small{margin-top:2px;color:var(--ui-muted)}
.ui-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--ui-muted);font-size:12px}.ui-breadcrumb a{color:var(--ui-green);text-decoration:none}
.ui-icon-placeholder{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--ui-green);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-align:center}
.ui-icon-placeholder[data-replace-icon]:after{content:attr(data-replace-icon)}
@media(max-width:767px){.ui-shell{width:calc(100% - 32px)}.ui-page-header{align-items:flex-start;flex-direction:column}.ui-btn{width:100%}}
@media(max-width:420px){.ui-shell{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.ui-btn{transition:none}.ui-skeleton:after{animation:none;display:none}}