:root{--bg:#08090b;--surface:#111316;--surface-2:#181b1f;--line:#272b30;--text:#f5f6f7;--muted:#8d949e;--lime:#d7ff38;--green:#53e88b;--orange:#ffb84d;--violet:#ad8cff;--danger:#ff7777;--radius:26px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh}.app-shell{width:100%;max-width:560px;min-height:100vh;margin:auto;background:var(--bg);position:relative;overflow:hidden}.is-hidden{display:none!important}button,input,textarea{font:inherit}.login-view{min-height:100vh;padding:calc(34px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 90% 18%,rgba(215,255,56,.15),transparent 32%),var(--bg)}.login-view:after{content:"R";position:absolute;right:-48px;top:102px;font-size:280px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);z-index:0}.brand-lockup{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.18em;font-size:14px;z-index:1}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--lime);color:#08090b;font-size:18px;letter-spacing:0}.login-copy{margin-top:auto;z-index:1}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--lime);font-weight:800}.login-copy h1{font-size:43px;line-height:1.03;margin:12px 0 16px;letter-spacing:-.045em;max-width:350px}.login-copy p,.page-title p,.bottom-sheet>p{color:var(--muted);line-height:1.6;margin:0}.login-card{margin-top:38px;display:grid;gap:16px;z-index:1}.login-card label{font-size:13px;font-weight:700;color:#c3c7cc}.login-card input,.note-form textarea{width:100%;margin-top:8px;background:#121417;border:1px solid var(--line);border-radius:17px;padding:17px 16px;color:var(--text);outline:none}.login-card input:focus,.note-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(215,255,56,.08)}.primary-button{border:0;background:var(--lime);color:#08090b;border-radius:17px;padding:17px 18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.text-button{border:0;background:none;color:var(--muted);padding:4px;cursor:pointer}.demo-note{text-align:center;color:#626871;font-size:12px;margin:24px 0 0}.panel-view{min-height:100vh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(118px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.topbar h1{font-size:24px;margin:3px 0 0;letter-spacing:-.03em}.muted-label{margin:0;color:var(--muted);font-size:13px}.avatar,.large-avatar{border:1px solid #394047;background:linear-gradient(135deg,#303640,#15171a);color:white;display:grid;place-items:center;font-weight:800}.avatar{width:46px;height:46px;border-radius:16px}.status-strip{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:0 20px 7px;scrollbar-width:none}.status-strip::-webkit-scrollbar{display:none}.status-card{min-width:123px;height:132px;border:1px solid var(--line);border-radius:22px;padding:15px;background:var(--surface);display:flex;flex-direction:column}.status-icon{font-size:21px;margin-bottom:auto}.status-card span{color:#aaafb6;font-size:13px}.status-card strong{font-size:14px;margin-top:3px}.status-card.done .status-icon,.status-card.done strong{color:var(--green)}.status-card.scheduled .status-icon,.status-card.scheduled strong{color:var(--orange)}.status-card.passive .status-icon,.status-card.passive strong{color:#818892}.hero-card{min-height:320px;margin-top:16px;padding:22px;border-radius:30px;background:linear-gradient(150deg,#202424,#121415);border:1px solid #303536;position:relative;overflow:hidden;display:flex;flex-direction:column}.hero-glow{position:absolute;width:240px;height:240px;background:var(--lime);filter:blur(100px);opacity:.16;right:-100px;bottom:-100px}.hero-top,.hero-stats{display:flex;justify-content:space-between;align-items:center;position:relative}.mini-brand{font-size:11px;letter-spacing:.18em;font-weight:800}.live-dot{font-size:12px;color:var(--green);display:flex;align-items:center;gap:6px}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.hero-main{margin:auto 0;position:relative}.hero-main p{margin:0;color:#a8aeb5;font-size:20px}.hero-main strong{display:block;font-size:55px;line-height:1.05;letter-spacing:-.06em;color:var(--lime)}.hero-stats{border-top:1px solid rgba(255,255,255,.11);padding-top:18px}.hero-stats div{width:50%}.hero-stats div+div{border-left:1px solid rgba(255,255,255,.11);padding-left:20px}.hero-stats span{display:block;color:#9299a1;font-size:12px}.hero-stats strong{display:block;font-size:17px;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 13px}.section-heading h2,.page-title h2,.bottom-sheet h2{font-size:25px;letter-spacing:-.04em;margin:3px 0 0}.section-heading.compact{align-items:center}.section-heading.compact h2{font-size:20px}.icon-button{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:white;font-size:20px}.meeting-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:14px}.date-tile{width:58px;height:65px;border-radius:16px;background:var(--lime);color:#08090b;display:grid;place-content:center;text-align:center}.date-tile strong{font-size:25px;line-height:1}.date-tile span{font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:4px}.meeting-info{display:flex;flex-direction:column;min-width:0}.meeting-info strong{font-size:14px}.meeting-info span{color:var(--muted);font-size:12px;margin-top:5px}.countdown{margin-left:auto;text-align:center;padding-left:12px;border-left:1px solid var(--line)}.countdown strong{display:block;font-size:21px}.countdown span{font-size:11px;color:var(--muted)}.notes-callout{width:100%;margin-top:10px;padding:14px;border:1px solid #313637;border-radius:19px;background:linear-gradient(110deg,rgba(215,255,56,.09),#101214 55%);color:var(--text);display:flex;align-items:center;text-align:left;gap:12px}.notes-icon{width:38px;height:38px;border-radius:12px;background:var(--lime);color:#08090b;display:grid;place-items:center;font-size:19px}.notes-callout>span:nth-child(2){display:flex;flex-direction:column}.notes-callout small{color:var(--muted);margin-top:2px}.arrow{margin-left:auto;font-size:26px}.link-button{border:0;background:none;color:var(--lime);font-size:12px;font-weight:800}.activity-list{display:grid;gap:8px}.activity-list article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px;display:flex;align-items:center;gap:12px}.activity-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.activity-icon.green{background:rgba(83,232,139,.12);color:var(--green)}.activity-icon.violet{background:rgba(173,140,255,.12);color:var(--violet)}.activity-list div{display:flex;flex-direction:column}.activity-list strong{font-size:13px}.activity-list small{color:var(--muted);font-size:11px;margin-top:3px}.chip{margin-left:auto;background:#202429;border-radius:20px;padding:5px 8px;color:#aeb4bc;font-size:10px}.page{display:none}.page.active{display:block;animation:fade .28s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-title{padding:14px 2px 24px}.page-title h2{font-size:34px;margin:7px 0 8px}.contract-card,.package-card,.profile-card,.settings-list,.timeline article{background:var(--surface);border:1px solid var(--line);border-radius:24px}.contract-card{padding:20px}.contract-head{display:flex;justify-content:space-between}.document-icon{width:46px;height:46px;border-radius:15px;background:var(--lime);color:#08090b;display:grid;place-items:center;font-size:23px}.contract-card h3{font-size:21px;margin:24px 0 4px}.contract-card>p{color:var(--muted);margin:0}.progress-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:23px}.progress{height:7px;background:#262a2f;border-radius:9px;margin-top:8px;overflow:hidden}.progress i{display:block;width:65%;height:100%;background:var(--lime);border-radius:9px}.contract-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0}.contract-meta div{background:var(--surface-2);border-radius:16px;padding:13px}.contract-meta span,.profile-card span{display:block;color:var(--muted);font-size:11px}.contract-meta strong{font-size:12px}.secondary-button{width:100%;border:1px solid #353a40;background:#1a1d21;color:white;padding:14px;border-radius:15px;font-weight:700}.package-card{margin-top:12px;padding:19px}.package-card h3{margin:0 0 14px}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.package-grid span{background:var(--surface-2);border-radius:13px;padding:11px;color:#c4c9ce;font-size:12px}.filter-row{display:flex;gap:7px;margin-bottom:15px;overflow:auto}.filter{border:1px solid var(--line);background:var(--surface);color:#9aa1a9;border-radius:13px;padding:9px 14px;white-space:nowrap}.filter.active{background:var(--lime);color:#08090b;border-color:var(--lime);font-weight:800}.timeline{display:grid;gap:10px}.timeline article{padding:13px;display:flex;align-items:center;gap:13px}.timeline-date{width:50px;height:58px;border-right:1px solid var(--line);display:grid;place-content:center;text-align:center}.timeline-date strong{font-size:20px}.timeline-date span{font-size:9px;color:var(--muted);font-weight:800}.timeline-body{display:flex;flex-direction:column;gap:3px;min-width:0}.timeline-body strong{font-size:13px}.timeline-body small{font-size:11px;color:var(--muted)}.type-label{font-size:9px;font-weight:800;letter-spacing:.12em}.type-label.story{color:var(--green)}.type-label.post{color:var(--orange)}.type-label.reel{color:var(--violet)}.round-check,.round-time{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.round-check{background:rgba(83,232,139,.12);color:var(--green)}.round-time{background:rgba(255,184,77,.12);color:var(--orange)}.tiny-button{margin-left:auto;border:0;background:var(--violet);color:#0a0a0c;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:800}.profile-card{display:flex;align-items:center;padding:14px;gap:13px}.large-avatar{width:52px;height:52px;border-radius:16px}.profile-card div:nth-child(2){display:flex;flex-direction:column;gap:3px}.profile-card .icon-button{margin-left:auto}.settings-list{margin-top:12px;overflow:hidden}.settings-list button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;padding:15px}.settings-list button:last-child{border-bottom:0}.settings-list button>span{width:34px;height:34px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;color:var(--lime)}.settings-list button div{display:flex;flex-direction:column}.settings-list strong{font-size:13px}.settings-list small{font-size:11px;color:var(--muted);margin-top:3px}.settings-list b{margin-left:auto;color:#626972}.logout-button{width:100%;margin-top:18px;border:1px solid rgba(255,119,119,.25);color:var(--danger);background:rgba(255,119,119,.06);padding:14px;border-radius:16px;font-weight:700}.bottom-nav{position:fixed;z-index:20;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:532px;height:74px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(22,24,27,.9);backdrop-filter:blur(22px);display:grid;grid-template-columns:repeat(4,1fr);padding:7px}.bottom-nav button{border:0;background:transparent;color:#777e87;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav button span{font-size:20px}.bottom-nav button small{font-size:9px;font-weight:700}.bottom-nav button.active{background:#2a2d31;color:var(--lime)}.whatsapp-button{position:fixed;z-index:19;right:max(18px,calc((100vw - 560px)/2 + 18px));bottom:calc(98px + env(safe-area-inset-bottom));width:49px;height:49px;border-radius:17px;background:var(--green);color:#06130b;text-decoration:none;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.35)}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:30;backdrop-filter:blur(4px)}.bottom-sheet{position:fixed;z-index:31;bottom:0;left:50%;transform:translate(-50%,105%);width:100%;max-width:560px;max-height:86vh;overflow:auto;background:#131519;border:1px solid var(--line);border-radius:30px 30px 0 0;padding:26px 20px calc(25px + env(safe-area-inset-bottom));transition:transform .3s ease}.bottom-sheet.open{transform:translate(-50%,0)}.sheet-handle{width:45px;height:5px;border-radius:5px;background:#3a3f46;margin:-13px auto 21px}.sheet-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border-radius:12px;border:0;background:#25292e;color:white;font-size:22px}.notes-list{display:grid;gap:8px;margin:22px 0}.note-item{display:flex;gap:12px;background:#1a1d21;border-radius:17px;padding:14px}.note-item>span{color:var(--lime);font-size:11px;font-weight:800}.note-item p{margin:0;font-size:13px;line-height:1.5}.note-form{display:grid;gap:10px}.note-form textarea{resize:none;margin:0}.toast{position:fixed;z-index:50;left:50%;bottom:108px;transform:translate(-50%,30px);opacity:0;background:white;color:#08090b;border-radius:14px;padding:11px 17px;font-size:12px;font-weight:800;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:800px){body{background:#050607}.app-shell{box-shadow:0 0 0 1px #1b1e22,0 40px 120px rgba(0,0,0,.6)}.panel-view{padding-left:28px;padding-right:28px}.status-strip{margin:0 -28px;padding-left:28px;padding-right:28px}}