@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#eef2ff;font-synthesis:none;--bg:#080b14;--panel:#0b1020;--surface:#101526;--surface-raised:#151c31;--line:#222b47;--line-strong:#38476f;--text:#eef2ff;--muted:#8893b2;--accent:#45e6ff;--accent-2:#8b6cff;--accent-3:#ff4fd8;--danger:#ff6b8b;background:#080b14;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% -12%, #6636d92b 0, transparent 34%), radial-gradient(circle at 15% 115%, #00c8ff14 0, transparent 36%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}code{font-family:DM Mono,monospace}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{border:1px solid var(--line);color:var(--text);background:#12192b;border-radius:9px;padding:9px 13px;transition:border-color .15s,background .15s,transform .15s}button:hover{border-color:var(--line-strong);background:#1a233a}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.55;transform:none}button.primary{color:#060a14;background:linear-gradient(105deg, var(--accent), #7ab8ff 48%, var(--accent-2));border-color:#6cecff;font-weight:800;box-shadow:0 0 24px #45e6ff1f}button.primary:hover{background:linear-gradient(105deg,#7deeff,#9f8cff);border-color:#a99aff;box-shadow:0 0 30px #8b6cff38}button.wide{width:100%}.danger-text{color:var(--danger)}.app-shell{background:0 0;min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090d19e8;justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand>span{color:#070912;background:linear-gradient(135deg, var(--accent), var(--accent-2) 58%, var(--accent-3));border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 0 22px #45e6ff30}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{color:var(--muted);margin-top:2px;font-size:9px}.header-actions{align-items:center;gap:15px;display:flex}.connection-status{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.connection-status i{background:#68728d;border-radius:50%;width:7px;height:7px}.connection-status i.connected{background:var(--accent);box-shadow:0 0 0 4px #45e6ff17,0 0 12px #45e6ff75}.icon-button{place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px}.workspace-shell{grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.library{border-right:1px solid var(--line);background:var(--panel);padding:26px 17px}.library-heading{justify-content:space-between;align-items:center;padding:0 7px;display:flex}.library-heading p,.section-heading p,.section-kicker,.sheet header p{color:#a995ff;text-transform:uppercase;letter-spacing:.13em;margin:0 0 4px;font-size:9px;font-weight:700}.library-heading h1{margin:0;font-size:22px}.new-button{background:linear-gradient(135deg, var(--accent-3), var(--accent-2));color:#080b14;border-color:#ff74df;border-radius:50%;width:35px;height:35px;padding:0;font-size:19px;box-shadow:0 0 18px #ff4fd830}.search-box{border:1px solid var(--line);background:#080c18;border-radius:9px;align-items:center;gap:8px;margin:20px 0 12px;padding:0 10px;display:flex}.search-box svg{fill:none;width:15px;stroke:var(--muted);stroke-width:1.8px}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:10px 0;font-size:11px}.caplet-list{flex-direction:column;gap:5px;display:flex}.caplet-list>button{text-align:left;background:0 0;border-color:#0000;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 10px;display:grid}.caplet-list>button.active{box-shadow:inset 2px 0 var(--accent-2);background:linear-gradient(90deg,#17203a,#14182d);border-color:#415587}.caplet-list strong,.caplet-list small{text-overflow:ellipsis;display:block;overflow:hidden}.caplet-list strong{font-size:12px}.caplet-list small{color:var(--muted);margin-top:4px;font-family:DM Mono,monospace;font-size:8px}.visibility-dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px;display:inline-block}.visibility-dot.public{background:var(--accent);box-shadow:0 0 0 3px #45e6ff18,0 0 9px #45e6ff80}.library-empty{color:var(--muted);padding:18px 10px;font-size:10px;line-height:1.5}.add-existing{color:#9ba6c3;background:0 0;border-style:dashed;width:100%;margin-top:13px;font-size:10px}.main-content{min-width:0;padding:34px}.welcome{min-height:70vh;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.welcome .orbit{width:78px;height:78px;box-shadow:0 0 0 18px #101526, 0 0 0 19px var(--line);color:var(--accent);text-shadow:0 0 16px #45e6ffaa;border:1px solid #465384;border-radius:50%;place-items:center;margin-bottom:28px;font-weight:900;display:grid}.welcome h2{color:var(--text);margin:0 0 7px}.welcome p{margin:0 0 22px;font-size:12px}.detail-heading{justify-content:space-between;align-items:end;display:flex}.visibility-label{color:#a5afc9;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:7px;margin:0;font-size:9px;display:flex}.detail-heading h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(29px,4vw,39px)}.detail-heading code{color:var(--muted);font-size:9px}.balance{text-align:right}.balance small,.balance strong,.balance span{display:block}.balance small,.balance span{color:var(--muted);font-size:9px}.balance strong{color:var(--accent);letter-spacing:-.055em;text-shadow:0 0 24px #45e6ff38;font-size:clamp(32px,4vw,43px)}.toolbar{border-bottom:1px solid var(--line);gap:7px;margin:24px 0;padding-bottom:18px;display:flex}.more-menu{position:relative}.menu-popover{z-index:10;border:1px solid var(--line-strong);background:#11182a;border-radius:10px;width:190px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #0008}.menu-popover button{text-align:left;background:0 0;border:0;width:100%}.credential-warning{color:#efd496;background:#211d15;border:1px solid #775b29;border-radius:9px;margin:-8px 0 18px;padding:12px 14px;font-size:11px}.detail-columns{grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:15px;display:grid}.surface{background:var(--surface);border:1px solid #283454;border-radius:17px;padding:21px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2,.surface h2{margin:0;font-size:19px}.section-heading>span{color:var(--muted);font-size:10px}.dropzone{color:#e7eaff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#0b1120,#11152a);border:1px dashed #425487;border-radius:13px;place-items:center;min-height:152px;padding:20px;display:grid}.dropzone input{display:none}.dropzone>span{color:#07101a;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:10px;font-weight:800;display:grid;box-shadow:0 0 20px #45e6ff32}.dropzone strong{font-size:12px}.dropzone small{color:var(--muted);margin-top:4px;font-size:9px}.dropzone progress{width:min(280px,90%);accent-color:var(--accent);margin-top:15px}.object-list{margin-top:15px}.object-row{border-top:1px solid #252f4c;grid-template-columns:34px minmax(0,1fr) auto auto auto;align-items:center;gap:9px;padding:13px 0;display:grid}.file-icon{color:#a99cff;background:#1a2038;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.object-row strong,.object-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.object-row strong{font-size:11px}.object-row small{color:var(--muted);margin-top:4px;font-size:8px}.object-row button{padding:7px 9px;font-size:9px}.objects-empty{color:var(--muted);text-align:center;margin:24px 0 4px;font-size:11px}.side-stack{flex-direction:column;gap:14px;display:flex}.stat{border-top:1px solid var(--line);padding:13px 0}.stat small,.stat strong{display:block}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:9px}.stat strong{text-transform:capitalize;font-size:13px}.top-up-card p:not(.section-kicker),.danger-zone p:not(.section-kicker){color:var(--muted);font-size:11px;line-height:1.5}.danger-zone{background:#1c1919;border-color:#493536}.danger-zone button{width:100%;color:var(--danger);background:0 0;margin-top:8px}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03050dbd;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{border-left:1px solid var(--line-strong);width:min(490px,100%);min-height:100vh;color:var(--text);background:#0c1120;flex-direction:column;animation:.2s ease-out slide-in;display:flex;box-shadow:-24px 0 70px #0009}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}}.sheet>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 27px;display:flex}.sheet header h2{letter-spacing:-.03em;margin:0;font-size:23px}.sheet-body{flex:1;padding:28px 27px}.sheet>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:20px 27px;display:flex}.form-stack{flex-direction:column;gap:20px;display:flex}.form-stack label{color:#b8c2dc;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:8px;font-size:10px;display:flex}.form-stack input,.form-stack select,.amount-field{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#080d1a;border-radius:9px;outline:0}.form-stack input,.form-stack select{padding:12px}.form-stack input:focus,.form-stack select:focus,.amount-field:focus-within{border-color:var(--accent-2);box-shadow:0 0 0 3px #8b6cff19,0 0 18px #45e6ff12}.local-note{border:1px solid var(--line);color:#b8c2dc;background:#11182a;border-radius:10px;flex-direction:column;gap:5px;padding:14px;font-size:11px;display:flex}.local-note span{color:var(--muted);line-height:1.5}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{text-align:left;background:#0f1526;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:110px;display:flex}.choice.active{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--accent-2), 0 0 20px #8b6cff16;background:linear-gradient(135deg,#17203a,#19162f)}.choice strong{text-transform:capitalize;font-size:13px}.choice small{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.4}.amount-field{align-items:center;display:flex}.amount-field input{background:0 0;border:0;box-shadow:none!important}.amount-field span{color:var(--muted);padding-right:12px;font-size:10px}.payment-step{flex-direction:column;gap:22px;display:flex}.payment-step>p{color:var(--muted);font-size:12px;line-height:1.65}.payment-summary{border:1px solid var(--line-strong);background:linear-gradient(135deg,#111a2d,#18162f);border-radius:13px;padding:22px}.payment-summary span,.payment-summary strong,.payment-summary small{display:block}.payment-summary span{color:var(--muted);font-size:10px}.payment-summary strong{color:var(--accent);letter-spacing:-.04em;text-shadow:0 0 20px #45e6ff3d;margin:11px 0 5px;font-size:31px}.payment-summary small{color:#929dbc;font-size:9px}.toast{z-index:100;color:#eef5ff;background:linear-gradient(105deg,#111b2d,#1c1636);border:1px solid #4e62a0;border-radius:10px;align-items:center;gap:9px;padding:13px 17px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0008}.toast span{color:var(--accent);text-shadow:0 0 12px #45e6ffaa}.busy-bar{z-index:101;background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));width:40%;height:2px;box-shadow:0 0 14px var(--accent-2);animation:1.2s ease-in-out infinite busy;position:fixed;top:0;left:0}@keyframes busy{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (width<=1020px){.workspace-shell{grid-template-columns:260px minmax(0,1fr)}.main-content{padding:26px}.detail-columns{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vitals{grid-row:span 2}}@media (width<=720px){.app-header{padding:0 14px}.connection-status{display:none}.workspace-shell{display:block}.library{border-right:0;border-bottom:1px solid var(--line)}.caplet-list{flex-direction:row;overflow-x:auto}.caplet-list>button{min-width:210px}.main-content{padding:22px 16px}.detail-heading{align-items:flex-start;gap:20px}.balance strong{font-size:30px}.object-row{grid-template-columns:34px minmax(0,1fr) auto}.object-row button:not(:first-of-type){grid-column:auto}.side-stack{display:flex}}@media (width<=480px){.brand small{display:none}.detail-heading{display:block}.balance{text-align:left;margin-top:24px}.toolbar{flex-wrap:wrap}.choice-grid{grid-template-columns:1fr}.sheet>header,.sheet-body,.sheet>footer{padding-left:20px;padding-right:20px}.object-row{grid-template-columns:32px minmax(0,1fr)}.object-row button{grid-column:2}}
