:root{--bg: #f3f5f8;--bg-elevated: #ffffff;--ink: #12151c;--ink-soft: #3d4454;--muted: #6b7385;--line: rgba(18, 21, 28, .08);--line-strong: rgba(18, 21, 28, .14);--accent: #0b8f7a;--accent-deep: #067061;--accent-soft: rgba(11, 143, 122, .12);--accent-ink: #ffffff;--danger: #d14343;--danger-soft: rgba(209, 67, 67, .1);--shadow-sm: 0 1px 2px rgba(18, 21, 28, .04);--shadow-md: 0 12px 32px rgba(18, 21, 28, .08);--shadow-lg: 0 28px 64px rgba(18, 21, 28, .12);--radius: 14px;--radius-sm: 10px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--display: "Syne", "Plus Jakarta Sans", sans-serif;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background-color:var(--bg);background-image:linear-gradient(rgba(18,21,28,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,21,28,.035) 1px,transparent 1px),radial-gradient(900px 480px at 12% -8%,rgba(11,143,122,.14),transparent 55%),radial-gradient(700px 420px at 92% 8%,rgba(56,120,200,.08),transparent 50%);background-size:48px 48px,48px 48px,auto,auto;animation:grid-drift 48s linear infinite}@keyframes grid-drift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:48px 48px,48px 48px,0 0,0 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){body{animation:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-center{align-items:center;justify-content:center;padding:2rem 1.25rem}.brand{margin:0;font-family:var(--display);font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800;letter-spacing:-.045em;line-height:.95;color:var(--ink)}.brand.tiny{font-size:.95rem;letter-spacing:-.02em;color:var(--accent-deep)}.brand-mark{display:inline-flex;align-items:center;gap:.55rem}.brand-mark:before{content:"";width:.55em;height:.55em;border-radius:4px;background:linear-gradient(145deg,var(--accent),#1bb89a);box-shadow:0 0 0 3px var(--accent-soft)}.login-hero{width:min(520px,100%);animation:rise-in .55s ease both}.login-hero .brand{margin-bottom:1.25rem}.login-hero h1{margin:0 0 .55rem;font-size:1.15rem;font-weight:600;color:var(--ink-soft);letter-spacing:-.01em}.lede{margin:0 0 1.75rem;color:var(--muted);font-size:.98rem;max-width:36ch}.login-form{display:grid;gap:.65rem}.login-form label{font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.field{position:relative}input[type=text],input:not([type]),input[type=search]{width:100%;padding:.95rem 1.1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);font:inherit;font-size:1rem;outline:none;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input:hover{border-color:#0b8f7a59}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-sm)}button,.link-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.2rem;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;transition:background .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease}button:hover:not(:disabled),.link-btn:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 8px 20px #0b8f7a47}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:var(--bg-elevated);color:var(--ink);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){background:#fff;border-color:#0b8f7a66;box-shadow:var(--shadow-md)}button.ghost,.ghost{background:transparent;color:var(--muted);border:1px solid transparent;padding:.5rem .75rem;font-weight:500;box-shadow:none}button.ghost:hover:not(:disabled),.ghost:hover{color:var(--ink);background:#12151c0a;transform:none;box-shadow:none}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.error{color:var(--danger);margin:.15rem 0;font-size:.9rem;font-weight:500}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-size:.82rem;letter-spacing:-.01em}.loading-dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.55rem;border-radius:50%;background:var(--accent);animation:pulse-soft 1.2s ease infinite}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);position:sticky;top:0;z-index:20;animation:fade-in .35s ease both}.topbar.compact{padding:.65rem 1rem;position:relative}.topbar-left{display:flex;align-items:center;gap:.85rem;min-width:0}.topbar h1{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem .35rem .35rem;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:.88rem;font-weight:500;color:var(--ink-soft)}.user-avatar{width:1.65rem;height:1.65rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#149e88);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase}.back{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);text-decoration:none;white-space:nowrap;font-size:.9rem;font-weight:500;padding:.4rem .65rem;border-radius:8px;transition:color .15s ease,background .15s ease}.back:hover{color:var(--ink);background:#12151c0d}.dashboard{width:min(880px,100%);margin:0 auto;padding:2rem 1.25rem 3.5rem;animation:rise-in .45s ease both}.dash-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.25rem;margin-bottom:1.75rem}.dash-header h2{margin:.2rem 0 0;font-family:var(--display);font-size:clamp(1.6rem,3vw,2rem);font-weight:700;letter-spacing:-.03em}.dash-header .lede{margin:0;font-size:.92rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem}.empty{color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:3rem 1.5rem;text-align:center;background:#ffffff8c}.empty strong{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:.35rem}.file-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.file-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;animation:rise-in .4s ease both}.file-list li:nth-child(1){animation-delay:.03s}.file-list li:nth-child(2){animation-delay:.06s}.file-list li:nth-child(3){animation-delay:.09s}.file-list li:nth-child(4){animation-delay:.12s}.file-list li:nth-child(5){animation-delay:.15s}.file-list li:hover{border-color:#0b8f7a47;box-shadow:var(--shadow-md);transform:translateY(-1px)}.file-meta{display:grid;gap:.3rem;min-width:0;flex:1}.file-icon{width:2.4rem;height:2.4rem;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-size:.72rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.file-row{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.file-title{font-weight:600;text-decoration:none;letter-spacing:-.015em;font-size:1rem}.file-title:hover{color:var(--accent-deep)}.file-actions{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center}.link-btn{padding:.5rem .9rem;font-size:.88rem}.badge{display:inline-flex;align-items:center;width:fit-content;padding:.2rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:.72rem;font-weight:600;letter-spacing:.01em}.public-bar .badge{margin:0;background:#12151c0f;color:var(--ink-soft)}.editor-shell{height:100vh;overflow:hidden;background:#e8ebf0}.editor-shell .topbar{flex-shrink:0}.collabora-frame{flex:1;width:100%;border:0;background:#fff;animation:fade-in .5s ease both}.pad{padding:1rem 1.25rem}.editor-loading{flex:1;display:grid;place-items:center;color:var(--muted);font-weight:500}@media(max-width:640px){.dash-header{align-items:stretch}.actions{width:100%}.actions button{flex:1}.file-list li{align-items:flex-start}.file-actions{width:100%;justify-content:flex-start}}