:root{color-scheme:dark;--bg: #080610;--bg-soft: rgba(20, 14, 36, .64);--glass: rgba(24, 16, 44, .55);--glass-strong: rgba(31, 20, 57, .72);--line: rgba(187, 138, 255, .26);--text: #eee8ff;--muted: #c2b0e3;--primary: #9f56ff;--primary-2: #cf7cff;--danger: #ff4d87;--ok: #80e3af}@keyframes rise-in{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(22px) translate(12px) scale(.97)}to{opacity:1;transform:translateY(0) translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) translate(0) scale(1)}to{opacity:0;transform:translateY(12px) translate(8px) scale(.97)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at 15% 15%,rgba(120,69,255,.22),transparent 36%),radial-gradient(circle at 88% 10%,rgba(200,88,255,.16),transparent 34%),radial-gradient(circle at 50% 100%,rgba(62,27,125,.24),transparent 34%),var(--bg)}a{color:#f1d6ff}.app-shell{max-width:1600px;margin:0 auto;padding:1.2rem;position:relative}.navbar{border-radius:14px;margin-bottom:1rem;animation:drop-in .36s ease both}.navbar-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem}.navbar-links{display:flex;gap:.5rem}.nav-link{padding:.56rem .74rem;font-size:.95rem;transition:transform .13s ease,filter .13s ease,background .18s ease}.nav-link.active{background:linear-gradient(135deg,#7b36d4f2,#ae58fff2)}.main-content{display:grid;gap:1rem}.public-entries-section{margin-top:1rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(520px,100%);border-radius:16px;padding:1.2rem;animation:rise-in .46s ease both}.login-card h1{margin:0}.login-card p{margin:.4rem 0 0;color:var(--muted)}.login-error{margin-top:.65rem;color:#f9b}.noise-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(-30deg,transparent 0,transparent 14px,rgba(220,170,255,.02) 15px,rgba(220,170,255,.02) 16px);z-index:-1}.glass{background:linear-gradient(145deg,var(--glass),var(--glass-strong));border:1px solid var(--line);box-shadow:0 14px 40px #05030a59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero{border-radius:16px;padding:1rem 1.1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;animation:rise-in .46s ease 80ms both}.hero h1{margin:0;font-size:clamp(1.35rem,2vw,1.95rem)}.hero p{margin:.35rem 0 0;color:var(--muted)}.token-pill{min-width:250px;border:1px solid var(--line);border-radius:12px;padding:.65rem;background:#0f0a1c99;display:grid;gap:.22rem;animation:rise-in .42s ease .18s both}.token-pill code{color:#f2daff;font-size:.82rem;word-break:break-all}.token-pill button{margin-top:.3rem;justify-self:start}.feedback{margin-top:.8rem;border-radius:12px;padding:.75rem .95rem}.feedback p{margin:.2rem 0}.feedback .busy{color:#dfc5ff}.feedback .success{color:var(--ok)}.feedback .error{color:#f9b}.main-grid{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:1rem}.dashboard-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;margin-top:1rem}.dashboard-sidebar{display:grid;gap:1rem;order:1}.dashboard-form{order:2;height:fit-content}.sidebar,.content{display:grid;gap:1rem;align-content:start}.card{border-radius:14px;padding:.95rem;animation:rise-in .44s cubic-bezier(.22,.8,.22,1) both}.card h2{margin:0 0 .55rem;font-size:1.02rem}.inline-row{display:flex;gap:.5rem;flex-wrap:wrap}.form-grid{display:grid;gap:.35rem;margin-top:.45rem;border:1px solid rgba(193,146,255,.22);border-radius:10px;padding:.6rem;background:#0b08148f;animation:rise-in .36s ease .12s both}.form-grid label{font-size:.85rem}.form-grid input,.form-grid textarea{padding:.45rem .55rem;font-size:.9rem}.form-grid textarea{rows:4;min-height:3rem}.form-grid button{justify-self:start}label{color:var(--muted);font-size:.9rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border-radius:8px;border:1px solid rgba(191,146,255,.34);background:#06040ed6;color:var(--text);padding:.56rem .66rem}textarea{resize:vertical}button{border-radius:8px;border:1px solid rgba(195,150,255,.44);background:linear-gradient(135deg,#7b36d4f2,#ae58fff2);color:#fff;padding:.56rem .74rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.13s ease}button:hover{transform:translateY(-1px);filter:brightness(1.08)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.ghost{background:#55279285}button.danger{background:linear-gradient(140deg,#91284ff2,#d2396bf2);border-color:#ff9fc28c}.check-row{display:flex;gap:.45rem;align-items:center;color:var(--muted)}.check-row input{width:auto}.explorer-head{display:flex;justify-content:space-between;align-items:flex-end;gap:.8rem;flex-wrap:wrap}.explorer-head p{margin:.18rem 0 0;color:var(--muted)}.items-grid{margin-top:.75rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;min-width:0}@media (max-width: 900px){.items-grid{grid-template-columns:1fr}}.empty-state{border:1px dashed rgba(193,147,255,.28);border-radius:10px;padding:1rem;color:var(--muted);text-align:center}.app-footer{margin-top:1.2rem;padding:.6rem .4rem;text-align:center;color:var(--muted);border-top:1px solid rgba(187,138,255,.2);animation:fade-in .44s ease .22s both}.app-footer-auth{margin-top:.8rem;border-top:none}.toast-viewport{position:fixed;right:1rem;bottom:1rem;z-index:100;width:min(430px,calc(100vw - 1.4rem));display:grid;gap:.56rem;pointer-events:none}.floating-toast{pointer-events:auto;display:grid;gap:.5rem;border-radius:12px;border:1px solid rgba(193,146,255,.45);background:linear-gradient(155deg,#1a1232f2,#21123ef2);box-shadow:0 18px 36px #02010880;padding:.72rem .76rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:toast-in .28s cubic-bezier(.2,.85,.32,1) both}.floating-toast.is-closing{animation:toast-out .26s ease both}.floating-toast p{margin:0;line-height:1.35}.floating-toast button{justify-self:end;font-size:.82rem;padding:.38rem .58rem}.floating-toast.info{border-color:#c192ff80}.floating-toast.success{border-color:#80e3af8c}.floating-toast.error{border-color:#ff99bb8c}.item-card{border:1px solid rgba(190,141,255,.22);border-radius:12px;padding:.72rem;background:#0a071294;display:grid;gap:.64rem;min-width:0;animation:rise-in .4s ease both}.items-grid .item-card:nth-child(1){animation-delay:30ms}.items-grid .item-card:nth-child(2){animation-delay:70ms}.items-grid .item-card:nth-child(3){animation-delay:.11s}.items-grid .item-card:nth-child(4){animation-delay:.15s}.items-grid .item-card:nth-child(5){animation-delay:.19s}.items-grid .item-card:nth-child(6){animation-delay:.23s}.item-card.selected{border-color:#d4aaff85;box-shadow:0 0 0 1px #bc86ff47 inset}.item-main{display:flex;gap:.62rem;align-items:flex-start}.type-icon{width:38px;height:38px;border-radius:10px;border:1px solid rgba(199,154,255,.34);display:grid;place-items:center;background:#8242d83b;color:#d7bbff;flex-shrink:0;font-size:1.02rem;font-weight:700}.item-main h3{margin:0;max-width:560px;white-space:normal;overflow-wrap:anywhere}.item-main p{margin:.24rem 0;display:flex;gap:.42rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.type-tag{border-radius:999px;padding:.14rem .42rem;font-size:.73rem}.type-tag.dir{border:1px solid rgba(194,148,255,.4);background:#743ac161;color:#e2cdff}.type-tag.file{border:1px solid rgba(228,162,255,.36);background:#843aae57;color:#f1d9ff}.item-actions{display:flex;gap:.44rem;flex-wrap:wrap;align-items:flex-start}.item-actions button{white-space:nowrap}.glass-sub{border:1px solid rgba(188,139,255,.22);border-radius:12px;padding:.7rem;background:#0a07127a;min-width:0}.glass-sub p{color:var(--muted)}.preview-block{min-height:112px}.preview-text{margin:.45rem 0 0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.item-card.compact{cursor:pointer}.item-card.compact:hover{border-color:#d4aaff85;box-shadow:0 0 0 1px #bc86ff47 inset}.item-card.compact:focus-visible{outline:2px solid rgba(188,134,255,.74);outline-offset:2px}.public-entries-section .items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1280px){.public-entries-section .items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.glass-sub ul,.glass-sub ol{margin:.4rem 0 .1rem;padding-left:1.2rem}.glass-sub li+li{margin-top:.2rem}.glass-sub pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 1180px){.dashboard-grid{grid-template-columns:1fr}.dashboard-form{order:3}}@media (max-width: 680px){.app-shell{padding:.9rem}.navbar-content{flex-direction:column;align-items:flex-start}.item-main h3{max-width:220px}.items-grid{grid-template-columns:1fr}.toast-viewport{left:.9rem;right:.9rem;width:auto}}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.admin-section{display:grid;gap:1rem}.admin-users-list,.admin-invites-list{margin-top:.75rem;display:grid;gap:.5rem}.admin-user-item,.admin-invite-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid rgba(190,141,255,.22);border-radius:12px;background:#0a071294;gap:1rem;animation:rise-in .36s ease both}.admin-users-list .admin-user-item:nth-child(1),.admin-invites-list .admin-invite-item:nth-child(1){animation-delay:35ms}.admin-users-list .admin-user-item:nth-child(2),.admin-invites-list .admin-invite-item:nth-child(2){animation-delay:75ms}.admin-users-list .admin-user-item:nth-child(3),.admin-invites-list .admin-invite-item:nth-child(3){animation-delay:115ms}.admin-users-list .admin-user-item:nth-child(4),.admin-invites-list .admin-invite-item:nth-child(4){animation-delay:155ms}.admin-users-list .admin-user-item:nth-child(5),.admin-invites-list .admin-invite-item:nth-child(5){animation-delay:195ms}.user-info,.invite-info{display:grid;gap:.25rem;min-width:0}.admin-badge{display:inline-block;padding:.14rem .42rem;border-radius:999px;background:#843aae57;color:#f1d9ff;font-size:.73rem;font-weight:600}.invite-form{display:flex;gap:.5rem;margin-bottom:1rem}.invite-form input{flex:1}@media (max-width: 1180px){.admin-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
