:root{--bg-dark:#0a0a1a;--bg-card:#ffffff0a;--border-glass:#ffffff14;--text-1:#f0f0f5;--text-2:#8b8ba3;--accent:#6c5ce7;--accent-glow:#6c5ce74d;--green:#00b894;--red:#e17055;--radius:16px;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-1);overscroll-behavior:none}h1,h2,h3{font-weight:600}a{color:inherit;text-decoration:none}.app-header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--border-glass);padding:20px;position:sticky;top:0}#app-content{padding:20px 20px 100px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius);margin-bottom:16px;padding:16px}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);width:100%;height:70px;padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#0a0a1ad9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0}.nav-item{color:var(--text-2);text-align:center;flex:1;padding:10px 0;font-size:12px}.nav-item.active{color:var(--accent)}.nav-item-spacer{flex:1}.fab-center{background:var(--accent);color:#fff;width:60px;height:60px;box-shadow:0 4px 20px var(--accent-glow);z-index:110;cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:30px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.fab-center:active{transform:translate(-50%)scale(.95)}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:12px;font-size:16px;font-weight:700}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-dim{color:var(--text-2);font-size:14px}.flex-item{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}input,select{border:1px solid var(--border-glass);color:#fff;background:#0003;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}