*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 70%,blue) 100%);color:var(--color-text);line-height:1.6;min-height:100vh;padding:var(--space-3)}body:not(.loaded) .page{display:none}button,.btn{padding:10px 20px;font-size:var(--font-base);font-family:var(--font-family);font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background-color:#1fd4ff;color:#0e1d77;box-shadow:var(--shadow)}button:hover,.btn:hover{background-color:#0072eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}button:active,.btn:active{transform:translateY(0)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}button:disabled:hover,.btn:disabled:hover{background-color:#1fd4ff;color:#0e1d77;transform:none;box-shadow:var(--shadow)}.btn-primary{background-color:#1fd4ff;color:#0e1d77}.btn-primary:hover{background-color:#0072eb;color:#fff}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563;color:#fff}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#dc2626;color:#fff}.nav-tab,.sub-nav-tab{padding:10px 20px;font-size:var(--font-base);font-family:var(--font-family);font-weight:500;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-block;border-radius:0;box-shadow:none}.nav-tab:hover,.sub-nav-tab:hover{color:var(--color-primary);border-bottom-color:color-mix(in srgb,var(--color-primary) 30%,transparent);background:transparent;transform:none}.nav-tab.active,.sub-nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600;background:transparent}.nav-tab.active:hover,.sub-nav-tab.active:hover{color:color-mix(in srgb,var(--color-primary) 80%,black);background:transparent;transform:none}.container{max-width:1400px;margin:0 auto}header{background:var(--color-bg);padding:var(--space-3);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--space-3)}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}header h1{color:var(--color-primary);font-size:var(--font-xl);margin:0}.version-badge{color:color-mix(in srgb,var(--color-text) 60%,transparent);font-size:var(--font-sm);font-weight:600}.header-info{color:color-mix(in srgb,var(--color-text) 60%,transparent);font-size:var(--font-sm)}.nav-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.page{display:none}.page.active{display:block}.page-content{background:var(--color-bg);padding:var(--space-3);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--space-3)}.page-content h2{margin-top:0;margin-bottom:var(--space-3);font-size:var(--font-lg);color:var(--color-text)}section{background:var(--color-bg);padding:var(--space-3);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--space-3)}section h2{color:var(--color-text);margin-bottom:var(--space-3);font-size:var(--font-lg)}.form-group{margin-bottom:var(--space-3)}.form-group label{display:block;margin-bottom:var(--space-1);color:var(--color-text);font-weight:500}.form-group input,.form-group select{width:100%;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-base);transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.sub-nav-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.sub-page{display:none}.sub-page.active{display:block}