@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#111827;font-synthesis:none;--blue:#467df7;--blue-dark:#2563eb;--navy:#111827;--line:#e5e7eb;background:#f4f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a{transition:all .18s}button{cursor:pointer;border:0}a{color:#3778ff}label{gap:8px;margin-bottom:18px;font-size:14px;font-weight:500;display:grid}input,select,textarea{color:#111827;background:#f2f5f9;border:1px solid #d5dae3;border-radius:9px;outline:none;width:100%;padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #467df720}.primary{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;display:inline-flex}.primary:hover{background:var(--blue-dark)}.primary:disabled{opacity:.6;cursor:wait}.wide{width:100%}.muted{color:#9297a0}.alert{border-radius:8px;margin:14px 0;padding:11px 14px;font-size:14px}.alert.error,.status.error{color:#991b1b;background:#fef2f2}.alert.success{color:#166534;background:#f0fdf4}.spinner{border:3px solid #dbe5f8;border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.auth-page{background:#4e82f6;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";background:#ffffff0b;border-radius:50%;width:55vw;height:400px;position:absolute;transform:rotate(-15deg)}.auth-page:before{bottom:-170px;left:-15vw}.auth-page:after{top:-190px;right:-15vw}.auth-card{z-index:1;background:#fff;border-radius:0 0 22px 22px;width:min(806px,100% - 36px);min-height:660px;padding:44px 48px;position:relative;box-shadow:0 18px 60px #174bb733}.brand{align-items:baseline;gap:8px;margin-bottom:54px;display:flex}.brand span{letter-spacing:-1.5px;font-size:28px;font-weight:800}.brand small{letter-spacing:2px;color:#2868ea;font-size:11px;font-weight:700}.auth-card h1{margin:0 0 14px;font-size:31px}.auth-subtitle{margin:0 0 52px}.label-line{justify-content:space-between;display:flex}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{color:#3b82f6;background:0 0;position:absolute;top:10px;right:12px}.password-field svg{width:18px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.google-button{color:#111;background:#eee;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:13px;text-decoration:none;display:flex}.google-button:hover{background:#e4e4e4}.google-mark{color:#4285f4;font-size:22px;font-weight:800}.auth-footer{margin-top:48px;font-size:14px}.app-shell{min-height:100vh;display:flex}.app-shell aside{color:#cbd5e1;z-index:20;background:#0f172a;flex-direction:column;width:250px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.side-brand strong{color:#fff;font-size:20px;display:block}.side-brand small{letter-spacing:1.5px;color:#60a5fa;font-size:8px}.logo-orb{color:#fff;background:linear-gradient(145deg,#60a5fa,#2563eb);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.logo-orb svg{width:21px}aside nav{gap:6px;display:grid}aside nav a,aside nav button,.side-bottom button{color:#cbd5e1;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}aside nav a:hover,aside nav button:hover,.side-bottom button:hover,aside nav .active{color:#fff;background:#1e293b}aside svg{width:19px}.side-bottom{margin-top:auto;display:grid}.workspace{flex:1;min-width:0;margin-left:250px}.workspace header{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.header-title strong,.header-title span,.user-name strong,.user-name span{display:block}.header-title span,.user-name span{color:#94a3b8;font-size:11px}.header-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.header-actions button,.menu-button{color:#64748b;background:0 0}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:700;display:grid}.user-name strong{font-size:13px}.content{max-width:1240px;margin:auto;padding:28px}.setup-wrap{position:relative}.dismiss{z-index:2;color:#64748b;background:0 0;position:absolute;top:15px;right:18px}.device-card{background:linear-gradient(130deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:16px;grid-template-columns:1.1fr .9fr;gap:34px;margin-bottom:32px;padding:30px;display:grid}.eyebrow{color:#3978ed;letter-spacing:1.8px;font-size:10px;font-weight:800}.device-card h2,.section-heading h1{margin:8px 0;font-size:25px}.device-card p,.section-heading p{color:#64748b;margin:0;line-height:1.55}.permission-note{color:#475569;background:#fff;border-radius:10px;gap:10px;margin-top:22px;padding:13px;font-size:12px;display:flex}.permission-note svg{width:18px;min-width:18px}.device-action{padding-top:18px}.device-action form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.device-action form button{grid-column:1/-1}.status{color:#166534;background:#f0fdf4;border-radius:8px;gap:8px;margin-top:10px;padding:11px;font-size:12px;display:flex}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading h1{font-size:29px}.section-heading p{font-size:14px}.ghost{border:1px solid var(--line);color:#475569;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.ghost svg{width:16px}.composer{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 8px 20px #0f172a08}.composer textarea{resize:vertical;min-height:66px;box-shadow:none;background:0 0;border:0;padding:8px}.composer-icon{color:#2563eb;background:#eff6ff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button{padding:12px}.notes-list{gap:12px;margin-top:18px;display:grid}.note,.empty{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.note-meta{color:#94a3b8;justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.note-meta span{color:#3b82f6;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.note-text{color:#334155;line-height:1.6}.empty{text-align:center;color:#94a3b8;padding:48px}.empty svg{color:#60a5fa}.empty h3{color:#334155;margin-bottom:6px}.mobile-close,.menu-button,.scrim{display:none}@media (width<=800px){.auth-card{border-radius:0;min-height:100vh;padding:30px 24px}.brand{margin-bottom:38px}.auth-subtitle{margin-bottom:36px}.form-row,.device-card{grid-template-columns:1fr}.app-shell aside{transition:all .2s;transform:translate(-100%)}.app-shell aside.open{transform:none}.workspace{margin-left:0}.menu-button,.mobile-close{display:block}.mobile-close{color:#fff;background:0 0;margin-left:auto}.scrim{z-index:15;background:#0f172a80;display:block;position:fixed;inset:0}.workspace header{padding:0 16px}.header-title{margin-left:12px}.user-name{display:none}.content{padding:20px 14px}.device-card{padding:24px 18px}.device-action form{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading p{max-width:230px}.composer-icon{display:none}}