:root{--sky:#2eb7ff;--sky-soft:#eaf6ff;--teal:#00b3a6;--teal-dk:#009186;--coral:#ff6b6b;--grey:#f2f4f7;--line:#e4e9f0;--navy:#0d1b2a;--navy-2:#13243a;--navy-soft:#5a6678;--white:#fff;--amber:#e8a93b;--green:#1fa672;--shadow:0 1px 2px #0d1b2a0a,0 10px 26px #0d1b2a12}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--navy);background:var(--grey);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;line-height:1.15}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.side{background:var(--navy);color:#cdd8e6;flex-direction:column;flex:0 0 250px;width:250px;height:100vh;display:flex;position:sticky;top:0}.side .brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:10px;padding:20px 20px 18px;font-family:Plus Jakarta Sans;font-size:21px;font-weight:800;display:flex}.side .brand .dk{color:var(--sky)}.side .tag{letter-spacing:.1em;text-transform:uppercase;color:#6a7c92;padding:0 20px 14px;font-size:11px;font-weight:700}.nav{flex-direction:column;flex:1;gap:3px;padding:0 12px;display:flex}.nav a{color:#aebdd0;cursor:pointer;border-radius:11px;align-items:center;gap:11px;padding:11px 13px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav a svg{opacity:.85;flex:0 0 19px;width:19px;height:19px}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.on{background:linear-gradient(100deg,var(--teal),#0a9d92);color:#fff;box-shadow:0 8px 20px #00b3a64d}.nav a.on svg{opacity:1}.nav a .badge{background:var(--coral);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.side .me{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:8px;padding:14px 16px;display:flex}.side .me .av{background:var(--sky);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:800;display:flex}.side .me .nm{color:#fff;font-size:13px;font-weight:600}.side .me .em{color:#7e90a6;font-size:11px}.side .me .out{color:#aebdd0;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;margin-left:auto;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600}.side .me .out:hover{color:#fff;background:#ffffff29}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f2f4f7d9;align-items:center;gap:16px;padding:16px 30px;display:flex;position:sticky;top:0}.topbar h1{font-size:22px}.topbar .sub{color:var(--navy-soft);margin-top:2px;font-size:13px;font-weight:400}.topbar .search{border:1px solid var(--line);width:230px;color:var(--navy-soft);background:#fff;border-radius:11px;align-items:center;gap:8px;margin-left:auto;padding:9px 13px;font-size:13px;display:flex}.topbar .search input{width:100%;color:var(--navy);background:0 0;border:0;outline:none;font-family:inherit;font-size:13px}.btn{cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;padding:11px 17px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:700;transition:transform .15s;display:inline-flex}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{transform:translateY(-1px)}.btn-ghost{border:1px solid var(--line);color:var(--navy);background:#fff}.btn:disabled{opacity:.6;cursor:default;transform:none}.content{padding:26px 30px 60px}.view{display:block}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:18px 20px}.stat .l{color:var(--navy-soft);align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.stat .v{margin-top:6px;font-family:Plus Jakarta Sans;font-size:30px;font-weight:800}.stat .ic{border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:flex}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;overflow:hidden}.card .ch{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.card .ch h3{font-size:17px}.card .ch .r{gap:10px;margin-left:auto;display:flex}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--navy-soft);border-bottom:1px solid var(--line);background:#fafbfc;padding:13px 22px;font-size:11.5px;font-weight:700}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 22px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:var(--sky-soft)}.firma{font-family:Plus Jakarta Sans;font-weight:700}.muted{color:var(--navy-soft);font-size:12.5px}.chip{background:var(--grey);border:1px solid var(--line);border-radius:999px;margin:1px 2px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-family:Plus Jakarta Sans;font-size:12px;font-weight:700;display:inline-flex}.b-spurv{color:#1d83c0;background:#eaf6ff}.b-eagle{color:var(--teal-dk);background:#e6fffb}.b-albatros{color:#c8552e;background:#fff1ec}.b-aktiv{color:var(--green);background:#e5f7ef}.b-trial{color:#a9781f;background:#fcf3e2}.b-opsagt{color:#7a8699;background:#f2f4f7}.dot{border-radius:50%;width:7px;height:7px}.drawer-bg{opacity:0;pointer-events:none;z-index:60;background:#0d1b2a66;transition:opacity .25s;position:fixed;inset:0}.drawer-bg.on{opacity:1;pointer-events:auto}.drawer{z-index:61;background:#fff;width:440px;max-width:92vw;height:100vh;padding:24px;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 60px #0d1b2a33}.drawer.on{transform:none}.drawer .x{float:right;background:var(--grey);cursor:pointer;border:0;border-radius:9px;width:34px;height:34px;font-size:16px}.drawer h2{margin-bottom:2px;font-size:22px}.drawer .sub2{color:var(--navy-soft);margin-bottom:20px;font-size:13px}.dsec{border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:16px}.dsec h4{letter-spacing:.05em;text-transform:uppercase;color:var(--navy-soft);margin-bottom:12px;font-size:12px}.drow{justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.drow span{color:var(--navy-soft)}.drow b{text-align:right;font-weight:600}.src{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.src:first-of-type{border-top:0}.src .nm{font-size:14px;font-weight:600}.src .st{align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.st.ok{color:var(--green)}.st.no{color:var(--coral)}.comms{grid-template-columns:300px 1fr;gap:20px;display:grid}.tmpl-col h4{letter-spacing:.05em;text-transform:uppercase;color:var(--navy-soft);align-items:center;gap:8px;margin:6px 4px 10px;font-size:12px;display:flex}.tmpl{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:11px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s;display:flex}.tmpl:hover{border-color:var(--sky)}.tmpl.on{border-color:var(--teal);background:#f1fffd}.tmpl .ic{background:var(--sky-soft);border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tmpl .t{font-size:14px;font-weight:600}.tmpl .d{color:var(--navy-soft);font-size:11.5px}.editor .fg{margin-bottom:14px}.editor label{color:var(--navy-soft);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.editor input,.editor textarea,.editor select{border:1.5px solid var(--line);width:100%;color:var(--navy);border-radius:10px;padding:12px 13px;font-family:inherit;font-size:14px}.editor textarea{resize:vertical;min-height:200px;line-height:1.6}.editor input:focus,.editor textarea:focus,.editor select:focus{border-color:var(--sky);outline:none}.vars{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.var{background:var(--navy);color:#fff;cursor:pointer;border-radius:7px;padding:4px 9px;font-family:Inter;font-size:11.5px;font-weight:600}.charcount{color:var(--navy-soft);margin-top:6px;font-size:12px}.ticket{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:14px;padding:15px 22px;transition:background .12s;display:flex}.ticket:hover{background:var(--sky-soft)}.ticket .av{background:var(--sky-soft);width:38px;height:38px;color:var(--sky);border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;font-weight:700;display:flex}.ticket .su{font-size:14.5px;font-weight:600}.ticket .fr{color:var(--navy-soft);font-size:12.5px}.ticket .tm{color:var(--navy-soft);text-align:right;margin-left:auto;font-size:12px}.s-ny{color:#c8552e;background:#fff1ec}.s-aaben{color:#a9781f;background:#fcf3e2}.s-besvaret{color:var(--green);background:#e5f7ef}.s-lukket{color:#7a8699;background:#f2f4f7}.agents{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.agent{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px;position:relative}.agent .ic{background:linear-gradient(135deg,var(--sky),var(--teal));border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;display:flex}.agent h4{margin-bottom:5px;font-size:17px}.agent p{color:var(--navy-soft);min-height:54px;font-size:13.5px}.agent .meta{color:var(--navy-soft);border-top:1px solid var(--line);margin-top:10px;padding-top:11px;font-size:12px}.agent .stt{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:flex;position:absolute;top:20px;right:20px}.stt.aktiv{color:var(--green);background:#e5f7ef}.stt.pause{color:#a9781f;background:#fcf3e2}.agent.add{border:1.5px dashed var(--sky-200,#bfe6ff);background:var(--sky-soft);text-align:center;color:var(--sky);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.set-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.set{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:22px}.set h4{margin-bottom:4px;font-size:16px}.set p{color:var(--navy-soft);margin-bottom:14px;font-size:13.5px}.set .line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.empty{border:1px dashed var(--line);text-align:center;background:#fff;border-radius:18px;padding:70px 24px}.empty .ic{background:var(--sky-soft);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.empty h3{margin-bottom:8px;font-size:22px}.empty p{color:var(--navy-soft);max-width:44ch;margin:0 auto}.mock-flag{background:var(--navy);color:#fff;z-index:50;opacity:.9;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:600;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.burger{display:none}@media (max-width:1000px){.stats{grid-template-columns:1fr 1fr}.set-grid,.comms,.agents{grid-template-columns:1fr}.side{z-index:70;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.side.open{transform:none}.burger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}}.fin-grid{grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px;display:grid}.chartcard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px}.chartcard h3{margin-bottom:18px;font-size:16px}.bars{align-items:flex-end;gap:14px;height:190px;display:flex}.bcol{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bcol .col{background:linear-gradient(180deg,var(--sky),var(--teal));border-radius:8px 8px 0 0;width:100%;max-width:46px}.bcol .amt{font-size:11px;font-weight:700}.bcol .lab{color:var(--navy-soft);font-size:11.5px}.dg .line{border-top:1px solid var(--line);justify-content:space-between;padding:11px 0;font-size:14px;display:flex}.dg .line:first-child{border-top:0}.dg .tot{font-family:Plus Jakarta Sans;font-size:16px;font-weight:800}.inv-betalt{color:var(--green);background:#e5f7ef}.inv-afventer{color:#a9781f;background:#fcf3e2}.inv-forfalden{color:#c8552e;background:#fff1ec}.inv-kladde{color:#7a8699;background:#f2f4f7}@media (max-width:1000px){.fin-grid{grid-template-columns:1fr}}.loading{text-align:center;color:var(--navy-soft);padding:40px 22px;font-size:14px}.err{color:#c8552e;background:#fff1ec;border:1px solid #f6d3c6;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:13.5px}.login-wrap{background:var(--navy);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{box-shadow:var(--shadow);background:#fff;border-radius:20px;width:100%;max-width:380px;padding:34px 32px}.login-card .brand{letter-spacing:-.03em;align-items:center;gap:10px;margin-bottom:4px;font-family:Plus Jakarta Sans;font-size:23px;font-weight:800;display:flex}.login-card .brand .dk{color:var(--sky)}.login-card .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--navy-soft);margin-bottom:22px;font-size:11px;font-weight:700}.login-card label{color:var(--navy-soft);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-card .fg{margin-bottom:14px}.login-card input{border:1.5px solid var(--line);width:100%;color:var(--navy);border-radius:10px;padding:12px 13px;font-family:inherit;font-size:14px}.login-card input:focus{border-color:var(--sky);outline:none}.login-card .submit{justify-content:center;width:100%;margin-top:6px}.chk-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.chk{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.chk.on{border-color:var(--teal);background:#f1fffd}.chk input{width:auto}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}