.header{background-color:#000;color:#fff;padding:38px;display:flex;justify-content:space-between;align-items:center}.header .title{font-size:18px;margin-left:20px}.header .support{font-size:14px;margin-right:20px;display:flex;align-items:center}.header .support .emailIcon{display:flex;justify-items:center;align-items:center;margin-right:8px;color:#000;background-color:#fff;padding:8px;border-radius:100%;margin-left:20px}.header .logo{position:absolute;left:50%;transform:translate(-50%)}.header .sinout{padding:12px 20px;cursor:pointer}.hamburger{display:none}.mobile_header{background-color:#000;color:#fff;display:none}.mobile_header_logo{width:96%;text-align:center}.mobile_menu_item{height:100vh;width:60%;background-color:#000;color:#fff;position:fixed;z-index:20;left:0;top:0}.mobile_menu_item_hidden{display:none}.mobile_menu_logo{text-align:center;padding-top:20px}.cross_icon{text-align:end;padding:20px 10px}.mobile_emailIcon{display:flex;justify-items:center;align-items:center;margin-right:8px;color:#000;background-color:#fff;padding:8px;border-radius:100%}@media(max-width:768px){.header{display:none;flex-direction:column;align-items:center;justify-items:center}.hamburger{display:flex;align-items:center;justify-items:center}.mobile_header{display:flex}.header .logo{position:static}.header .support{font-size:14px;margin-right:117px;display:flex;align-items:center}.title{font-size:1.2rem;margin-bottom:10px}.logo{width:120px;margin-bottom:10px}.support{flex-direction:column}.support img{margin-bottom:5px}.support span,.support a{margin-bottom:10px}}@media(max-width:480px){.title{font-size:1rem}.logo{width:100px}.support img{width:18px}}body,html{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,sans-serif;background-color:#f9f9f9}.login-container{display:flex;justify-content:center;align-items:center;padding-top:200px}.login-box{border:2px solid #00a9ce;border-radius:10px;padding:50px;background-color:#fff;text-align:center;box-shadow:0 0 15px #0000001a}.login-box a{display:block;margin:10px 0;text-decoration:none}.login-box a:link,.login-box a:visited,.login-box a:hover,.login-box a:active{color:inherit;text-decoration:none}.login-box img{width:100px;margin-bottom:3px}.login-box button{display:flex;align-items:center;justify-content:center;width:100%;margin:10px 0;padding:15px;font-size:16px;color:#fff;border:none;border-radius:5px;cursor:pointer;text-decoration:none}.login-box .haka-login{background-color:#a3083d}.login-box .microsoft-login{background-color:#000}.login-box .microsoft-login img{width:20px;margin-right:10px;margin-top:0}@media(max-width:768px){.login-container{padding-top:10px}.login-box{padding:10px}}:root{--cards-bg: #f8f8f8;--cards-card: #ffffff;--cards-border: #e6e8ee;--cards-text: #1e293b;--cards-muted: #94a3b8;--cards-mono: #0f172a;--cards-nav: #00a0b8;--cards-inset: #f8fafc;--cards-track: #e2e8f0;--cards-ok-bg: #ecfdf5;--cards-ok-border: #a7f3d0;--cards-ok: #059669;--cards-off-bg: #f1f5f9;--cards-off-border: #e2e8f0;--cards-off: #64748b;--cards-cpu: #d97706;--cards-cpu-bg: #fffbeb;--cards-mem: #9333ea;--cards-mem-bg: #faf5ff;--cards-net: #0891b2;--cards-net-bg: #ecfeff;--cards-cube-bg: #ecfeff;--cards-cube-border: #a5f3fc;--cards-danger: #f43f5e;--cards-toggle: #14b8a6}.cards-main{max-width:1160px;margin:0 auto;padding:28px 16px 48px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),500px));justify-content:center;gap:24px}.cards-empty{grid-column:1 / -1;text-align:center;color:var(--cards-muted);padding:56px 0}.resource-card{box-sizing:border-box;min-width:0;padding:24px;display:flex;flex-direction:column;gap:20px;background:var(--cards-card);border:1px solid var(--cards-border);border-radius:24px;color:var(--cards-text)}.resource-card *,.resource-card *:before,.resource-card *:after{box-sizing:border-box}.resource-head{display:flex;gap:16px;align-items:flex-start;min-width:0}.resource-icon{width:56px;height:56px;flex:none;display:grid;place-items:center;border:1px solid var(--cards-cube-border);border-radius:16px;background:var(--cards-cube-bg);color:var(--cards-net);font-size:26px}.card-icon{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.resource-who{min-width:0;flex:1}.resource-name{overflow:hidden;color:var(--cards-mono);font:700 16px ui-monospace,Courier New,monospace;text-overflow:ellipsis;white-space:nowrap}.resource-id{margin-top:4px;color:var(--cards-muted);font:14px ui-monospace,Courier New,monospace}.resource-state{flex:none;text-align:right}.state-badge,.image-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--cards-off-border);border-radius:999px;background:var(--cards-off-bg);color:var(--cards-off);font-size:13px;font-weight:700}.state-badge:before{width:8px;height:8px;border-radius:50%;background:currentColor;content:""}.is-running .state-badge{border-color:var(--cards-ok-border);background:var(--cards-ok-bg);color:var(--cards-ok)}.resource-date{margin-top:6px;color:var(--cards-muted);font-size:13px}.container-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-tile{min-width:0;padding:14px 10px 12px;border:1px solid var(--cards-border);border-radius:18px;text-align:center}.stat-icon{width:34px;height:34px;display:grid;place-items:center;margin:0 auto 8px;border-radius:10px;font-size:18px}.stat-value{overflow:hidden;font:700 16px ui-monospace,Courier New,monospace;text-overflow:ellipsis;white-space:nowrap}.stat-label{margin-top:4px;color:var(--cards-muted);font-size:13px;font-weight:700;letter-spacing:.04em}.stat-meter{height:4px;overflow:hidden;margin:12px 4px 0;border-radius:2px;background:var(--cards-track)}.stat-meter i{display:block;height:100%;border-radius:2px}.stat-cpu .stat-icon{background:var(--cards-cpu-bg);color:#f59e0b}.stat-cpu .stat-value{color:var(--cards-cpu)}.stat-cpu .stat-meter i{background:#f59e0b}.stat-mem .stat-icon{background:var(--cards-mem-bg);color:#a855f7}.stat-mem .stat-value{color:var(--cards-mem)}.stat-mem .stat-meter i{background:#a855f7}.stat-net .stat-icon{background:var(--cards-net-bg);color:#06b6d4}.stat-net .stat-value{color:var(--cards-net);font-size:13px}.running-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.running-row b{display:flex;align-items:center;gap:10px;font-size:17px}.running-row b .card-icon{color:var(--cards-muted)}.is-running .running-row b .card-icon{color:var(--cards-toggle)}.container-toggle{width:56px;height:40px;flex:none;position:relative;padding:0;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:background .2s}.container-toggle:after{position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;background:#fff;content:"";transition:transform .2s}.container-toggle[aria-checked=true]{background:var(--cards-toggle)}.container-toggle[aria-checked=true]:after{transform:translate(16px)}.container-toggle:focus-visible,.card-actions button:focus-visible,.create-container:focus-visible{outline:2px solid var(--cards-nav);outline-offset:2px}.card-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card-actions button,.create-container{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 6px;border:1px solid var(--cards-border);border-radius:12px;background:#fff;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.card-actions button:hover:not(:disabled){border-color:var(--cards-muted)}.card-actions button:disabled,.create-container:disabled{cursor:not-allowed;opacity:.45}.card-actions .card-icon{color:var(--cards-muted);font-size:15px}.card-actions .delete-action,.card-actions .delete-action .card-icon{color:var(--cards-danger)}.terminal-icon{color:var(--cards-muted);font-family:ui-monospace,Courier New,monospace}.delete-word{color:red;font-weight:700}.image-tag{border-color:var(--cards-cube-border);background:var(--cards-cube-bg);color:var(--cards-net)}.image-reference{min-width:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--cards-border);border-radius:14px;background:var(--cards-inset);color:var(--cards-off);font-family:ui-monospace,Courier New,monospace}.image-reference span{min-width:0;overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.image-reference b{flex:none;padding:4px 10px;border-radius:999px;background:var(--cards-net-bg);color:var(--cards-net);font-size:12px}.create-container{width:100%;padding:14px 6px;border-color:var(--cards-nav);background:var(--cards-nav);color:#fff;font-size:15px;font-weight:600}.create-container:hover:not(:disabled){filter:brightness(1.08)}@media(max-width:520px){.resource-card{padding:18px}.card-actions{grid-template-columns:repeat(2,1fr)}.resource-head{gap:10px}.resource-icon{width:48px;height:48px}.state-badge,.image-tag{padding:5px 9px}.container-stats{gap:7px}.stat-tile{padding-inline:6px}.stat-value{font-size:14px}}._navbar_1qlrj_11{width:max-content;max-width:calc(100% - 32px);margin:20px auto;display:flex;align-items:center;justify-content:center;background-color:#009fb8;padding:16px 20px;border-radius:50px;box-shadow:none}._logo-container_1qlrj_23{display:flex;align-items:center}._logo_1qlrj_23{width:40px;height:40px;background-color:#d19dff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px}._logo-icon_1qlrj_39{font-size:20px;color:#2e2c3c;font-weight:700}._navLinks_1qlrj_45{width:auto;list-style:none;display:flex;justify-content:center;align-items:center;gap:8px;margin:0;padding:0}._navLinks_1qlrj_45 li a{text-decoration:none;color:#fff;font-size:15px;transition:color .3s ease;align-items:center;border-radius:6.25rem;display:inline-flex;justify-content:center;padding:14px 26px}._navLinks_1qlrj_45 li a:hover,._navItem_1qlrj_80._active_1qlrj_80{background-color:#ade9e4;color:#000}._navIcon_1qlrj_86{width:20px;height:20px;margin-right:2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:520px){._navbar_1qlrj_11{padding:12px}._navLinks_1qlrj_45 li a{padding:12px 16px}}._navbarSecondary_1f0fw_12{width:450px;margin:10px auto;display:flex;align-items:center;justify-content:center;background-color:#009fb8;padding:12px 16px;border-radius:50px;box-shadow:none}._logo-container_1f0fw_23{display:flex;align-items:center}._logo_1f0fw_23{width:40px;height:40px;background-color:#d19dff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px}._logo-icon_1f0fw_39{font-size:20px;color:#2e2c3c;font-weight:700}._navLinks_1f0fw_45{width:100%;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:0}._navLinks_1f0fw_45 ._navItem_1f0fw_57{cursor:pointer;text-decoration:none;color:#fff;font-size:14px;transition:color .3s ease;align-items:center;border-radius:6.25rem;display:inline-flex;justify-content:center;padding:10px 20px}._navLinks_1f0fw_45 li a:hover,._navItem_1f0fw_57._active_1f0fw_79{background-color:#ade9e4;color:#000}@media(max-width:520px){._navbarSecondary_1f0fw_12{width:auto;max-width:calc(100% - 16px);padding:10px}._navLinks_1f0fw_45{gap:4px}._navLinks_1f0fw_45 ._navItem_1f0fw_57{padding:9px 12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
