:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#22c55e0f,#0000 30%),linear-gradient(#08111f 0%,#0f172a 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08111fe6;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.topbar h1,.section-heading h2{margin:0}.topbar h1{font-size:1.75rem}.content{width:min(1100px,100% - 32px);margin:0 auto;padding:28px 0 60px}.storage-bar{background:#0f172ab8;border:1px solid #94a3b824;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.storage-bar span{color:#94a3b8}.storage-bar strong{font-size:1.15rem}.library-section{background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px;margin-top:20px;padding:24px}.section-heading{gap:16px;margin-bottom:18px;display:grid}.section-heading h2{font-size:1.5rem}.search-input{color:#f8fafc;background:#08111fd1;border:1px solid #94a3b833;border-radius:11px;outline:none;width:100%;padding:13px 15px}.search-input:focus{border-color:#22c55e}.file-list{gap:12px;display:grid}.file-card{background:#08111fa3;border:1px solid #94a3b81f;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.file-icon{color:#052e16;background:#22c55e;border-radius:12px;place-items:center;width:44px;height:44px;font-size:.9rem;display:grid}.file-details strong{margin-bottom:5px;display:block}.file-details span{color:#94a3b8;font-size:.92rem;display:block}.file-actions{gap:9px;display:flex}.primary-button,.secondary-button,.danger-button{border-radius:10px;padding:10px 14px;font-weight:700}.primary-button{color:#052e16;background:#22c55e;border:1px solid #22c55e}.secondary-button{color:#e2e8f0;background:#0f172aad;border:1px solid #94a3b833}.danger-button{color:#fecaca;background:#7f1d1d38;border:1px solid #f8717147}.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px)}.empty-state{color:#94a3b8;text-align:center;border:1px dashed #94a3b833;border-radius:14px;padding:34px 20px}@media (width<=760px){.topbar{padding:18px 16px}.content{width:min(100% - 20px,1100px);padding-top:18px}.storage-bar{flex-direction:column;align-items:flex-start;gap:6px}.file-card{grid-template-columns:auto 1fr}.file-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.danger-button{grid-column:1/-1}}.login-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#0f172adb;border:1px solid #94a3b829;border-radius:20px;width:min(420px,100%);padding:32px;box-shadow:0 30px 90px #0206176b}.login-heading{margin-bottom:26px}.login-heading h1{margin:0 0 8px;font-size:2rem}.login-heading p{color:#94a3b8;margin:0}.login-form{gap:18px;display:grid}.login-form label{color:#cbd5e1;gap:8px;font-weight:600;display:grid}.login-form input{color:#f8fafc;background:#08111fd1;border:1px solid #94a3b838;border-radius:10px;outline:none;width:100%;padding:13px 14px}.login-form input:focus{border-color:#22c55e}.login-button{width:100%;margin-top:4px}.login-error{color:#fca5a5;margin:0;font-size:.92rem}.signed-in-user{color:#94a3b8;margin-top:4px;font-size:.82rem;display:block}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}button:disabled:hover{transform:none}html{background:#08111f}a{color:inherit}