*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:1.4;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-weight:400;letter-spacing:-.01em;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg);letter-spacing:-.03em;text-transform:none;font-style:normal}h1{font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--spacing-2xl);line-height:1}h2{font-size:var(--text-4xl);margin-bottom:var(--spacing-xl);font-weight:700}h3{font-size:var(--text-3xl);margin-bottom:var(--spacing-lg);font-weight:600}h4{font-size:var(--text-2xl);margin-bottom:var(--spacing-md);font-weight:600}h5{font-size:var(--text-xl);margin-bottom:var(--spacing-md);font-weight:500}h6{font-size:var(--text-lg);margin-bottom:var(--spacing-sm);font-weight:500}p{margin-bottom:var(--spacing-xl);max-width:65ch;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);font-weight:500;position:relative}a:hover{color:var(--color-primary-hover)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal)}a:hover:after{transform:scaleX(1);transform-origin:left}ul,ol{margin-bottom:var(--spacing-xl);padding-inline-start:var(--spacing-2xl)}li{margin-bottom:var(--spacing-md);line-height:1.6}code,pre{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;background-color:var(--color-surface);border-radius:0;border-left:4px solid var(--color-primary)}code{padding:.125rem .25rem;font-size:.875em;border-left:none;background-color:#00a67e1a}pre{padding:var(--spacing-xl);overflow-x:auto;margin-bottom:var(--spacing-xl);font-size:.875rem;line-height:1.5}pre code{padding:0;background:none;font-size:inherit}img{max-width:100%;height:auto;display:block;border:none;outline:none;margin-bottom:var(--spacing-xl)}input,textarea,select,button{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration:underline}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-wrap:break-word}@media (max-width: 768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--spacing-lg)}}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-xl);position:relative}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.section{padding:var(--spacing-3xl) 0;border-bottom:1px solid var(--color-border);position:relative}.section:first-child{border-top:none}.section:last-child{border-bottom:none}.section-sm{padding:var(--spacing-xl) 0}.section-lg{padding:var(--spacing-3xl) 0}.section-xl{padding:calc(var(--spacing-3xl) * 2) 0}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background-color:var(--color-background);border-bottom:2px solid var(--color-primary);z-index:1000;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-xl)}.main{margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height))}.card{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative}.card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-body{margin-bottom:var(--spacing-lg)}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-weight:500;text-align:center;transition:all var(--transition-normal);cursor:pointer;border:none;background:none;position:relative;overflow:hidden}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}.form-control{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);transition:all var(--transition-normal)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00a67e1a}.divider{height:1px;background-color:var(--color-border);margin:var(--spacing-xl) 0}.divider-thick{height:2px;background-color:var(--color-primary);margin:var(--spacing-2xl) 0}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mt-5{margin-top:var(--spacing-2xl)}.mt-6{margin-top:var(--spacing-3xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mb-5{margin-bottom:var(--spacing-2xl)}.mb-6{margin-bottom:var(--spacing-3xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-sm)}.ml-2{margin-left:var(--spacing-md)}.ml-3{margin-left:var(--spacing-lg)}.ml-4{margin-left:var(--spacing-xl)}.ml-5{margin-left:var(--spacing-2xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-sm)}.mr-2{margin-right:var(--spacing-md)}.mr-3{margin-right:var(--spacing-lg)}.mr-4{margin-right:var(--spacing-xl)}.mr-5{margin-right:var(--spacing-2xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.p-5{padding:var(--spacing-2xl)}.p-6{padding:var(--spacing-3xl)}@media (max-width: 1200px){.container,.container-xl,.container-2xl{max-width:var(--container-lg)}}@media (max-width: 992px){.container,.container-lg,.container-xl,.container-2xl{max-width:var(--container-md)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.container,.container-md,.container-lg,.container-xl,.container-2xl{padding:0 var(--spacing-lg);max-width:var(--container-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-6{grid-template-columns:repeat(1,minmax(0,1fr))}.section,.section-lg{padding:var(--spacing-2xl) 0}.section-xl{padding:var(--spacing-3xl) 0}.navbar-content{padding:0 var(--spacing-lg)}.flex{flex-direction:column}}@media (max-width: 480px){.container,.container-sm,.container-md,.container-lg,.container-xl,.container-2xl{padding:0 var(--spacing-md)}.section,.section-lg{padding:var(--spacing-xl) 0}.section-xl{padding:var(--spacing-2xl) 0}}.text-start{text-align:var(--text-align-start)}.text-center{text-align:center}.text-end{text-align:var(--text-align-end)}.text-primary{color:var(--color-primary)}.text-secondary,.text-muted{color:var(--color-text-secondary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.m-0{margin:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.p-0{padding:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.hidden{display:none!important}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-none{border:none}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--color-primary: #00a67e;--color-primary-hover: #008f6b;--color-secondary: #10a37f;--color-background: #ffffff;--color-surface: #f7f7f8;--color-text: #202123;--color-text-secondary: #6e6e80;--color-border: #e5e5e5;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Inter", "Helvetica Neue", sans-serif;--font-serif: "Playfair Display", "Georgia", "Times New Roman", serif;--font-mono: "Fira Code", "Consolas", "Monaco", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--navbar-height: 64px}[data-theme=dark]{--color-background: #0d0d12;--color-surface: #16161e;--color-text: #f1f1f8;--color-text-secondary: #b8b8c8;--color-border: #2a2a3a}[dir=rtl]{--text-align-start: right;--text-align-end: left}[dir=ltr]{--text-align-start: left;--text-align-end: right}.history-section{min-height:calc(100vh - var(--navbar-height));padding-top:var(--navbar-height)}.history-section h1{text-align:center;color:var(--color-primary);margin-bottom:var(--spacing-3xl)}.version-selector{max-width:600px;margin:0 auto var(--spacing-2xl);display:flex;gap:var(--spacing-md)}.version-select{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);font-size:var(--text-base);cursor:pointer}.version-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00a67e1a}.view-button{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.view-button:hover{background-color:var(--color-primary-hover)}.version-list{max-width:800px;margin:0 auto var(--spacing-2xl)}.version-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);transition:all var(--transition-normal);cursor:pointer}.version-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.version-card.current{border-color:var(--color-primary);background-color:#00a67e0d}.version-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.version-id{font-size:var(--text-xl);font-weight:600;color:var(--color-primary)}.version-date{font-size:var(--text-sm);color:var(--color-text-secondary)}.version-name{font-size:var(--text-lg);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.version-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.version-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;margin-left:var(--spacing-sm)}.back-button-container{text-align:center;margin-top:var(--spacing-2xl)}.back-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.back-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 768px){.version-selector{flex-direction:column}.view-button{width:100%}}.version-switcher{position:relative;display:inline-block}.version-switcher-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#343541;color:#ececf1;border:1px solid #565869;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.version-switcher-button:hover{background-color:#444654;border-color:#6b6d7f}.version-switcher.active .version-switcher-button{background-color:#444654;border-color:#00a67e}.version-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:#343541;border:1px solid #565869;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:300px;max-height:400px;overflow-y:auto}.version-list{padding:8px 0}.version-item{display:flex;flex-direction:column;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #565869}.version-item:last-child{border-bottom:none}.version-item:hover{background-color:#444654}.version-item.current{background-color:#00a67e1a;border-left:3px solid #00a67e}.version-id{font-size:16px;font-weight:700;color:#ececf1;margin-bottom:4px}.version-date{font-size:12px;color:#c5c5d2;margin-bottom:4px}.version-name{font-size:14px;color:#ececf1}.version-badge{display:inline-block;padding:2px 8px;background-color:#00a67e;color:#fff;font-size:10px;font-weight:700;border-radius:10px;margin-top:8px;align-self:flex-start}@media (max-width: 768px){.version-dropdown{min-width:250px;right:auto;left:0}}.version-dropdown::-webkit-scrollbar{width:6px}.version-dropdown::-webkit-scrollbar-track{background:#343541;border-radius:3px}.version-dropdown::-webkit-scrollbar-thumb{background:#565869;border-radius:3px}.version-dropdown::-webkit-scrollbar-thumb:hover{background:#6b6d7f}
