@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--bg-color: #000000;--text-color: #ffffff;--text-secondary: #a1a1a6;--card-bg: rgba(28, 28, 30, .4);--card-border: rgba(255, 255, 255, .08);--accent-color: #0071e3;--accent-hover: #0077ed;--sidebar-bg: rgba(28, 28, 30, .6);--editor-bg: #1c1c1e;--glass-blur: blur(40px)}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{box-sizing:border-box}.glass{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border)}.card{border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.card:hover{transform:translateY(-4px) scale(1.02);background:#ffffff14;border-color:#ffffff26;box-shadow:0 10px 30px -10px #00000080}.card.selected{border-color:var(--accent-color);background:#0071e326;box-shadow:0 0 20px #0071e333}.btn-primary{background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;padding:12px 28px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background-color:var(--accent-hover);transform:scale(1.02)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--card-border);border-radius:20px;padding:12px 28px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background-color:#ffffff0d;color:#fff;border-color:#fff3}.input-field{width:100%;max-width:400px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:12px;padding:16px;font-size:18px;color:#fff;outline:none;transition:all .3s;text-align:center}.input-field:focus{border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 3px #0071e333}.dashboard-layout{display:flex;height:100vh;width:100vw;background-color:var(--bg-color)}.sidebar{width:260px;background:var(--sidebar-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid var(--card-border);display:flex;flex-direction:column}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--card-border)}.sidebar-content{padding:16px;display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;font-size:14px;font-weight:500}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:var(--accent-color);color:#fff}.editor-area{flex:1;background:var(--editor-bg);padding:60px 80px;display:flex;flex-direction:column;overflow-y:auto}.editor-title{background:transparent;border:none;color:#fff;font-size:40px;font-weight:600;outline:none;margin-bottom:24px;width:100%;font-family:inherit}.editor-content{background:transparent;border:none;color:#d1d1d6;font-size:18px;line-height:1.7;outline:none;resize:none;flex:1;width:100%;font-family:inherit}.editor-content::placeholder,.editor-title::placeholder{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}