@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');:root{--bg:#f5f7fb;--ink:#0a1524;--muted:#78869a;--line:#e2e8f0;--blue:#087cff;--navy:#071321;--green:#18a875}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#071321;color:#fff;padding:25px 18px;display:flex;flex-direction:column}.adminbrand{display:flex;align-items:center;gap:8px;padding:0 10px 30px;border-bottom:1px solid #ffffff14}.adminbrand img{width:120px;height:48px;object-fit:contain;background:#fff;border-radius:8px}.adminbrand span{font-size:8px;letter-spacing:1.5px;color:#8fa5bb;line-height:1.3}.adminbrand b{color:#4ebdff}.sidebar nav{padding-top:22px;display:grid;gap:5px}.sidebar nav a,.sidebottom a{padding:13px 12px;border-radius:10px;color:#9eafc3;font-size:13px;display:flex;gap:12px;align-items:center}.sidebar nav a.active,.sidebar nav a:hover{background:#102b47;color:#fff}.sidebottom{margin-top:auto;border-top:1px solid #ffffff12;padding-top:12px}.adminmain{margin-left:245px;min-height:100vh}.adminbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:13px}.muted{color:#a0adbd}.adminuser{font-weight:700}.dot{display:inline-block;width:8px;height:8px;background:#18b77f;border-radius:50%;margin-right:8px}.admincontent{padding:42px;max-width:1450px}.pageintro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.pageintro h1{font:800 40px Manrope;margin:10px 0 5px;letter-spacing:-1.5px}.pageintro p{color:var(--muted);margin:0}.button{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:800;font-size:12px;cursor:pointer}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.statgrid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 30px #10243b06}.statgrid span,.statgrid small{display:block;color:var(--muted);font-size:11px}.statgrid strong{display:block;font:800 32px Manrope;margin:10px 0}.statgrid .blue{background:linear-gradient(135deg,#087cff,#0b5fd0);color:#fff;border:0}.statgrid .blue span,.statgrid .blue small{color:#d5eaff}.dashgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 30px #10243b05}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panelhead h2,.panel h2{font:800 20px Manrope;margin:7px 0}.panelhead a{color:var(--blue);font-size:12px;font-weight:800}.leadrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf1f5}.avatar{width:36px;height:36px;border-radius:12px;background:#e9f4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.leadrow div:nth-child(2){flex:1}.leadrow p{font-size:11px;color:var(--muted);margin:4px 0}.badge{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;border-radius:20px;background:#eef2f7;color:#66768b}.badge.new{background:#fff0db;color:#bd7200}.badge.contacted{background:#e8f1ff;color:#1268c8}.badge.done{background:#e3f8ef;color:#10855e}.spotlight{background:#071321;color:#fff}.spotlight p{color:#92a6bc;line-height:1.6;font-size:13px}.quick{display:grid;gap:8px;margin-top:25px}.quick a{border:1px solid #29415c;border-radius:10px;padding:12px;color:#b6c9dd;font-size:12px}.twocol{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.contentrow{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #edf1f5}.contenticon{width:48px;height:48px;background:#edf6ff;color:var(--blue);border-radius:14px;display:grid;place-items:center;font-size:20px;overflow:hidden;border:1px solid #dcecff}.contenticon img{width:100%;height:100%;object-fit:contain;padding:8px}.contentcopy{min-width:0}.contentcopy b{font-size:13px}.icon-uploader{display:flex;gap:16px;align-items:center;padding:16px;border:1px dashed #cbd8e6;border-radius:14px;background:#f8fbff}.icon-preview{width:82px;height:82px;flex:0 0 82px;border-radius:18px;background:#edf6ff;border:1px solid #dcecff;display:grid;place-items:center;overflow:hidden;color:var(--blue);font-size:28px}.icon-preview img{width:100%;height:100%;object-fit:contain;padding:12px}.icon-upload-copy{display:grid;gap:6px}.icon-upload-copy small{color:var(--muted);font-size:11px}.uploadbutton{display:inline-flex!important;align-items:center;width:max-content;padding:9px 12px;border-radius:9px;background:var(--blue);color:#fff!important;font-size:11px!important;cursor:pointer}.uploadbutton input{display:none}.removecheck{display:flex!important;align-items:center!important;gap:7px;font-size:10px!important;color:#8a98a9!important}.removecheck input{width:auto}.contentrow p{margin:4px 0;color:var(--muted);font-size:12px}.rowactions{display:flex;gap:10px;font-size:11px;font-weight:800}.rowactions a{color:var(--blue)}.rowactions .danger,.danger{color:#e24b4b}.formpanel form{display:grid;gap:13px}.formpanel label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#526278}.formpanel input,.formpanel textarea,.formpanel select{font:inherit;padding:12px 13px;border:1px solid #d9e1ea;border-radius:10px;outline:0;background:#fff}.formpanel input:focus,.formpanel textarea:focus{border-color:#69b4ff;box-shadow:0 0 0 3px #087cff12}.formpanel textarea{min-height:110px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8a98a9;font-size:10px;letter-spacing:.7px;text-transform:uppercase;padding:12px;border-bottom:1px solid var(--line)}td{padding:16px 12px;border-bottom:1px solid #edf1f5;vertical-align:top}td small{display:block;color:var(--muted);margin-top:5px;line-height:1.5}.messagecell{max-width:300px;color:#68758a;line-height:1.5}.statuslinks{display:flex;gap:5px;margin-top:8px;white-space:nowrap}.statuslinks a{font-size:9px;color:#7a8798}.modalish{margin-top:16px;max-width:700px}.quote{display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:17px 0;border-top:1px solid #edf1f5}.quote p{margin:0 0 8px;color:#5e6d80;font-size:13px;line-height:1.5}.quote small{display:block;color:#8b97a7;margin-top:5px}.portfolioadmin{margin-top:10px}.admincards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pcard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.pcard img,.pplaceholder{width:100%;height:190px;object-fit:cover;background:#0b1a2a;display:grid;place-items:center}.pplaceholder{font:800 60px Manrope;color:#ffffff18}.pcard>div:last-child{padding:18px}.pcard span{font-size:9px;color:var(--blue);font-weight:800;text-transform:uppercase}.pcard h3{font:800 17px Manrope;margin:7px 0}.pcard p{font-size:12px;color:var(--muted);min-height:32px}.pcard a{font-size:11px;color:var(--blue);font-weight:800;margin-right:12px}.flash{padding:13px 15px;border-radius:10px;margin-bottom:18px;background:#e8f4ff;color:#0869c7;font-size:12px;font-weight:700}.loginbody{min-height:100vh;background:radial-gradient(circle at 50% 0,#0c3c68,#071321 55%);display:grid;place-items:center}.loginbox{width:min(420px,90vw);background:#fff;padding:34px;border-radius:22px;box-shadow:0 40px 100px #0006}.loginbox img{display:block;width:210px;height:70px;object-fit:contain;margin:0 auto 15px}.loginlabel{text-align:center;color:#087cff;font-size:10px;font-weight:900;letter-spacing:2px}.loginbox h1{font:800 34px Manrope;text-align:center;margin:12px 0 8px}.loginbox p{text-align:center;color:var(--muted);font-size:13px;margin-bottom:25px}.loginbox label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#56657a;margin-top:13px}.loginbox input{padding:13px;border:1px solid #dce3ec;border-radius:10px}.loginbox button{margin-top:20px;width:100%;padding:14px;border:0;border-radius:10px;background:#087cff;color:#fff;font-weight:800}.loginbox>a{display:block;text-align:center;margin-top:17px;font-size:11px;color:#7a8798}.alert{padding:10px;background:#fff0f0;color:#c54444;border-radius:9px;font-size:11px}@media(max-width:900px){.sidebar{width:78px}.sidebar span,.adminbrand span,.sidebottom a{display:none}.adminbrand img{width:42px}.sidebar nav a{justify-content:center}.adminmain{margin-left:78px}.statgrid,.dashgrid,.twocol{grid-template-columns:1fr 1fr}.admincards{grid-template-columns:1fr 1fr}.admincontent{padding:25px}.adminbar{padding:0 25px}}@media(max-width:650px){.sidebar{display:none}.adminmain{margin-left:0}.statgrid,.dashgrid,.twocol,.admincards,.formgrid{grid-template-columns:1fr}.pageintro{display:block}.pageintro .button{margin-top:18px}.admincontent{padding:18px}.adminbar{padding:0 18px}}
.client-admin-grid{display:grid;gap:10px}.client-admin-card{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #edf1f5}.client-admin-logo{height:56px;border:1px solid #e6ebf2;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden}.client-admin-logo img{width:100%;height:100%;object-fit:contain;padding:8px;filter:grayscale(1);opacity:.78}.client-admin-card b{font-size:13px}.client-admin-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.client-uploader{display:flex;gap:16px;align-items:center;padding:14px;border:1px dashed #cbd8e6;border-radius:14px;background:#f8fbff}.client-preview{width:100px;height:76px;flex:0 0 100px;border:1px solid #dce6f0;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#91a0b1;font-size:11px}.client-preview img{width:100%;height:100%;object-fit:contain;padding:10px}.client-uploader small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.clients-layout{align-items:start}
