:root{--green: #2e7d32;--green-mid: #43a047;--green-light: #a5d6a7;--green-bg: #f0f7f0;--green-panel: #e8f5e9;--red: #e53935;--text: #1a3a1a;--text-muted: #5a7a5a;--border: #c8e6c9;--radius: 8px;--shadow: 0 4px 24px rgba(76,175,80,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--green-bg);color:var(--text);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#fff;border-bottom:2px solid var(--green-light);padding:0 32px;display:flex;align-items:center;height:52px;box-shadow:var(--shadow)}.app-header h1{font-size:1.15rem;color:var(--green);font-weight:700;letter-spacing:.4px}.app-main{flex:1;padding:32px;max-width:1400px;width:100%;margin:0 auto}.compare-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;max-width:560px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-weight:600;font-size:.88rem;color:var(--green)}.form-row input[type=file]{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;color:var(--text);background:var(--green-bg)}.form-row input[type=file]:focus{outline:2px solid var(--green-light)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--green-mid);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--green)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.notice{background:var(--green-panel);border:1px solid var(--green-light);border-radius:var(--radius);padding:10px 14px;font-size:.88rem;color:var(--green)}.notice.warning{background:#fff3e0;border-color:#ffcc80;color:#e65100}.error-msg{background:#fdecea;border:1px solid #ef9a9a;border-radius:var(--radius);padding:10px 14px;font-size:.88rem;color:#b71c1c}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;white-space:nowrap;width:100%}.data-table th,.data-table td{border:1px solid var(--border);padding:5px 10px}.data-table thead th{background:var(--green-panel);color:var(--green);font-weight:700;text-align:center;position:sticky;top:0;z-index:1}.gss-tab{display:flex;flex-direction:column;gap:24px}.gss-result{display:flex;flex-direction:column;gap:16px}.gss-sheet-name{font-size:.85rem;color:var(--text-muted)}.gss-group-header{background:#e3f2fd;color:#1565c0;font-size:.82rem;text-align:center}.gss-file2-header{background:#fce4ec;color:#880e4f;border-left:3px solid var(--green-mid)!important}.gss-table td.gss-divider,.gss-table th.gss-divider{border-left:3px solid var(--green-mid)!important}.gss-table td.gss-changed{background:#fff3cd;font-weight:600;color:#5d4037}.gss-descriptions{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.gss-descriptions h3{font-size:1rem;color:var(--green);margin-bottom:12px;font-weight:700}.gss-descriptions ul{list-style:none;display:flex;flex-direction:column;gap:8px}.gss-descriptions li{padding-left:18px;position:relative;font-size:.9rem;line-height:1.6}.gss-descriptions li:before{content:"—";position:absolute;left:0;color:var(--text-muted)}@media (max-width: 600px){.app-main{padding:16px}.app-header{padding:0 16px}}