:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-hover: #222632;--color-border: #2a2e3a;--color-text: #e1e4eb;--color-text-secondary: #8b90a0;--color-primary: #6c8cff;--color-primary-hover: #5a7aee;--color-danger: #ff6b6b;--color-code-bg: #141620;--radius: 8px;--radius-lg: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}code,pre{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace}button{cursor:pointer;font-family:inherit}input{font-family:inherit}#root{min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:radial-gradient(ellipse at 20% 50%,rgba(108,140,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(140,100,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(60,100,220,.05) 0%,transparent 40%),var(--color-bg)}.login-card{width:100%;max-width:400px;padding:2.5rem 2rem 2rem;background:#1a1d27b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(108,140,255,.12);border-radius:16px;box-shadow:0 0 0 1px #ffffff08,0 8px 40px #00000073,0 0 80px -20px #6c8cff1f;animation:card-enter .5s ease-out}@keyframes card-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-title{font-size:2rem;font-weight:700;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#e1e4eb 0%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{text-align:center;color:var(--color-text-secondary);font-size:.875rem;margin-top:.25rem;margin-bottom:1.75rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input{padding:.7rem .85rem;font-size:.95rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#8b90a080}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c8cff26}.error-message{font-size:.85rem;color:var(--color-danger);background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:var(--radius);padding:.55rem .75rem;text-align:center}.btn-primary{padding:.7rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#8b6cff 100%);border:none;border-radius:var(--radius);transition:opacity .2s,transform .15s,box-shadow .2s;margin-top:.25rem}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 4px 20px #6c8cff4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.entries-container{max-width:800px;margin:0 auto;padding:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:baseline;gap:.75rem}.app-title{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#e1e4eb 0%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.entry-count{font-size:.8rem;color:var(--color-text-secondary)}.btn-logout{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);padding:.4rem .85rem;transition:color .2s,border-color .2s}.btn-logout:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-size:.85rem;color:var(--color-danger);background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:var(--radius);margin-bottom:1.25rem}.btn-retry{font-size:.8rem;font-weight:500;color:var(--color-danger);background:transparent;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius);padding:.3rem .7rem;white-space:nowrap;transition:background .2s}.btn-retry:hover{background:#ff6b6b1a}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;color:var(--color-text-secondary)}.spinner{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 0;color:var(--color-text-secondary)}.entries-list{display:flex;flex-direction:column;gap:.5rem}.entry-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s}.entry-card:hover{border-color:#6c8cff40}.entry-header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.entry-meta{display:flex;flex-direction:column;gap:.1rem;min-width:110px}.entry-username{font-size:.85rem;font-weight:600;color:var(--color-primary)}.entry-date{font-size:.72rem;color:var(--color-text-secondary)}.entry-summary{flex:1;font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-btn{font-size:.65rem;color:var(--color-text-secondary);background:transparent;border:none;padding:.3rem;flex-shrink:0;transition:color .2s}.expand-btn:hover{color:var(--color-text)}.entry-details{padding:.75rem 1rem 1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;align-items:baseline;gap:.5rem;font-size:.8rem}.detail-label{font-weight:500;color:var(--color-text-secondary);min-width:80px;flex-shrink:0}.detail-value{font-size:.78rem;color:var(--color-text);word-break:break-all}.detail-section{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.raw-json{padding:.75rem;font-size:.75rem;line-height:1.45;color:var(--color-text-secondary);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.pagination-info{font-size:.8rem;color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:.25rem}.btn-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);transition:color .2s,border-color .2s,background .2s}.btn-page:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-secondary);background:var(--color-surface-hover)}.btn-page:disabled{opacity:.35;cursor:not-allowed}.page-number{width:32px;text-align:center;font-size:.85rem;font-weight:600;color:var(--color-primary)}