:root{--purple:#8b5cf6;--purple-600:#7c3aed;--purple-50:#f5f3ff;--bg:#fbf8ff;--surface:#fff;--text:#171022;--muted:#6b7280;--line:#e9e2ff;--grad:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 55%,#c4b5fd 100%);--shadow:0 16px 48px #8b5cf626;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui;background:var(--bg);color:var(--text);min-height:100vh;background-image:radial-gradient(1200px 600px at 20% -10%,#8b5cf614 0%,transparent 60%)}header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));display:flex;align-items:center;justify-content:space-between;padding:14px 28px}.logo{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:800;font-size:19px;letter-spacing:-.6px}.logo i{width:32px;height:32px;background:var(--grad);border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 4px 12px #8b5cf633}.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}nav{display:flex;gap:8px;align-items:center}nav a{font-size:13px;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px;transition:.3s var(--ease)}nav a:hover{background:var(--purple-50);color:var(--purple-600)}.search{flex:1;max-width:420px;margin:0 24px;position:relative}.search input{width:100%;padding:12px 16px 12px 40px;border:1.5px solid color-mix(in srgb,var(--purple) 12%,var(--line));border-radius:14px;background:var(--surface);font-size:14px;transition:.35s var(--ease);outline:none}.search input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #8b5cf61a,0 8px 24px #8b5cf60f;transform:translateY(-1px)}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.main{max-width:1280px;margin:0 auto;padding:28px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.toolbar h1{font-family:Manrope;font-size:28px;letter-spacing:-.6px}.toolbar .actions{display:flex;gap:8px}.btn{border:none;cursor:pointer;font-weight:600;border-radius:12px;padding:10px 16px;font-size:13px;transition:.35s var(--ease);display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.btn-secondary{background:var(--surface);border:1px solid var(--line)}.btn-secondary:hover{border-color:var(--purple);background:var(--purple-50)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.file{border-radius:16px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 96%,var(--purple-50)));border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));padding:16px;transition:.4s var(--ease);position:relative;overflow:hidden;cursor:pointer}.file:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);opacity:0;transition:.35s}.file:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f,0 4px 12px #8b5cf614;border-color:color-mix(in srgb,var(--purple) 24%,var(--line))}.file:hover:before{opacity:1}.file-icon{width:40px;height:40px;border-radius:12px;background:var(--purple-50);display:grid;place-items:center;color:var(--purple-600);margin-bottom:10px}.file b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.file .meta{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.file .meta span{font-size:10px;color:var(--muted);background:var(--purple-50);padding:3px 8px;border-radius:999px}.empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--muted)}.empty b{display:block;font-size:18px;color:var(--text);margin-bottom:8px}.mandatory{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 50% -20%,#8b5cf61e,transparent 60%),linear-gradient(180deg,#fbf8fffa,#f5f3fff5);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.mandatory-card{background:linear-gradient(180deg,#fff,#fdfcff);border:1px solid #e9e2ff;border-radius:24px;padding:32px;max-width:400px;width:100%;box-shadow:0 32px 80px #8b5cf626;text-align:center;position:relative;overflow:hidden}.mandatory-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}.mandatory-card h2{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:16px 0 8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mandatory-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px}