*{box-sizing:border-box}body{margin:0;background:#f6f5f2;color:#252b32;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;background:#a8213a;border:1px solid #a8213a;border-radius:9px;color:white;padding:11px 18px;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #cfaf70;outline-offset:3px}input{width:100%;background:white;border:1px solid #d9dce0;border-radius:8px;padding:12px;margin-top:7px;color:#232931}label{display:block;color:#5b626b;font-size:13px;margin:17px 0}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1px;margin-bottom:0}h2{font-size:23px;line-height:1.35}h3{font-size:20px}.eyebrow{display:block;letter-spacing:1.7px;font-size:10px;font-weight:800;margin-bottom:13px;color:#8c7655}.brand{font-family:Georgia,serif;font-size:29px;font-weight:bold;letter-spacing:1px}.brand span{display:block;font:600 10px system-ui;letter-spacing:3px;margin-top:5px;color:#b9b6ad}.muted,small{color:#777f86}.error{color:#a8213a}.error:empty{display:none}.login{max-width:480px;margin:8vh auto;padding:24px}.login>.brand{color:#a8213a;margin-bottom:28px}.login-card{background:white;padding:35px;border:1px solid #e7e5df;border-radius:20px;box-shadow:0 15px 50px #242b3410}.login-card h1{margin-bottom:20px}.login-card button{width:100%;margin-top:15px}.login>.muted{text-align:center;margin-top:24px}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#202933;color:#fff;padding:35px 24px;display:flex;flex-direction:column}aside .brand{margin-bottom:48px}nav{display:grid;gap:8px}nav button{text-align:left;background:transparent;border:0;color:#bec5cd;padding:13px}nav button.active{background:#35414e;color:white;border-left:3px solid #cfad74;border-radius:5px}.aside-note{margin-top:auto;font-size:12px;color:#d2d6d9;padding-top:35px}.aside-note small{color:#98a6b3}.ghost{margin-top:20px;background:transparent;border-color:#52606f}.workspace{margin-left:230px;max-width:1530px;padding:38px 45px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.pill{background:#ebe6db;color:#75603d;border-radius:30px;padding:7px 13px;font-size:12px}.welcome{padding:35px 40px;background:#eae4d9;border-radius:17px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.welcome h2{font:32px/1.3 Georgia,serif;margin-bottom:15px}.welcome p{margin:0;color:#615b54}.welcome-right{text-align:right;min-width:210px}.welcome-right strong{display:block;font-size:36px;letter-spacing:-1px}.welcome-right span{font-size:13px;color:#7a7164}.metrics,.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics article,.directions article,.panel{border:1px solid #e6e5df;background:#fff;border-radius:14px;padding:25px}.metrics article label{margin:0 0 12px}.metrics strong{display:block;font-size:31px}.metrics small{font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:33px 0 18px}.section-heading h2{margin:0}.section-heading .muted{font-size:12px}.number{color:#a28a62;font-size:12px;letter-spacing:2px}.directions h3{margin:12px 0}.directions p{color:#78808a;font-size:13px;min-height:65px}.directions input{font-size:23px;font-weight:600}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 25px}.form-footer small{max-width:580px}.notice{background:#edf0f1;border-left:3px solid #778b95;border-radius:0 8px 8px 0;padding:20px;color:#54616a;margin:22px 0}.panel{margin-bottom:22px}.panel li{margin:12px 0}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.empty{padding:35px}.panel table{width:100%;border-collapse:collapse;text-align:left}.panel th,.panel td{padding:14px;border-bottom:1px solid #eee;font-size:13px}footer{display:flex;justify-content:space-between;border-top:1px solid #e3e4df;padding-top:22px;margin-top:35px;color:#93999e;font-size:11px}#toast{position:fixed;right:25px;bottom:25px;background:#263b32;color:#fff;padding:15px 24px;border-radius:10px}[hidden]{display:none!important}@media(max-width:950px){aside{position:static;width:100%;padding:20px}aside .brand{margin-bottom:15px}nav{display:flex;flex-wrap:wrap}nav button{font-size:12px}.aside-note{display:none}aside .ghost{position:absolute;top:15px;right:15px;margin:0}.workspace{margin:0;padding:25px}.welcome{padding:25px}.welcome h2{font-size:27px}.metrics,.directions{gap:12px}.metrics article,.directions article{padding:18px}}@media(max-width:650px){header,.welcome,.form-footer{align-items:flex-start;flex-direction:column;gap:18px}.welcome-right{text-align:left}.metrics,.directions,.connection-grid{grid-template-columns:1fr}.directions p{min-height:0}.section-heading{align-items:flex-start;flex-direction:column}h1{font-size:28px}.workspace{padding:20px}.login-card{padding:25px}footer{gap:12px;flex-wrap:wrap}}
/* MEOLLO cabinet: warm neutrals, wine accents and clear budget feedback. */
body{background:#f7f6f3;color:#302d2d}aside{background:linear-gradient(165deg,#34292b,#201f23);border-right:1px solid #ffffff12}aside .brand{color:#fff4eb;font-size:32px}nav button{transition:background .18s,color .18s;padding:14px 12px;border-radius:10px}nav button:hover{background:#ffffff0c;color:white}nav button.active{background:#a8213a;color:#fff;border:0;border-radius:10px;box-shadow:0 5px 18px #0002}nav button::before{display:inline-block;width:23px;color:#d8bba3;font-size:16px;content:'○'}nav button[data-page=overview]::before{content:'▦'}nav button[data-page=campaigns]::before{content:'◈'}nav button[data-page=plan]::before{content:'☷'}nav button[data-page=connections]::before{content:'⇄'}nav button[data-page=history]::before{content:'◷'}.workspace{padding-top:34px}header{margin-bottom:28px}.pill{background:#fff;border:1px solid #e8e0d5;color:#81643e}.pill::before{content:' ';display:inline-block;width:7px;height:7px;border-radius:50%;background:#b39459;margin-right:8px}.welcome{position:relative;overflow:hidden;background:linear-gradient(115deg,#eee3d4,#f1ece5 65%,#e6d6c7);border:1px solid #e4d9cc;padding:34px 38px;border-radius:20px}.welcome h2{font-size:34px;color:#482d30}.welcome-right{padding:16px 0 16px 32px;border-left:1px solid #b69f863d}.welcome-right strong{font-size:40px;color:#8f263a;font-variant-numeric:tabular-nums}.metrics article{border-radius:15px;box-shadow:0 3px 14px #40302d03}.metrics strong{color:#b9b1a9;font-weight:500}.metrics label{font-weight:650;color:#615953}.section-heading h2{font-size:22px;letter-spacing:-.4px}.directions article{position:relative;overflow:hidden;border-top:3px solid #a8213a;border-radius:15px;box-shadow:0 5px 20px #40302d04}.directions article:nth-child(2){border-top-color:#ae8750}.directions article:nth-child(3){border-top-color:#608179}.number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:#f7e9ec;color:#a8213a;letter-spacing:0;font-weight:700}.directions article:nth-child(2) .number{background:#f6f0e5;color:#937044}.directions article:nth-child(3) .number{background:#eaf2ee;color:#52776b}.directions p{color:#746d68}.directions input{background:#fbfaf8;border-color:#e4dfd9;font-variant-numeric:tabular-nums}.directions input:focus{border-color:#a8213a;background:#fff}.directions label{margin-bottom:0}.budget-distribution{margin-top:24px}#budget-bar{height:9px;display:flex;gap:4px;overflow:hidden;border-radius:8px}#budget-bar span{flex-basis:0;flex-grow:1;background:#a8213a;transition:flex-grow .2s}#budget-bar span:nth-child(2){background:#ae8750}#budget-bar span:nth-child(3){background:#608179}.budget-legend{display:flex;gap:22px;margin-top:10px;font-size:12px;color:#746d68}.budget-legend b{color:#3c3430;margin-left:5px}#budget-status{font-size:13px;color:#7d3342;margin:19px 0 0;min-height:21px}.form-footer{margin-top:12px}.form-footer button{white-space:nowrap;box-shadow:0 4px 12px #a8213a18}.notice{background:#eeeee8;border-left-color:#b3a48e;color:#655d52}.panel{box-shadow:0 5px 20px #40302d03}.panel h2{font-size:22px}.panel li::marker{color:#a8213a;font-weight:700}#history-list p{padding:14px 0;border-bottom:1px solid #eee8e1;margin:0;color:#655d58;font-size:13px}.login-card{border-top:4px solid #a8213a}.login{max-width:510px}.login>.brand{font-size:38px}button:active{transform:translateY(1px)}#toast{box-shadow:0 8px 32px #20292324;z-index:20;max-width:calc(100vw - 40px)}@media(max-width:1100px) and (min-width:951px){.workspace{padding:28px 24px}.welcome{padding:26px}.welcome h2{font-size:28px}.welcome-right strong{font-size:32px}}@media(max-width:650px){.welcome-right{border:0;padding:0}.welcome h2{font-size:29px}.welcome-right strong{font-size:36px}.budget-legend{gap:12px;flex-wrap:wrap}.form-footer button{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.connection-result{margin:15px 0 0;font-size:14px;color:#376450;overflow-wrap:anywhere}.connection-result:empty{display:none}.connection-result.error{color:#a8213a}
