@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-canvas: #eff4f1;--bg-gradient-top: #f8fbf9;--bg-gradient-bottom: #e4ede8;--surface-primary: rgba(255, 255, 255, .86);--surface-secondary: #f5faf7;--surface-tertiary: #edf4f0;--card-bg: rgba(255, 255, 255, .9);--primary-green: #1f8f61;--primary-green-strong: #166747;--light-green: #bedfce;--dark-green: #19392d;--accent-orange: #d78a1b;--accent-orange-soft: #fff1d6;--accent-orange-border: #f1d6a4;--danger-red: #b74634;--danger-red-soft: #fde8e4;--danger-red-border: #f3c5bc;--info-blue: #2f6db5;--info-blue-soft: #e7f1ff;--text-dark: #14271f;--text-gray: #4f6359;--text-muted: #708277;--border-soft: #cfddd5;--border-strong: #a9c1b4;--shadow-sm: 0 12px 30px rgba(16, 36, 28, .06);--shadow-md: 0 18px 48px rgba(16, 36, 28, .1);--shadow-lg: 0 24px 70px rgba(16, 36, 28, .14);--hover-shadow: 0 16px 36px rgba(31, 143, 97, .16);--focus-ring: 0 0 0 3px rgba(31, 143, 97, .16);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--transition-base: .18s ease}html{scroll-behavior:smooth}body{font-family:var(--font-sans);min-height:100vh;color:var(--text-dark);background:linear-gradient(180deg,#ffffff94,#ffffffd1),radial-gradient(circle at top,var(--bg-gradient-top) 0%,var(--bg-canvas) 44%,var(--bg-gradient-bottom) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(25,57,45,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(25,57,45,.04) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 85%);opacity:.4}body,input,select,textarea,button{font-family:var(--font-sans)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.container{width:min(1120px,100% - 2rem);margin:0 auto}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:clamp(1.2rem,1.05rem + .8vw,1.9rem);box-shadow:var(--shadow-lg);border:1px solid rgba(207,221,213,.95);margin-bottom:1.35rem}.section-title{margin-bottom:1.1rem;color:var(--dark-green);font-size:clamp(1.35rem,1.2rem + .8vw,2rem);font-weight:700;letter-spacing:-.03em}.btn-primary,.btn-secondary,.btn-accent,.btn-danger,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:.78rem 1.15rem;border-radius:14px;border:1px solid transparent;font-size:.92rem;font-weight:600;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0%,#3aa878 100%);color:#f7fbf8;box-shadow:0 14px 30px #1f8f613d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #1f8f6147}.btn-secondary{background:var(--surface-secondary);border-color:var(--border-soft);color:var(--dark-green)}.btn-secondary:hover,.btn-accent:hover,.btn-danger:hover,.btn-ghost:hover{transform:translateY(-2px)}.btn-accent{background:var(--accent-orange-soft);border-color:var(--accent-orange-border);color:#8a5b0e}.btn-danger{background:var(--danger-red-soft);border-color:var(--danger-red-border);color:var(--danger-red)}.btn-ghost{background:#fff;border-color:var(--border-soft);color:var(--text-gray)}.btn-block{width:100%}.btn-sm{min-height:36px;padding:.55rem .85rem;font-size:.84rem;border-radius:12px}.control-group,.form-group{display:flex;flex-direction:column;gap:.42rem}.control-label,.form-label{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.control-select,.control-input,.form-input,.form-textarea{width:100%;padding:.78rem .9rem;border:1px solid var(--border-soft);border-radius:14px;background:#ffffffeb;color:var(--text-dark);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.control-select:focus,.control-input:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:var(--focus-ring)}.form-textarea{resize:vertical;min-height:130px;font-family:var(--font-mono)}.empty-state,.format-empty-state{text-align:center;padding:1rem 1.15rem;color:var(--text-gray);background:var(--surface-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.data-field{background:linear-gradient(180deg,var(--surface-tertiary) 0%,#f8fcf9 100%);border-radius:var(--radius-md);padding:.8rem .95rem;cursor:pointer;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);border:1px solid var(--border-soft);margin-bottom:.6rem;box-shadow:inset 0 1px #ffffffb3}.data-field:hover{border-color:var(--primary-green);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.field-label{font-size:.7rem;color:var(--text-muted);font-weight:700;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.08em}.field-value{font-family:var(--font-mono);font-size:.95rem;color:var(--dark-green);font-weight:500}.toast{position:fixed;right:2rem;bottom:2rem;padding:.9rem 1.2rem;border-radius:14px;background:#132a20;color:#f8fbf9;box-shadow:var(--shadow-md);font-weight:600;transform:translateY(100px);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);z-index:1100}.toast.show{transform:translateY(0);opacity:1}@media (max-width: 768px){.container{width:min(100%,100% - 1.25rem)}.card{border-radius:22px;padding:1.35rem}.toast{right:1rem;left:1rem;bottom:1rem;text-align:center}}