@import './tokens.css';
@font-face{font-family:Fredoka;src:url('/fonts/fredoka-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
.mk{font-family:var(--font-body);font-size:14px;line-height:1.57;color:var(--foreground);background:var(--background);min-height:100vh;padding:32px;--shadow-low:0 2px 8px rgb(11 13 22 / 7%);--shadow-overlay:0 12px 32px rgb(11 13 22 / 14%);color-scheme:light}
.mk-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mk[data-theme=dark]{color-scheme:dark}.mk *{box-sizing:border-box}.mk h1,.mk h2,.mk h3{font-family:var(--font-heading);font-weight:600;letter-spacing:-.025em;margin:0}.mk h1{font-size:clamp(32px,5vw,40px);line-height:1.2}.mk h2{font-size:28px;line-height:1.285}.mk h3{font-size:20px;line-height:1.4}.mk p{margin:0 0 16px}.mk a{color:inherit}.mk button,.mk input,.mk select{font:inherit}.mk button{cursor:pointer}.mk :where(button,a,input,select,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}.mk button:disabled,.mk input:disabled,.mk select:disabled{opacity:.5;cursor:not-allowed}.mk svg{flex-shrink:0}.mk-subtle{color:var(--secondary)}.mk-eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.mk-stack{display:flex;flex-direction:column;gap:20px}.mk-row,.mk-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.mk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.mk-container{max-width:1200px;margin:auto}.mk-section{padding:28px 0;border-top:1px solid var(--line)}.mk-section>h2{margin-bottom:20px}.mk-section>p{max-width:760px}.mk-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:26px;line-height:1}.mk-mark{display:block;width:40px;height:40px;background:currentColor;mask:url('/brand/isotipo.svg') center/contain no-repeat}.mk-brand-sub{display:block;font:600 9px/2 var(--font-body);letter-spacing:.2em;margin-top:4px}
.mk-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:13px!important;font-weight:600!important;min-height:40px;padding:10px 18px;transition:transform var(--duration-normal) var(--ease),background var(--duration-normal) var(--ease);white-space:normal}.mk-button-sm{min-height:36px;padding:8px 16px}.mk-button-lg{min-height:44px;padding:12px 20px;gap:8px}.mk-button svg{width:18px;height:18px}.mk-button-lg svg{width:20px;height:20px}.mk-button-primary{background:var(--action-primary);color:var(--action-primary-text)}.mk-button-secondary{background:var(--action-secondary);color:var(--action-secondary-text)}.mk-button-ghost{background:transparent;border-color:var(--line);color:var(--foreground)}.mk-button-primary:hover:not(:disabled){background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-3px)}.mk-button-secondary:hover:not(:disabled){background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px var(--paper);transform:translateY(-3px)}.mk-button-ghost:hover:not(:disabled){background:var(--surface);transform:translateY(-2px)}.mk-button:active:not(:disabled){transform:translateY(1px)}.mk-spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mk-spin .8s linear infinite}@keyframes mk-spin{to{transform:rotate(360deg)}}
.mk-field{display:flex;flex-direction:column;gap:8px;min-width:0}.mk-field label,.mk-toggle-field label{font-size:13px;font-weight:600}.mk-field input,.mk-field select{width:100%;min-height:44px;border:1px solid var(--secondary);border-radius:var(--radius-sm);background:var(--surface);color:var(--foreground);padding:10px 14px}.mk-field input::placeholder{color:var(--secondary);opacity:1}.mk-field input[aria-invalid=true],.mk-field select[aria-invalid=true]{border:2px solid var(--foreground)}.mk-help{display:flex;align-items:start;gap:8px;font-size:12px;color:var(--secondary)}.mk-help svg{width:16px;height:20px}.mk-field input:read-only{background:var(--background)}
.mk-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);color:var(--foreground);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;overflow-wrap:anywhere}.mk-card p{margin:0}.mk-card-body{flex:1}.mk-card footer{border-top:1px solid var(--line);padding-top:16px}.mk-card-brand{background:var(--violet);color:var(--ink)}.mk-card-brand .mk-card-body{background:var(--ink);color:var(--paper);border-radius:var(--radius-sm);padding:16px}.mk-card-brand h3{font-size:32px}.mk-card-accent{background:var(--lime);color:var(--ink)}
.mk-badge{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap}.mk-badge svg{width:14px;height:14px}.mk-badge-success{background:var(--lime);color:var(--ink);border-color:transparent}.mk-badge-info{color:var(--info-text)}.mk-badge-warning{border-style:dashed;border-color:var(--secondary)}.mk-alert{display:flex;gap:10px;align-items:start;border:1px solid var(--secondary);background:var(--surface);border-radius:var(--radius-sm);padding:12px}.mk-alert>svg{color:var(--info-text)}.mk-alert-success>svg{color:var(--accent-text)}.mk-alert-error{border:2px solid var(--foreground)}.mk-alert-error>svg,.mk-alert-warning>svg{color:var(--foreground)}.mk-alert-warning{border-style:dashed}.mk-alert strong{font-size:14px}.mk-alert div>div{font-size:14px;color:var(--secondary)}
.mk-modal{color:var(--foreground);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:var(--shadow-overlay)}.mk-modal::backdrop{background:rgb(11 13 22 / 64%)}.mk-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.mk-modal-heading h2{font-size:24px}.mk-modal-body{padding:24px 0}.mk-icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:var(--foreground);background:transparent;flex-shrink:0}
.mk-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.mk-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.mk-table caption{text-align:left;padding:12px;font-weight:600}.mk-table th{font-size:11px;color:var(--secondary);font-weight:600}.mk-table th,.mk-table td{padding:10px 12px;border-top:1px solid var(--line)}.mk-table td{vertical-align:middle}.mk-table tbody tr:hover{background:var(--background)}.mk-navigation{display:flex;flex-wrap:wrap;gap:8px}.mk-navigation a{display:flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:var(--radius-pill);text-decoration:none;font-size:13px;font-weight:600}.mk-navigation a[aria-current=page]{background:var(--lime);color:var(--ink)}.mk-navigation a:hover{box-shadow:inset 0 0 0 1px var(--secondary)}
.mk-empty{text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;gap:10px}.mk-empty p{color:var(--secondary);max-width:420px;margin:0}.mk-empty-symbol{display:grid;place-items:center;width:64px;height:64px;background:var(--lime);color:var(--ink);border-radius:24px}.mk-toggle-field{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.mk-toggle-field p{font-size:14px;color:var(--secondary);margin:4px 0 0}.mk-toggle{width:56px;height:44px;border:1px solid var(--secondary);border-radius:999px;background:var(--surface);padding:8px;flex-shrink:0}.mk-toggle span{display:block;width:24px;height:24px;border-radius:50%;background:var(--foreground);transition:transform var(--duration-fast) var(--ease)}.mk-toggle[aria-checked=true]{background:var(--lime);border-color:var(--ink)}.mk-toggle[aria-checked=true] span{background:var(--ink);transform:translateX(14px)}
.mk-doc-hero{background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);padding:40px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.mk-doc-hero h1{max-width:720px;font-family:var(--font-display);font-size:clamp(40px,6vw,64px);line-height:1.1}.mk-doc-hero>p{max-width:660px;color:#c1c6d2}.mk-doc-hero .mk-eyebrow{color:var(--lime)}.mk-doc-hero a{color:var(--cyan)}.mk-swatch{min-height:100px;border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.mk-specimen{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.mk-specimen code{font-size:12px;color:var(--secondary)}.mk-specimen h3{margin-bottom:12px}.mk-demo-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--line)}.mk-auth{max-width:480px;margin:32px auto}.mk-metric{font-family:var(--font-display);font-size:48px}.mk-tabs-note{font-size:12px;color:var(--secondary)}.mk-filter{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.mk-filter>.mk-field:first-child{flex:1;min-width:180px}.mk-contract{white-space:pre-wrap;word-break:break-word;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;font:13px/1.7 monospace}
@media(max-width:600px){.mk{padding:20px}.mk-doc-hero{padding:28px;border-radius:24px}.mk-modal{padding:24px}.mk-table th,.mk-table td{padding:12px}.mk-demo-header{align-items:start}.mk-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.mk *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mk-button:hover{transform:none!important}}

.biyu-demo h1{font-size:clamp(40px,5vw,64px)}.biyu-balance{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:32px;background:var(--violet);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay)}.biyu-balance strong{display:block;font:600 clamp(40px,7vw,72px)/1 var(--font-display);letter-spacing:-.04em;margin:12px 0}.biyu-balance p{color:#a9cec6}.biyu-balance .mk-button-secondary{background:#fff;color:#123d36}.biyu-progress{height:10px;background:#dae5dd;border-radius:999px;overflow:hidden;margin-top:20px}.biyu-progress span{display:block;width:72%;height:100%;background:#123d36;border-radius:inherit}.biyu-income{font-weight:700;color:#2a4d47}
@media(max-width:700px){.biyu-balance{align-items:start;flex-direction:column}.biyu-balance .mk-actions{width:100%}.biyu-balance .mk-button{flex:1}}

.tuscan-demo h1{max-width:720px}.tuscan-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:32px;background:var(--violet);color:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-low)}.tuscan-hero h2{max-width:620px;margin:4px 0 8px}.tuscan-hero p{color:var(--cyan)}.tuscan-score{min-width:180px;padding:24px;background:var(--lime);color:var(--ink);border-radius:var(--radius-md);text-align:center}.tuscan-score span{display:block;font:600 48px/1 var(--font-heading);letter-spacing:-.04em}.tuscan-score p{color:var(--ink);margin:8px 0 0}.tuscan-section-heading{justify-content:space-between}.tuscan-demo .mk-card{box-shadow:var(--shadow-low)}.tuscan-toolbar{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);align-items:end;gap:20px}.tuscan-toolbar .mk-tabs{justify-content:flex-end}.tuscan-demo>.mk-toast{position:fixed;right:24px;top:24px;z-index:60}
@media(max-width:700px){.tuscan-hero{grid-template-columns:1fr;padding:24px}.tuscan-score{min-width:0}.tuscan-demo .mk-demo-header{align-items:flex-start}.tuscan-toolbar{grid-template-columns:1fr}.tuscan-toolbar .mk-tabs{justify-content:flex-start}.tuscan-demo>.mk-toast{left:20px;right:20px;top:20px}}

