:root{
  --bg:#080811;
  --panel:#11111d;
  --panel-2:#171728;
  --text:#f7f7ff;
  --muted:#a7a7bc;
  --line:rgba(255,255,255,.1);
  --blue:#61c4ff;
  --violet:#7558ff;
  --violet-2:#4e35df;
  --danger:#ff6b7a;
  --good:#6dffb2;
  --warn:#ffd166;
  --shadow:0 24px 80px rgba(0,0,0,.45);
  --safe-bottom:env(safe-area-inset-bottom, 0px);
}
*{box-sizing:border-box}
html{height:100%;background:var(--bg);color-scheme:dark;}
body{margin:0;min-height:100%;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.14),transparent 20%), var(--bg);color:var(--text);overflow-x:hidden;}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
.hidden{display:none!important}
.ambient-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#07070f;}
.orb{position:absolute;border-radius:999px;filter:blur(42px);opacity:.72;animation:floatOrb 12s ease-in-out infinite alternate;}
.orb-1{width:480px;height:480px;background:#4529ff;right:-210px;top:70px;}
.orb-2{width:420px;height:420px;background:#55c7ff;left:-180px;bottom:-110px;animation-delay:-4s;}
.orb-3{width:360px;height:360px;background:rgba(255,255,255,.72);left:30%;bottom:-210px;animation-delay:-8s;}
@keyframes floatOrb{to{transform:translate3d(20px,-30px,0) scale(1.08)}}
.boot-screen,.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;}
.boot-logo{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;font-weight:900;font-size:24px;background:linear-gradient(135deg,var(--blue),var(--violet) 55%,rgba(255,255,255,.85));box-shadow:0 24px 60px rgba(92,77,255,.35);}
.boot-title{margin-top:18px;color:var(--muted);font-size:14px;letter-spacing:.2px;}
.loading-bar{width:min(280px,70vw);height:9px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:18px;}
.loading-bar span{display:block;height:100%;width:44%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--violet),#fff);animation:loadMove 1.45s ease-in-out infinite;}
@keyframes loadMove{0%{transform:translateX(-110%)}100%{transform:translateX(250%)}}
.phone-frame{width:min(430px,100%);min-height:640px;border:1px solid rgba(255,255,255,.13);border-radius:42px;position:relative;overflow:hidden;box-shadow:var(--shadow);}
.phone-frame:before{content:"";position:absolute;inset:auto 14px 14px 14px;height:64%;border-radius:34px;background:linear-gradient(160deg,transparent 20%,rgba(104,69,255,.75) 52%,rgba(255,255,255,.85));filter:blur(4px);opacity:.88;z-index:0;}
.glass-card{background:linear-gradient(180deg,rgba(18,18,31,.78),rgba(9,9,19,.84));backdrop-filter:blur(22px);}
.login-card{display:flex;flex-direction:column;justify-content:space-between;padding:36px 28px 28px;}
.login-brand,.login-form,.login-note{position:relative;z-index:1}
.tiny-brand{color:#a894ff;font-weight:800;font-size:13px;letter-spacing:.1px;}
.typewriter{min-height:156px;font-size:clamp(37px,8.5vw,50px);line-height:.95;margin:92px 0 18px;letter-spacing:-2.2px;text-wrap:balance;}
.typewriter::after{content:"";display:inline-block;width:3px;height:.82em;background:rgba(255,255,255,.9);margin-left:5px;vertical-align:-4px;animation:blink .9s step-end infinite;}
@keyframes blink{50%{opacity:0}}
.login-brand p{margin:0;color:rgba(255,255,255,.75);max-width:270px;line-height:1.45;font-size:14px;}
.login-form{margin-top:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:18px;box-shadow:0 18px 52px rgba(0,0,0,.22);}
.login-form label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.7px;}
.pin-wrap{margin-top:9px;display:flex;align-items:center;border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);padding:0 10px;}
.pin-wrap input{width:100%;border:0;outline:0;background:transparent;padding:15px 6px;font-size:16px;}
.ghost-icon{opacity:.75;padding:8px}
.primary-btn{width:100%;min-height:52px;margin-top:14px;padding:0 18px;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.48));color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;box-shadow:0 18px 50px rgba(112,91,255,.25);position:relative;overflow:hidden;}
.primary-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--violet));opacity:.62;}
.primary-btn span,.primary-btn b{z-index:1}.primary-btn b{font-size:18px}
.primary-btn:active{transform:translateY(1px) scale(.99)}
.form-error{min-height:18px;margin:10px 0 0;color:var(--danger);font-size:13px}.login-note{color:rgba(255,255,255,.72);text-align:center;font-size:12px;margin-top:16px;}
.app-shell{min-height:100dvh;max-width:740px;margin:0 auto;padding:14px 14px calc(94px + var(--safe-bottom));position:relative;}
.app-header{position:sticky;top:0;z-index:10;padding:14px 2px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(8,8,17,.95),rgba(8,8,17,.72) 76%,transparent);backdrop-filter:blur(12px);}
.eyebrow{display:block;color:#a894ff;font-size:12px;font-weight:800;margin-bottom:4px;text-transform:uppercase;letter-spacing:.8px}.app-header h2{margin:0;font-size:23px;letter-spacing:-.6px}.header-actions{display:flex;gap:8px}.icon-btn{width:43px;height:43px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid var(--line);display:grid;place-items:center;position:relative}.dot{position:absolute;right:9px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px rgba(255,107,122,.14)}
.content-root{position:relative}.screen{display:none;animation:fadeUp .28s ease both}.active-screen{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hero-card{position:relative;overflow:hidden;border-radius:32px;padding:24px;background:linear-gradient(135deg,#1f5fff 0%,#6d4fff 48%,#f2f3ff 118%);box-shadow:0 24px 70px rgba(72,60,255,.35);min-height:190px;display:flex;flex-direction:column;justify-content:space-between;}
.hero-card:after{content:"";position:absolute;right:-120px;top:-120px;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(6px)}.hero-card>*{position:relative;z-index:1}.hero-label{font-size:13px;color:rgba(255,255,255,.76);font-weight:700}.hero-card h3{font-size:38px;margin:9px 0 0;letter-spacing:-1.5px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.hero-stat{background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:10px}.hero-stat b{display:block;font-size:20px}.hero-stat span{font-size:11px;color:rgba(255,255,255,.75)}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.quick-btn{min-height:92px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid var(--line);padding:13px;text-align:left;display:flex;flex-direction:column;gap:10px;justify-content:space-between;transition:.18s ease}.quick-btn:hover,.quick-btn:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.12)}.quick-btn i{font-style:normal;width:34px;height:34px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center}.quick-btn b{font-size:13px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 12px}.section-title h3{margin:0;font-size:18px;letter-spacing:-.3px}.section-title button{color:#a894ff;font-weight:800;font-size:13px}.card-list{display:grid;gap:11px}.contact-card,.company-card,.reminder-card,.settings-card{border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.045));border:1px solid var(--line);padding:15px;box-shadow:0 12px 40px rgba(0,0,0,.14);}
.contact-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.avatar{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,var(--blue),var(--violet));display:grid;place-items:center;font-weight:900;position:relative;overflow:hidden;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),0 12px 28px rgba(0,0,0,.18)}.company-avatar span{position:relative;z-index:1;letter-spacing:.4px}.logo-avatar{background:rgba(255,255,255,.92)}.logo-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7px;background:rgba(255,255,255,.96);z-index:2}.logo-avatar.fallback-logo{background:linear-gradient(135deg,var(--blue),var(--violet));}.contact-main h4,.company-card h4{margin:0 0 5px;font-size:15px}.contact-main p,.company-card p,.muted{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);padding:7px 10px;font-size:12px;color:rgba(255,255,255,.82)}.mini-actions{display:flex;gap:7px}.mini-actions a,.mini-actions button{width:35px;height:35px;border-radius:13px;background:rgba(255,255,255,.08);display:grid;place-items:center;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.08)}
.search-box{position:relative;margin:8px 0 14px}.search-box input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:22px;padding:17px 18px 17px 48px;outline:0;box-shadow:0 18px 45px rgba(0,0,0,.13)}.search-box span{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--muted)}.filter-row{display:flex;gap:8px;overflow:auto;padding:4px 2px 12px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);padding:9px 13px;font-weight:750;font-size:12px;color:var(--muted)}.filter-pill.active{color:#fff;background:linear-gradient(90deg,rgba(97,196,255,.26),rgba(117,88,255,.3));border-color:rgba(130,107,255,.5)}
.company-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;text-align:left;width:100%;}.company-list-logo{width:54px;height:54px;border-radius:19px}.company-card-body{min-width:0}.company-card-body h4{white-space:normal;overflow-wrap:anywhere}.company-arrow{font-size:24px;color:rgba(255,255,255,.55);padding-inline:2px}.company-title-line{display:flex;align-items:center;gap:12px;min-width:0}.modal-company-logo{width:54px;height:54px;border-radius:19px}.company-modal-header{align-items:center}.company-meta{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.badge{font-size:11px;color:rgba(255,255,255,.8);padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08)}
.form-card{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:26px;padding:16px;margin-bottom:16px}.field{display:grid;gap:7px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22);border-radius:17px;padding:13px 14px;outline:0}.field textarea{min-height:88px;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premium-select{position:relative;width:100%;z-index:9}.premium-select.open{z-index:40}.premium-select-trigger{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.18));border-radius:17px;padding:12px 13px;display:flex;align-items:center;gap:10px;color:#fff;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,background .18s ease}.premium-select.open .premium-select-trigger,.premium-select-trigger:focus-visible{border-color:rgba(97,196,255,.38);background:linear-gradient(135deg,rgba(97,196,255,.14),rgba(117,88,255,.16));outline:0}.premium-select-value{font-weight:800;flex:1}.select-caret{color:var(--muted);font-size:18px;transition:transform .18s ease}.premium-select.open .select-caret{transform:rotate(180deg)}.premium-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:7px;border-radius:20px;background:linear-gradient(180deg,rgba(28,28,48,.98),rgba(9,9,20,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 70px rgba(0,0,0,.5),0 0 0 1px rgba(117,88,255,.08);backdrop-filter:blur(18px);display:grid;gap:6px;animation:selectDrop .16s ease both}.premium-select-menu.hidden{display:none!important}.premium-select-option{width:100%;border-radius:15px;padding:12px;display:flex;align-items:center;gap:11px;color:#fff;text-align:left;background:transparent;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,transform .16s ease}.premium-select-option:hover,.premium-select-option.active{background:linear-gradient(90deg,rgba(97,196,255,.16),rgba(117,88,255,.18));border-color:rgba(255,255,255,.09)}.premium-select-option:active{transform:scale(.99)}.premium-select-option b{display:block;font-size:14px}.premium-select-option small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.priority-dot{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.05);flex:0 0 auto}.priority-dot.normal{background:var(--blue);box-shadow:0 0 0 4px rgba(97,196,255,.12)}.priority-dot.important{background:var(--warn);box-shadow:0 0 0 4px rgba(255,209,102,.12)}.priority-dot.urgent{background:var(--danger);box-shadow:0 0 0 4px rgba(255,107,122,.12)}@keyframes selectDrop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.suggestions{display:grid;gap:8px;margin-top:-5px;margin-bottom:12px;max-height:240px;overflow:auto}.suggestion{border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:10px;text-align:left;display:flex;align-items:center;gap:10px}.suggestion-logo{width:38px;height:38px;border-radius:14px;font-size:13px}.suggestion span{min-width:0}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;color:var(--muted);font-size:13px}.switch{position:relative;width:52px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,.14);border-radius:999px;transition:.2s}.slider:before{content:"";position:absolute;height:24px;width:24px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}input:checked+.slider{background:linear-gradient(90deg,var(--blue),var(--violet))}input:checked+.slider:before{transform:translateX(22px)}
.reminder-card{display:grid;gap:12px}.reminder-top{display:flex;justify-content:space-between;gap:12px}.priority{font-size:11px;border-radius:999px;padding:6px 9px;background:rgba(117,88,255,.18);border:1px solid rgba(117,88,255,.35)}.priority.urgent{background:rgba(255,107,122,.14);border-color:rgba(255,107,122,.32)}.priority.important{background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.28)}.reminder-actions{display:flex;flex-wrap:wrap;gap:8px}.small-btn{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.08);border-radius:13px;padding:9px 10px;color:#fff;font-weight:750;font-size:12px}.small-btn.good{background:rgba(109,255,178,.12);border-color:rgba(109,255,178,.25)}.small-btn.danger{background:rgba(255,107,122,.12);border-color:rgba(255,107,122,.25)}
.empty-state{min-height:180px;border:1px dashed rgba(255,255,255,.16);border-radius:26px;display:grid;place-items:center;text-align:center;padding:22px;color:var(--muted);}.empty-state b{display:block;color:#fff;margin-bottom:6px}.skeleton{border-radius:23px;min-height:78px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05));background-size:240% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-240% 0}}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(740px,100%);padding:10px 12px calc(10px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:7px;background:rgba(8,8,17,.82);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:30}.nav-item{min-height:58px;border-radius:19px;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:11px}.nav-item span{font-size:18px}.nav-item b{font-size:10px}.nav-item.active{color:#fff;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.modal{position:fixed;inset:0;z-index:60;display:grid;align-items:end}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(740px,100%);max-height:88dvh;overflow:auto;margin:0 auto;background:linear-gradient(180deg,#151528,#090914);border:1px solid rgba(255,255,255,.12);border-radius:30px 30px 0 0;box-shadow:0 -20px 90px rgba(0,0,0,.55);padding:18px 16px calc(22px + var(--safe-bottom));animation:slideUp .25s ease both}@keyframes slideUp{from{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}
.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.modal-header h3{margin:0;font-size:20px}.close-btn{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid var(--line)}.detail-hero{border-radius:26px;background:linear-gradient(135deg,rgba(97,196,255,.75),rgba(117,88,255,.85),rgba(255,255,255,.3));padding:18px;margin-bottom:13px;position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;right:-50px;bottom:-60px;width:160px;height:160px;border-radius:999px;background:rgba(255,255,255,.22);filter:blur(18px)}.detail-hero>*{position:relative;z-index:1}.detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-company-logo{width:68px;height:68px;border-radius:23px;font-size:19px}.detail-hero h3{margin:12px 0 4px;font-size:25px;letter-spacing:-.7px}.detail-section{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px;margin:10px 0}.detail-section h4{margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.detail-row:first-of-type{border-top:0}.detail-row span{word-break:break-word}.toast-root{position:fixed;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translateX(-50%);z-index:80;width:min(440px,calc(100% - 24px));display:grid;gap:8px}.toast{background:rgba(20,20,35,.95);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:13px 14px;box-shadow:0 18px 48px rgba(0,0,0,.3);animation:toastIn .24s ease both}.toast b{display:block;margin-bottom:3px}.toast p{margin:0;color:var(--muted);font-size:13px}.toast.success{border-color:rgba(109,255,178,.28)}.toast.warn{border-color:rgba(255,209,102,.28)}.toast.error{border-color:rgba(255,107,122,.28)}@keyframes toastIn{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
.notification-panel .reminder-card{margin-bottom:10px}.install-card{border-radius:25px;padding:16px;background:linear-gradient(135deg,rgba(97,196,255,.15),rgba(117,88,255,.2));border:1px solid rgba(117,88,255,.22);}
@media (min-width:760px){.app-shell{padding-top:20px}.bottom-nav{border-radius:26px 26px 0 0}.hero-card{min-height:220px}.quick-grid{grid-template-columns:repeat(3,1fr)}.card-list.grid{grid-template-columns:1fr 1fr}.modal{align-items:center}.modal-panel{border-radius:30px;max-height:86dvh}.modal-backdrop{background:rgba(0,0,0,.65)}}
@media (max-width:380px){.quick-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.contact-card{grid-template-columns:44px 1fr}.contact-card .mini-actions{grid-column:1/-1}.company-card{grid-template-columns:48px 1fr auto}.company-list-logo{width:48px;height:48px}.typewriter{font-size:35px}.phone-frame{border-radius:32px;min-height:620px}}