:root{--glass-bg:#ffffffa6;--glass-border:1px solid #ffffff80;--glass-shadow:0 8px 32px 0 #1f26871a;--glass-blur:blur(12px);--glass-radius:16px;--primary-color:#007aff;--secondary-color:#5856d6;--text-primary:#1d1d1f;--text-secondary:#86868b;--bg-gradient:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}code{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px #007aff4d}.btn-primary:hover{background-color:#0063cc;transform:translateY(-1px);box-shadow:0 4px 8px #007aff66}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80}.btn-outline:hover{background:var(--primary-color);color:#fff}input,textarea,select{background:#fffc;border:1px solid #0000001a;border-radius:8px;width:100%;padding:.8rem;font-family:inherit;font-size:.95rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #007aff33}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}.h-64{height:16rem}.text-red-500{color:#ef4444}.text-gray-500{color:#6b7280}