/* Extended component library — synced from Figma */
.mk-choice{display:flex;align-items:flex-start;gap:10px;cursor:pointer;width:max-content;max-width:100%}.mk-choice input{position:absolute;opacity:0;pointer-events:none}.mk-choice-control{width:20px;height:20px;border:1px solid var(--secondary);border-radius:6px;background:var(--surface);display:grid;place-items:center;flex:0 0 auto}.mk-choice-control svg{width:14px;height:14px;opacity:0}.mk-choice input:checked+.mk-choice-control{background:var(--action-primary);color:var(--action-primary-text);border-color:transparent}.mk-choice input:checked+.mk-choice-control svg{opacity:1}.mk-choice input:focus-visible+.mk-choice-control{outline:2px solid var(--focus);outline-offset:3px}.mk-choice input:disabled~*{opacity:.5;cursor:not-allowed}.mk-choice strong{display:block;font-size:13px;font-weight:600}.mk-choice small{display:block;color:var(--secondary);font-size:12px;margin-top:2px}.mk-radio .mk-choice-control{border-radius:50%}.mk-radio input:checked+.mk-choice-control{background:var(--surface);border:6px solid var(--action-secondary)}
.mk-field textarea{width:100%;min-height:112px;resize:vertical;border:1px solid var(--secondary);border-radius:var(--radius-sm);background:var(--surface);color:var(--foreground);padding:12px 14px;font:inherit}.mk-field textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.mk-field textarea[aria-invalid=true]{border:2px solid var(--foreground)}.mk-field-meta{display:flex;justify-content:space-between;gap:12px;color:var(--secondary);font-size:11px}.mk-date-picker label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.mk-input-icon,.mk-combobox{position:relative;display:block}.mk-input-icon input,.mk-combobox input{width:100%;min-height:44px;padding:10px 40px 10px 14px;border:1px solid var(--secondary);border-radius:var(--radius-sm);background:var(--surface);color:var(--foreground);font:inherit}.mk-input-icon>svg,.mk-combobox>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}
.mk-upload{min-height:132px;border:1px dashed var(--secondary);border-radius:var(--radius-md);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:20px;cursor:pointer}.mk-upload:hover{background:var(--background);border-color:var(--focus)}.mk-upload:focus-within{outline:2px solid var(--focus);outline-offset:3px}.mk-upload input{position:absolute;opacity:0}.mk-upload svg{width:20px;height:20px}.mk-upload strong{font-size:13px}.mk-upload span{font-size:12px;color:var(--secondary)}
.mk-tooltip{position:relative;display:inline-flex}.mk-tooltip>[role=tooltip]{position:absolute;z-index:20;width:max-content;max-width:220px;padding:6px 8px;border-radius:6px;background:var(--foreground);color:var(--background);font-size:11px;line-height:1.4;box-shadow:var(--shadow-low);opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}.mk-tooltip:hover>[role=tooltip],.mk-tooltip:focus>[role=tooltip],.mk-tooltip:focus-within>[role=tooltip]{opacity:1}.mk-tooltip-top>[role=tooltip]{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.mk-tooltip-bottom>[role=tooltip]{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.mk-tooltip-left>[role=tooltip]{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.mk-tooltip-right>[role=tooltip]{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}
.mk-popover,.mk-dropdown{position:relative;display:inline-flex}.mk-popover-panel,.mk-dropdown>[role=menu]{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:240px;background:var(--surface);color:var(--foreground);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);padding:12px}.mk-popover-panel>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.mk-popover-panel button,.mk-toast>button,.mk-drawer header button{border:0;background:transparent;color:inherit;padding:4px;display:grid;place-items:center}.mk-popover-panel button svg,.mk-toast>button svg,.mk-drawer header button svg{width:18px;height:18px}.mk-dropdown>[role=menu]{padding:6px;min-width:200px}.mk-dropdown [role=menuitem]{width:100%;border:0;background:transparent;color:inherit;padding:9px 10px;border-radius:6px;display:flex;align-items:center;gap:8px;text-align:left;font:inherit}.mk-dropdown [role=menuitem]:hover{background:var(--background)}.mk-dropdown [role=menuitem] svg{width:18px;height:18px}.mk-dropdown .mk-danger{color:#b42318}
.mk-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow:auto}.mk-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--secondary);padding:10px 12px;font-size:13px;font-weight:600;white-space:nowrap}.mk-tabs button[aria-selected=true]{color:var(--foreground);border-bottom-color:var(--action-secondary)}.mk-breadcrumbs ol{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}.mk-breadcrumbs li{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:13px}.mk-breadcrumbs li:last-child{color:var(--foreground);font-weight:600}.mk-breadcrumbs svg{width:14px;height:14px}.mk-pagination{display:flex;gap:4px}.mk-pagination button{width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--foreground)}.mk-pagination button:hover{background:var(--surface)}.mk-pagination button[aria-current=page]{background:var(--action-primary);color:var(--action-primary-text);font-weight:600}
.mk-avatar{position:relative;display:inline-grid;place-items:center;border-radius:50%;background:var(--action-secondary);color:var(--action-secondary-text);font-weight:600}.mk-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.mk-avatar-sm{width:28px;height:28px;font-size:10px}.mk-avatar-md{width:36px;height:36px;font-size:12px}.mk-avatar-lg{width:48px;height:48px;font-size:14px}.mk-avatar-status{position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%}.mk-avatar-online{background:#12b76a}.mk-avatar-away{background:#f79009}.mk-avatar-offline{background:var(--muted)}
.mk-skeleton{display:flex;flex-direction:column;gap:8px}.mk-skeleton span{display:block;border-radius:6px;background:linear-gradient(90deg,var(--line),var(--surface),var(--line));background-size:200% 100%;animation:mk-shimmer 1.4s infinite}.mk-skeleton-text span{height:14px}.mk-skeleton-text span:last-child{width:72%}.mk-skeleton-card span{height:140px;border-radius:var(--radius-md)}.mk-skeleton-table span{height:220px;border-radius:var(--radius-sm)}@keyframes mk-shimmer{to{background-position:-200% 0}}
.mk-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.mk-progress>[role=progressbar]{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.mk-progress>[role=progressbar]>span{display:block;height:100%;background:var(--action-secondary);border-radius:inherit;transition:width var(--duration-normal)}.mk-progress>[role=progressbar]>span:not([style]){width:40%;animation:mk-progress 1.2s ease-in-out infinite}.mk-progress-success>[role=progressbar]>span{background:#12b76a}.mk-progress-error>[role=progressbar]>span{background:#b42318}@keyframes mk-progress{50%{transform:translateX(150%)}}
.mk-toast{display:flex;align-items:flex-start;gap:10px;max-width:380px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-low)}.mk-toast>svg{width:20px;height:20px}.mk-toast>div{flex:1}.mk-toast strong{font-size:13px}.mk-toast p{font-size:12px;color:var(--secondary);margin:2px 0 0}.mk-toast-success>svg{color:#12b76a}.mk-toast-warning>svg{color:#f79009}.mk-toast-error>svg{color:#b42318}
.mk-drawer-backdrop{position:fixed;inset:0;z-index:50;background:rgb(11 13 22 / 54%);display:flex}.mk-drawer{width:min(420px,92vw);height:100%;background:var(--surface);color:var(--foreground);padding:24px;box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;gap:20px}.mk-drawer-right{margin-left:auto}.mk-drawer-left{margin-right:auto}.mk-drawer header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mk-drawer header h2{font-size:20px}.mk-drawer-body{flex:1;overflow:auto}.mk-accordion{border-top:1px solid var(--line)}.mk-accordion section{border-bottom:1px solid var(--line)}.mk-accordion h3{margin:0}.mk-accordion h3 button{width:100%;border:0;background:transparent;color:inherit;padding:14px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:600}.mk-accordion h3 button svg{width:18px;height:18px;transition:transform var(--duration-fast)}.mk-accordion h3 button[aria-expanded=true] svg{transform:rotate(180deg)}.mk-accordion section>div{padding:0 0 16px;color:var(--secondary)}