html,body,*:before,*:after{box-sizing:border-box}:root{--color-primary-100: #e0f2fe;--color-primary-700: #0369a1;--color-white: #ffffff;--color-gray-900: #111827;--color-gray-400: #9ca3af;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-gray-100);color:var(--color-gray-900);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard{padding:2rem;position:relative}.json-toggle-section{position:absolute;top:2rem;right:2rem;z-index:100}.json-toggle-section button{background-color:var(--color-primary-700);color:var(--color-white);padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease-in-out}.json-toggle-section button:hover{background-color:#025a8d}.json-input-section{position:absolute;top:6rem;right:2rem;z-index:99;width:600px;max-height:85vh;overflow-y:auto;padding:1.5rem;background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 10px #0000001a;border:1px solid var(--color-gray-200)}.json-input-section h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:var(--color-gray-900)}.key-config-section{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem}.key-config-section label{display:flex;flex-direction:column;font-size:.85rem;color:var(--color-gray-900)}.key-config-section input[type=text]{padding:8px;border:1px solid var(--color-gray-200);border-radius:4px;font-size:.85rem;margin-top:5px}.json-input-section textarea{width:calc(100% - 20px);padding:10px;border:1px solid var(--color-gray-200);border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.9rem;margin-bottom:1rem;resize:vertical;outline:none}.json-input-section textarea:focus{box-shadow:0 0 0 2px var(--color-primary-700)}.json-input-actions{display:flex;gap:10px;margin-top:1rem;justify-content:flex-end}.json-input-actions button{background-color:var(--color-primary-700);color:var(--color-white);padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease-in-out}.json-input-actions button:hover{background-color:#025a8d}.error-message{color:#dc2626;margin-top:1rem;font-weight:500;background-color:#fee2e2;padding:.75rem;border-radius:4px;border:1px solid #ef4444}.grid-container{display:grid;grid-template-columns:repeat(36,1fr);grid-auto-rows:4px;gap:0}.widget{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;transition:all .3s ease-in-out;position:relative}.widget h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:inherit}.widget p{font-size:1rem;color:inherit}.grid-debug-info{position:absolute;bottom:5px;left:5px;background-color:#0009;color:#fff;padding:3px 6px;border-radius:3px;font-size:.7rem;display:flex;gap:10px}@media (max-width: 768px){.dashboard{padding:1rem}.json-toggle-section{position:static;text-align:center;margin-bottom:1rem}.json-input-section{position:static;width:auto;max-height:none;margin:1rem 0;right:auto;top:auto}.grid-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.widget h3{font-size:1.2rem}.widget p{font-size:.9rem}}@media (max-width: 480px){.dashboard{padding:.5rem}.grid-container{grid-template-columns:1fr}.json-input-section textarea{rows:10}}