:root{--brand-primary:#5bbf9b;--brand-primary-dark:#28634e;--brand-surface:#e4f5ec;--brand-accent:#c66f00;--brand-ink:#10221c;--brand-line:#b9d0c5;--brand-white:#fff;--brand-danger:#9c1c14;--brand-radius:2px;--motion-fast:120ms;--motion-normal:200ms;--motion-calm:360ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}body{margin:0}.brand-guide{background:#fff;color:var(--brand-ink);font:16px/1.6 Manrope,Arial,sans-serif}.brand-container{margin:auto;max-width:1200px;padding:0 24px}.brand-section{animation:enter var(--motion-calm) var(--motion-ease) both;padding:72px 0}.brand-section--surface{background:var(--brand-surface)}.brand-hero{background:var(--brand-ink);color:#fff;padding:72px 0}.brand-row{display:grid;gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}.brand-col-6{grid-column:span 6}.brand-col-4{grid-column:span 4}.brand-card,.brand-callout{background:#fff;border:1px solid var(--brand-line);border-radius:var(--brand-radius);padding:24px}.brand-card{transition:transform var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}.brand-card:hover{box-shadow:0 10px 22px #10221c1f;transform:translateY(-3px)}.brand-card--dark{background:var(--brand-primary-dark);color:#fff}.brand-guide h1,.brand-guide h2,.brand-guide h3,.brand-guide h4{line-height:1.15}.brand-guide h1{font-size:clamp(2.4rem,5vw,4rem)}.brand-guide h2{font-size:clamp(1.7rem,3vw,2.4rem)}.brand-button-row,.brand-pagination{display:flex;flex-wrap:wrap;gap:8px}.brand-btn,.brand-page{background:#fff;border:1px solid var(--brand-line);border-radius:2px;color:var(--brand-ink);font:inherit;font-weight:700;padding:10px 14px;transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-normal) var(--motion-ease)}.brand-btn:hover:not(:disabled),.brand-page:hover{transform:translateY(-2px)}.brand-btn:active:not(:disabled){transform:none}.brand-btn--primary,.brand-page[aria-current]{background:var(--brand-primary-dark);border-color:var(--brand-primary-dark);color:#fff}.brand-btn--secondary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-ink)}.brand-btn--outline{background:transparent;border-color:var(--brand-primary-dark);color:var(--brand-primary-dark)}.brand-btn:disabled{opacity:.5}.brand-btn:focus-visible,.brand-input:focus-visible,.brand-page:focus-visible,.brand-sort:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px}.brand-badge{background:#d8f1e4;color:#164b39;display:inline-block;font-size:.78rem;font-weight:800;padding:3px 8px;transition:transform var(--motion-fast) var(--motion-ease)}.brand-badge:hover{transform:translateY(-1px)}.brand-badge--warning{background:#ffe2ad;color:#6f3900}.brand-badge--error{background:#ffe0dc;color:#811b14}.brand-breadcrumb{display:flex;gap:8px;list-style:none;padding:0}.brand-breadcrumb li+li:before{content:'/';margin-right:8px}.brand-alert{border:1px solid;border-left-width:4px;margin:8px 0;padding:12px 16px;animation:pop var(--motion-normal) var(--motion-ease)}.brand-alert--info{background:#e4f5ec;border-color:#28634e}.brand-alert--success{background:#e5f5ec;border-color:#165c40}.brand-alert--warning{background:#fff3d9;border-color:#c66f00}.brand-alert--error{background:#ffe9e6;border-color:#9c1c14}.brand-label{display:block;font-weight:800;margin-top:12px}.brand-input{border:1px solid var(--brand-line);border-radius:2px;font:inherit;padding:10px;width:100%;transition:border-color var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}.brand-input:focus{border-color:var(--brand-primary-dark);box-shadow:0 0 0 3px #5bbf9a59;outline:0}.is-valid{border-color:#165c40}.is-invalid{border-color:#9c1c14}.brand-feedback{font-size:.85rem}.valid{color:#165c40}.invalid{color:#9c1c14}.brand-modal{background:#10221c2e;display:flex;justify-content:center;padding:24px}.brand-modal-dialog{animation:pop var(--motion-normal) var(--motion-ease);background:#fff;border:1px solid var(--brand-line);max-width:540px;width:100%}.brand-modal-header,.brand-modal-body,.brand-modal-footer{padding:16px}.brand-modal-header{border-bottom:1px solid var(--brand-line)}.brand-modal-footer{border-top:1px solid var(--brand-line);display:flex;gap:8px;justify-content:flex-end}.brand-loader{align-items:center;display:flex;gap:8px}.brand-spinner{animation:spin .8s linear infinite;border:3px solid var(--brand-line);border-radius:50%;border-top-color:var(--brand-primary-dark);height:28px;width:28px}.brand-skeleton{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#dcebe3 25%,#f5faf7 50%,#dcebe3 75%);background-size:200% 100%;height:18px;margin-top:12px}.brand-table-wrap{border:1px solid var(--brand-line);overflow-x:auto}.brand-table{border-collapse:collapse;min-width:620px;width:100%}.brand-table th{background:var(--brand-ink);color:#fff;text-align:left}.brand-table td,.brand-table th{border-bottom:1px solid var(--brand-line);padding:12px}.brand-table tbody tr{transition:background var(--motion-fast),transform var(--motion-fast)}.brand-table tbody tr:hover{background:#f4faf6;transform:translateX(2px)}.brand-sort{background:none;border:0;color:inherit;font:inherit;font-weight:800}.brand-sort-indicator{display:inline-block;transition:transform var(--motion-fast)}.brand-sort:hover .brand-sort-indicator{transform:translateY(-2px)}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:767px){.brand-container{padding:0 18px}.brand-section,.brand-hero{padding:48px 0}.brand-col-6,.brand-col-4{grid-column:span 12}}@media(prefers-reduced-motion:reduce){.brand-guide *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}