.quake{cursor:pointer;max-width:80dvw;max-height:50dvh;text-align:center;padding:100px 9%;font-size:9dvw;font-weight:bold;color:#fff;border-radius:20px;background:#f33;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);white-space:nowrap;word-wrap:nowrap;-webkit-box-sizing:content-box;box-sizing:content-box;border:#000 8px inset}.quake:hover{background:red;border:#000 8px outset}.quake.white{background:#fff;color:#000;border:none}.quake.white:hover{background:#fff;cursor:default;border:none}*{margin:0;padding:0;font-size:16px;font-weight:normal}@view-transition{navigation:auto}::view-transition-group(transition-cover-header-bar){z-index:100}::view-transition-group(transition-cover-nav){z-index:100}::view-transition-group(page-transition){z-index:10}::view-transition-old(page-transition-right){-webkit-animation:slide-right-out 300ms ease forwards;animation:slide-right-out 300ms ease forwards}::view-transition-new(page-transition-right){-webkit-animation:slide-right-in 300ms ease forwards;animation:slide-right-in 300ms ease forwards}@-webkit-keyframes slide-right-out{from{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{z-index:10;-webkit-transform:translateX(-90vw);transform:translateX(-90vw);opacity:0}}@keyframes slide-right-out{from{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{z-index:10;-webkit-transform:translateX(-90vw);transform:translateX(-90vw);opacity:0}}@-webkit-keyframes slide-right-in{from{z-index:10;-webkit-transform:translateX(90vw);transform:translateX(90vw);opacity:0}to{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-right-in{from{z-index:10;-webkit-transform:translateX(90vw);transform:translateX(90vw);opacity:0}to{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}::view-transition-old(page-transition-left){-webkit-animation:slide-left-out 300ms ease forwards;animation:slide-left-out 300ms ease forwards}::view-transition-new(page-transition-left){-webkit-animation:slide-left-in 300ms ease forwards;animation:slide-left-in 300ms ease forwards}@-webkit-keyframes slide-left-out{from{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{z-index:10;-webkit-transform:translateX(90vw);transform:translateX(90vw);opacity:0}}@keyframes slide-left-out{from{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{z-index:10;-webkit-transform:translateX(90vw);transform:translateX(90vw);opacity:0}}@-webkit-keyframes slide-left-in{from{z-index:10;-webkit-transform:translateX(-90vw);transform:translateX(-90vw);opacity:0}to{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-left-in{from{z-index:10;-webkit-transform:translateX(-90vw);transform:translateX(-90vw);opacity:0}to{z-index:10;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}::view-transition-old(page-transition-up){-webkit-animation:slide-up-out 300ms ease forwards;animation:slide-up-out 300ms ease forwards}::view-transition-new(page-transition-up){-webkit-animation:slide-up-in 300ms ease forwards;animation:slide-up-in 300ms ease forwards}@-webkit-keyframes slide-up-out{from{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{z-index:10;-webkit-transform:translateY(90vh);transform:translateY(90vh);opacity:0}}@keyframes slide-up-out{from{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{z-index:10;-webkit-transform:translateY(90vh);transform:translateY(90vh);opacity:0}}@-webkit-keyframes slide-up-in{from{z-index:10;-webkit-transform:translateY(-90vh);transform:translateY(-90vh);opacity:0}to{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-up-in{from{z-index:10;-webkit-transform:translateY(-90vh);transform:translateY(-90vh);opacity:0}to{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}::view-transition-old(page-transition-down){-webkit-animation:slide-down-out 300ms ease forwards;animation:slide-down-out 300ms ease forwards}::view-transition-new(page-transition-down){-webkit-animation:slide-down-in 300ms ease forwards;animation:slide-down-in 300ms ease forwards}@-webkit-keyframes slide-down-out{from{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{z-index:10;-webkit-transform:translateY(-90vh);transform:translateY(-90vh);opacity:0}}@keyframes slide-down-out{from{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{z-index:10;-webkit-transform:translateY(-90vh);transform:translateY(-90vh);opacity:0}}@-webkit-keyframes slide-down-in{from{z-index:10;-webkit-transform:translateY(90vh);transform:translateY(90vh);opacity:0}to{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-down-in{from{z-index:10;-webkit-transform:translateY(90vh);transform:translateY(90vh);opacity:0}to{z-index:10;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}body.to-left main{view-transition-name:page-transition-left}body.to-right main{view-transition-name:page-transition-right}body.to-up main{view-transition-name:page-transition-up}body.to-down main{view-transition-name:page-transition-down}body{contain:paint;min-height:100vh;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@-webkit-keyframes vibrate{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}20%{-webkit-transform:translate(2%, -1%);transform:translate(2%, -1%)}60%{-webkit-transform:translate(-3%, 3%);transform:translate(-3%, 3%)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes vibrate{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}20%{-webkit-transform:translate(2%, -1%);transform:translate(2%, -1%)}60%{-webkit-transform:translate(-3%, 3%);transform:translate(-3%, 3%)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}body a{text-decoration:none}body p{margin:8px 0}body img{max-width:100%}body h1,body h2{font-size:26px;font-weight:bold}body h3{position:relative;font-size:18px;display:inline-block;line-height:1.1;margin-bottom:4px}body h3::before{content:"";vertical-align:-2px;margin-right:4px;display:inline-block;width:4px;height:1rem;background:#155b8c}body h3 span.info.info-inline{margin-left:6px}body h3 span.info.info-inline p{top:calc(100% + 8px);left:0}body h4{margin-bottom:2px;border-bottom:1px solid #ccc;padding-bottom:2px}body h5{text-align:center;font-size:1.1rem;font-weight:500;margin:1rem 0;color:#2e7d32;margin-bottom:.8rem;position:relative}body h5::after{content:"";display:block;width:1.2rem;height:1px;background-color:#a5d6a7;margin:.3rem auto 0;border-radius:1px;opacity:.7}body ul{padding:0;margin:0;list-style:none}body label{display:block;margin-bottom:.4rem}body button,body .btn{padding:2px 4px;margin:2px;cursor:pointer;display:inline-block}body button,body .btn,body input[type=button],body input[type=submit]{padding:4px 8px;border-radius:4px;border:1px solid #1d4f91;background:#1d4f91;color:#fff;font-weight:600;cursor:pointer;-webkit-transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s,-webkit-box-shadow .2s}body button:hover,body .btn:hover,body input[type=button]:hover,body input[type=submit]:hover{background:#0f2f60;border-color:#0f2f60;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12)}body button:disabled,body .btn:disabled,body input[type=button]:disabled,body input[type=submit]:disabled{opacity:.5;cursor:not-allowed}body button:disabled:hover,body .btn:disabled:hover,body input[type=button]:disabled:hover,body input[type=submit]:disabled:hover{background:#1d4f91;border-color:#1d4f91;-webkit-box-shadow:none;box-shadow:none}body input{padding:6px 8px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}body input[type=text],body input[type=password]{width:300px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}body input[type=text]:-moz-read-only, body input[type=password]:-moz-read-only{background:#dedede}body input[type=text]:read-only,body input[type=password]:read-only{background:#dedede}body input[type=submit],body input.submit{display:block;cursor:pointer;margin:10px auto 0;font-size:18px;padding:.5em 1.4em}body textarea{padding:2px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}body select{padding:6px 8px;outline:none !important}body details{color:#444}body details summary{color:#171717;cursor:pointer}body strong{font-size:110%}body .hidden{display:none}body span.red{color:#cf0000}body span.bold{font-weight:bold}body .nav-preview{display:inline-block;color:#fff !important;background:#777;font-size:18px;padding:4px 8px;border-radius:6px 0 0 6px;margin:0 2px !important}body .title{position:relative;border-bottom:2px solid #052c65;font-size:24px;font-weight:bold;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 768px){body .title{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}body .title span{margin-top:4px}}body .subheading{margin-top:6px;font-size:12px}body .square-btn{display:inline-block;padding:4px 12px;margin:0;border:1px solid #5a6b7a;border-radius:6px;background:#1d4f91;color:#fff;font-weight:600;text-decoration:none;-webkit-transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s,-webkit-box-shadow .2s}body .square-btn:hover{background:#fff;color:#052c65;border-color:#0f2f60;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12);text-decoration:none}body .square-btn::before,body .square-btn::after{font-family:"Material Symbols Outlined";margin-right:4px;vertical-align:-2px}body .square-btn.reverse-color{color:#1d4f91;background:#fff}body .square-btn.reverse-color:hover{background:#052c65;color:#fff}body .alert{margin:8px 0;color:#58151c;background:#f8d7da;border:1px solid #f1aeb5;border-radius:8px;padding:8px 16px;margin-top:1rem}body .alert.success{color:#155724;background:#d4edda;border-color:#c3e6cb}body .copy-clipboard{margin:1rem 0}body .group-color-gray{background-color:#eee;--border-color: #c8c8c8}body .group-color-red{background-color:#f8d7da;--border-color: #ed969e}body .group-color-white{background-color:#fff;--border-color: #b1b1b1}body .group-color-blue{background-color:#cfe2ff;--border-color: #9ec5fe}body .group-color-green{background-color:#d1e7dd;--border-color: #a3cfbb}body .group-color-yellow{background-color:#fff3cd;--border-color: #ffe69c}body .group-color-orange{background-color:#ffe5b4;--border-color: #ffcc80}body .group-color-purple{background-color:#e6ccff;--border-color: #c69cff}body .group-color-pink{background-color:#f7b6c9;--border-color: #f1a1bb}body .group-color-brown{background-color:#d7ccc8;--border-color: #b39c8e}body .group-color-black{background-color:#000;color:#fff;--border-color: #444}body .group-color-teal{background-color:#b2dfdb;--border-color: #80cbc4}@-webkit-keyframes infoAppearing{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes infoAppearing{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes infoAppearingCenter{0%{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}100%{opacity:1;-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}}@keyframes infoAppearingCenter{0%{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}100%{opacity:1;-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}}body span.info{position:relative;display:inline-block;vertical-align:middle;margin-left:4px}body span.info button{border-radius:50%;width:1.2rem;height:1.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:1px solid #ccc;background:#f0f0f0;color:#666;font-size:.9rem;line-height:1;cursor:pointer;-webkit-transition:.2s;transition:.2s}body span.info button:hover,body span.info button:focus{background:#155b8c;color:#fff;border-color:#155b8c;outline:none}body span.info p{z-index:100;max-width:280px;min-width:200px;opacity:0;pointer-events:none;display:none;position:absolute;border:1px solid #333;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:6px;padding:8px 10px;border-radius:6px;font-size:13px;line-height:1.5;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}body span.info p::before{content:"";position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-bottom-color:#333}body span.info:has(button:focus) p,body span.info:has(button:hover) p{display:block;opacity:1;pointer-events:auto}body span.info.info-inline{vertical-align:baseline}body span.info.info-inline p{left:0;-webkit-transform:none;transform:none;white-space:normal}body span.info.info-inline p::before{left:20px;-webkit-transform:none;transform:none}body .simple-link{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body .simple-link a{display:inline-block;color:#1d4f91;font-weight:bold}body .simple-link a::before,body .simple-link a::after{font-family:"Material Symbols Outlined";margin-left:4px;vertical-align:-2px}body .simple-link a:hover{color:rgb(4.35,11.85,21.75)}body .simple-link::after{content:"";position:absolute;bottom:0;left:0;display:inline-block;width:100%;height:1px;background:#1d4f91;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}body .simple-link:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-header{--header-icon-size: 80px;--header-icon-gap: 12px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-linear-gradient(315deg, #eef3fb, #dfe9ff);background:linear-gradient(135deg, #eef3fb, #dfe9ff);border:1px solid #dbe4f5;border-radius:16px;position:relative;padding:20px 24px 20px calc(24px + var(--header-icon-size, 0px) + var(--header-icon-gap, 0px));min-height:calc(var(--header-icon-size, 0px) + 40px);-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08);margin-bottom:16px;background:var(--header-bg, #2b6cb0)}.page-header::before{content:"";position:absolute;left:24px;width:var(--header-icon-size, 0px);height:var(--header-icon-size, 0px);background:var(--header-icon-bg, transparent);background-image:var(--header-icon, none);background-repeat:no-repeat;background-size:contain;background-position:center;border-radius:var(--header-icon-radius, 12px)}.page-header h1,.page-header h2{margin:0;color:var(--header-heading, #fff)}.page-header p{margin:0;color:var(--header-text, #e6f0ff)}@media screen and (max-width: 480px){.page-header{--header-icon-gap: 6px;padding:12px 16px 12px calc(12px + var(--header-icon-size, 0px) + var(--header-icon-gap, 0px))}.page-header::before{left:12px}}.btn-primary{display:inline-block;background-color:#1a4a8d;color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:bold;-webkit-transition:background .3s;transition:background .3s}.btn-primary:hover{background-color:#123466}button.btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid #1d4f91;background:#1d4f91;color:#fff;font-weight:600;text-decoration:none;-webkit-transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s,-webkit-box-shadow .2s}button.btn.primary{background:#1d4f91;border-color:#1d4f91}button.btn.primary:hover{background:#0f2f60;border-color:#0f2f60}button.btn.primary-outline{background:#fff;color:#1d4f91;border-color:#1d4f91}button.btn.primary-outline:hover{background:#1d4f91;color:#fff}button.btn.secondary{background:#fff;color:#1d4f91;border-color:#1d4f91}button.btn.danger{background:#d93030;border-color:#d93030}button.btn.link{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#1d4f91;padding-left:0;text-decoration:none}button.btn:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12);color:#fff;text-decoration:none}button.btn.secondary:hover{background:#e8f0ff;color:#11386b}button.btn.link:hover{text-decoration:underline;-webkit-box-shadow:none;box-shadow:none}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn:disabled:hover{background:#1d4f91;border-color:#1d4f91;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}a.link{color:#1d4f91;text-decoration:none}a.link:visited{color:#1d4f91}nav{view-transition-name:transition-cover-nav;display:block;position:-webkit-sticky;position:sticky;left:0;top:0;width:20%;max-width:200px;height:100dvh;overflow-y:scroll;background:#ccc;padding:0 0 8px 4px;-webkit-box-sizing:border-box;box-sizing:border-box}nav::-webkit-scrollbar{display:none}nav h2{margin:8px 0 0;padding:4px 4px 0;font-size:1rem;font-weight:bold}nav .menu a{font-size:18px;display:block;color:#fff;text-decoration:none;padding:4px 8px;margin-bottom:8px;border-radius:4px 0 0 4px;background:#777;-webkit-transition:.1s;transition:.1s}nav .menu a::before{content:attr(data-icon);font-family:"Material Symbols Outlined";display:inline-block;margin-right:4px;vertical-align:-4px;font-size:135%}nav .menu a:hover{color:#777;background:#fff}nav .menu a.current-page{background:#2250b3}nav .menu a.current-page:hover{color:#fff;background:#102450}.layout:has(.setup.running-setup) nav .menu a:not(.current-page){cursor:not-allowed;color:#eee}.layout:has(.setup.running-setup) nav .menu a:not(.current-page)::before{color:#fff;content:"lock";font-family:"Material Symbols Outlined";font-size:16px;vertical-align:middle;margin-right:4px}.layout:has(.setup.running-setup) nav .menu a:not(.current-page):hover{color:#eee;background:#777}label.close-nav{-webkit-transition:opacity .3s;transition:opacity .3s;display:none;pointer-events:none;position:fixed;z-index:900;top:0;left:0;width:100dvw;height:100dvh;opacity:0;background:#000}@media screen and (max-width: 768px){nav{position:fixed;z-index:1000;top:0;left:-100%;width:70dvw;max-width:275px;height:100dvh;-webkit-transition:left .3s;transition:left .3s;-webkit-box-shadow:2px 0 8px rgba(0,0,0,.3);box-shadow:2px 0 8px rgba(0,0,0,.3)}nav:has(+.container)+.container{width:100%;min-height:100dvh}label.close-nav{display:block}.layout:has(input#toggle-menu:checked) nav{left:0}.layout:has(input#toggle-menu:checked) label.close-nav{pointer-events:all;opacity:.5}}.container{z-index:1;min-width:80%;width:calc(100% - 200px);max-height:100dvh;overflow-y:scroll}.container:has(input.tree-setting-depth:checked) div.group label.depth-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.container:has(input.tree-setting-group-user-list:checked) div.group .group-details{border-bottom:none !important}.container:has(input.tree-setting-group-user-list:checked) div.group .group-details span{display:inline !important}.container:has(input.tree-setting-group-user-list:checked) div.group .user-box{display:none}.notifys{pointer-events:none;position:absolute;z-index:100;left:100%;white-space:nowrap;-webkit-animation:notifys-animation forwards var(--delay-time) 1 ease alternate;animation:notifys-animation forwards var(--delay-time) 1 ease alternate;padding:8px;border-radius:8px}.notifys.success{background:#d1e7dd;border:1px solid #a3cfbb}.notifys.error{color:#58151c;background:#f8d7da;border:1px solid #f1aeb5;border-radius:8px;padding:8px 16px}.notifys.info{background:#e7f1fa;border:1px solid #8ac2ea}@-webkit-keyframes notifys-animation{0%{left:100%;-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}10%{left:calc(100% - 16px);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%)}90%{left:calc(100% - 16px);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%)}100%{left:100%;-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}}@keyframes notifys-animation{0%{left:100%;-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}10%{left:calc(100% - 16px);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%)}90%{left:calc(100% - 16px);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%)}100%{left:100%;-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}}.header-bar{view-transition-name:transition-cover-header-bar;z-index:100;position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid rgba(43,111,191,.5);width:100%;height:52px;overflow-y:clip;background:-webkit-gradient(linear, left top, left bottom, from(rgba(43, 111, 191, 0.2)), color-stop(70%, rgba(43, 111, 191, 0.12)));background:-webkit-linear-gradient(top, rgba(43, 111, 191, 0.2) 0%, rgba(43, 111, 191, 0.12) 70%);background:linear-gradient(180deg, rgba(43, 111, 191, 0.2) 0%, rgba(43, 111, 191, 0.12) 70%);-webkit-box-shadow:0 6px 16px rgba(43,111,191,.18);box-shadow:0 6px 16px rgba(43,111,191,.18);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left}.header-bar>a,.header-bar .modal .btn{cursor:pointer;display:block;font-family:"Material Symbols Outlined";font-size:34px;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:4px;line-height:1;margin:4px 8px;border-radius:8px;max-width:44px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.1s;transition:.1s;-webkit-transition-property:background-color,border,color,-webkit-box-shadow,-webkit-transform;transition-property:background-color,border,color,-webkit-box-shadow,-webkit-transform;transition-property:background-color,border,color,box-shadow,transform;transition-property:background-color,border,color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;color:#2b6fbf;border:1px solid rgba(43,111,191,.65);background-color:hsla(0,0%,100%,.85);-webkit-box-shadow:0 4px 10px rgba(43,111,191,.18);box-shadow:0 4px 10px rgba(43,111,191,.18)}.header-bar>a:hover,.header-bar .modal .btn:hover{color:#fff;border:1px solid hsla(0,0%,100%,.8);background-color:#2b6fbf;-webkit-box-shadow:0 6px 14px rgba(43,111,191,.3);box-shadow:0 6px 14px rgba(43,111,191,.3)}.header-bar>a:active,.header-bar .modal .btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.header-bar label{display:none;cursor:pointer;font-family:"Material Symbols Outlined";font-size:42px;height:52px;width:52px;text-align:center;aspect-ratio:1/1;margin:0;background-color:#2b6fbf;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.1s;transition:.1s;-webkit-transition-property:background-color,border,color;transition-property:background-color,border,color}.header-bar label::before{content:"menu_open"}.header-bar label:hover,.header-bar label:has(input:active),.header-bar label:active{background:hsla(0,0%,100%,.9);color:#2b6fbf;border:1px solid rgba(43,111,191,.6)}@media screen and (max-width: 768px){.header-bar label{display:block}}.header-bar .modal{margin-left:auto}.header-bar .modal .window{-webkit-box-sizing:border-box;box-sizing:border-box;padding:2em;gap:2em;background:#fff;border:1px solid #ccc;width:70dvw;height:70dvh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:-webkit-min-content 1fr 1fr 1fr;grid-template-rows:min-content 1fr 1fr 1fr}.header-bar .modal .window p.title{grid-column:1/span 2}.header-bar .login-status{position:relative;overflow:hidden;padding:0 6px;white-space:nowrap;text-align:right;width:40%;max-width:100%;text-overflow:ellipsis;container-type:inline-size;container-name:login-status}@-webkit-keyframes loop-login-status-name{0%,45%{opacity:1;visibility:visible}55%,100%{opacity:0;visibility:hidden}}@keyframes loop-login-status-name{0%,45%{opacity:1;visibility:visible}55%,100%{opacity:0;visibility:hidden}}@container login-status (width < 150px){.header-bar .login-status span{-webkit-animation:loop-login-status-name 6s infinite;animation:loop-login-status-name 6s infinite}.header-bar .login-status span.user-display-name{position:absolute;right:6px;animation-direction:reverse}}.header-bar .tree-setting-window{pointer-events:none;opacity:0;width:70dvw;height:70dvh;position:fixed;top:50%;left:50%;z-index:1000;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.header-bar .tree-setting-window .inner{-webkit-box-sizing:border-box;box-sizing:border-box;padding:2em;gap:2em;background:#fff;border:1px solid #ccc;width:70dvw;height:70dvh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:-webkit-min-content 1fr 1fr 1fr;grid-template-rows:min-content 1fr 1fr 1fr}.header-bar .tree-setting-window .inner p.title{grid-column:1/span 2}.header-bar .tree-setting-window .bg{width:200dvw;height:200dvh;position:fixed;top:0;left:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:rgba(0,0,0,.5);z-index:-1}.header-bar .tree-setting-window.open{pointer-events:all;opacity:1}.header-bar:not(:has(.tree-setting)) .login-status{margin-left:auto}header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:14px 0 8px 20px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header a.logo{max-height:66px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;justify-self:left;max-width:40%}header a.logo img{max-height:66px;width:auto}header .header-action-area{display:inline-block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:20px;margin-right:8px;justify-self:right;text-align:right}header .header-action-area .setup-actions{display:none;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content;margin:0 !important}header .header-action-area .setup-actions .btn{min-width:80px}main:has(.setup-progress.hidden) header .header-action-area .setup-actions{display:inline-block}footer{background:#155b8c;color:#fff;padding:4px 0;width:100%;position:-webkit-sticky;position:sticky;top:100%}footer .copyright{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>.login,body>.report,body>.reset-password{padding:20px 32px;margin:auto;width:90%;max-width:800px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}body>.login .logo,body>.report .logo,body>.reset-password .logo{text-align:center;margin:0 auto 16px;font-size:18px;width:20em;max-width:90%}body>.login form,body>.report form,body>.reset-password form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}body>.login form h3,body>.report form h3,body>.reset-password form h3{margin:8px 0 4px;font-size:15px;color:#444;border-bottom:1px solid #eee;padding-bottom:4px}body>.login form .monitor-disclaimer,body>.report form .monitor-disclaimer,body>.reset-password form .monitor-disclaimer{background-color:#fffde7;border:1px solid #fff59d;border-radius:6px;padding:12px;font-size:12px;line-height:1.4;color:#5d4037;text-align:left;margin-bottom:4px}body>.login form .monitor-disclaimer p,body>.report form .monitor-disclaimer p,body>.reset-password form .monitor-disclaimer p{margin:0}body>.login form .inputs,body>.report form .inputs,body>.reset-password form .inputs{width:100%;margin:0 auto}body>.login form label,body>.report form label,body>.reset-password form label{display:grid;grid-template-columns:240px 1fr;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px 16px;border-bottom:1px solid #f5f5f5;padding-bottom:16px;margin-bottom:8px}body>.login form label span,body>.report form label span,body>.reset-password form label span{display:block;margin:0;font-size:16px;text-align:left;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;padding-top:8px}body>.login form label span .red,body>.report form label span .red,body>.reset-password form label span .red{display:inline;color:#cf0000;font-size:90%;padding-left:4px}body>.login form label span .for-login,body>.report form label span .for-login,body>.reset-password form label span .for-login{display:inline;color:#555;font-size:75%;padding-left:4px}body>.login form label span.login-input-text,body>.report form label span.login-input-text,body>.reset-password form label span.login-input-text{font-weight:bold}body>.login form label input,body>.report form label input,body>.reset-password form label input{display:block;font-size:16px;padding:10px 12px;border:1px solid #ccc;margin:0;border-radius:4px;background:#f7f7f7;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}body>.login form label input:focus,body>.report form label input:focus,body>.reset-password form label input:focus{outline:none;border-color:#155b8c;background:#fff}body>.login form label textarea,body>.report form label textarea,body>.reset-password form label textarea{font-size:16px}body>.login form label #password_errors,body>.report form label #password_errors,body>.reset-password form label #password_errors{grid-column:2;margin-top:4px;color:#cf0000;font-size:14px;margin-left:0}body>.login form label #password_errors.success,body>.report form label #password_errors.success,body>.reset-password form label #password_errors.success{color:#155724}body>.login form label .input-hint,body>.report form label .input-hint,body>.reset-password form label .input-hint{grid-column:2;display:block;margin:6px 0 0;width:100%;font-size:12px;color:#888;line-height:1.6;padding:6px 10px;background:#f0f4f8;border-left:3px solid #b0bec5;border-radius:0 4px 4px 0;-webkit-box-sizing:border-box;box-sizing:border-box}body.page-register>.login{margin-top:40px;margin-bottom:40px}.report{width:auto}.report .logo{text-align:center}.report label{text-align:center}.report .done{max-width:60%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;text-align:center}main{height:calc(100dvh - 54px - (16px + 1rem));overflow-y:scroll;overflow-x:clip}main:has(.tree){position:relative}main article{max-width:1200px;padding:8px;margin-left:8px}@media screen and (max-width: 768px){main article{margin-left:0}}main article .group-menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #969696;border-radius:5px;position:fixed;top:0;left:0;height:130px;z-index:100;background:hsla(0,0%,100%,.35);-webkit-transition:.3s;transition:.3s;-webkit-animation:alternate fade-in .2s;animation:alternate fade-in .2s;padding:0}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}main article .group-menu .menu-dummy{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-left:1px}main article .group-menu .menu-btn{white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 0 0 1px;padding:2px 4px 2px 2px;border-bottom:1px solid gray;vertical-align:middle;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:32px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}main article .group-menu .menu-btn:hover{background:rgba(144,144,144,.5)}main article .group-menu .menu-btn::before,main article .group-menu .menu-btn span::before{font-family:"Material Symbols Outlined";font-size:24px;line-height:24px}main article .group-menu .create-group,main article .group-menu .delete-group{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}main article .group-menu .delete-group::before{content:""}main article .group-menu .change-color::before{content:"palette"}main article .group-menu .change-name::before{content:"edit"}main article .group-menu .change-display-name::before{content:"badge"}main article .group-menu .create-child-group::before{content:"add"}main article .group-menu .change-color{position:relative}main article .group-menu .change-color .color-btns-container{opacity:0;position:absolute;z-index:10;right:0;top:-2px;pointer-events:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0;background:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #969696;border-radius:5px;-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}main article .group-menu .change-color .color-btns-container>span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:red}main article .group-menu .change-color .color-btns-container p{margin:0;padding:2px 4px;border-bottom:1px solid #969696;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}main article .group-menu .change-color .color-btns-container p span{font-family:"Material Symbols Outlined";font-variation-settings:"FILL" 1;-webkit-filter:saturate(1.5);filter:saturate(1.5)}main article .group-menu .change-color .color-btns-container p:last-of-type{border:none}main article .group-menu .change-color .color-btns-container p:nth-of-type(1) span{color:#eee}main article .group-menu .change-color .color-btns-container p:nth-of-type(1):hover{background:rgba(238,238,238,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(1):hover span{color:rgba(238,238,238,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(2) span{color:#f8d7da}main article .group-menu .change-color .color-btns-container p:nth-of-type(2):hover{background:rgba(248,215,218,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(2):hover span{color:rgba(248,215,218,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(3) span{color:#fff}main article .group-menu .change-color .color-btns-container p:nth-of-type(3):hover{background:hsla(0,0%,100%,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(3):hover span{color:hsla(0,0%,100%,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(4) span{color:#cfe2ff}main article .group-menu .change-color .color-btns-container p:nth-of-type(4):hover{background:rgba(207,226,255,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(4):hover span{color:rgba(207,226,255,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(5) span{color:#d1e7dd}main article .group-menu .change-color .color-btns-container p:nth-of-type(5):hover{background:rgba(209,231,221,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(5):hover span{color:rgba(209,231,221,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(6) span{color:#fff3cd}main article .group-menu .change-color .color-btns-container p:nth-of-type(6):hover{background:rgba(255,243,205,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(6):hover span{color:rgba(255,243,205,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(7) span{color:#ffe5b4}main article .group-menu .change-color .color-btns-container p:nth-of-type(7):hover{background:rgba(255,229,180,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(7):hover span{color:rgba(255,229,180,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(8) span{color:#e6ccff}main article .group-menu .change-color .color-btns-container p:nth-of-type(8):hover{background:rgba(230,204,255,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(8):hover span{color:rgba(230,204,255,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(9) span{color:#f7b6c9}main article .group-menu .change-color .color-btns-container p:nth-of-type(9):hover{background:rgba(247,182,201,.45)}main article .group-menu .change-color .color-btns-container p:nth-of-type(9):hover span{color:rgba(247,182,201,.7)}main article .group-menu .change-color .color-btns-container p:nth-of-type(10) span{color:#d7ccc8}main article .group-menu .change-color .color-btns-container p:nth-of-type(10):hover{background:rgba(215,204,200,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(10):hover span{color:rgba(215,204,200,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(11) span{color:#000}main article .group-menu .change-color .color-btns-container p:nth-of-type(11):hover{background:rgba(0,0,0,.25)}main article .group-menu .change-color .color-btns-container p:nth-of-type(11):hover span{color:rgba(0,0,0,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(12) span{color:#b2dfdb}main article .group-menu .change-color .color-btns-container p:nth-of-type(12):hover{background:rgba(178,223,219,.5)}main article .group-menu .change-color .color-btns-container p:nth-of-type(12):hover span{color:rgba(178,223,219,.5)}main article .group-menu .change-color:hover .color-btns-container{-webkit-transition:.3s;transition:.3s;opacity:1;pointer-events:all}main article>div{padding:12px}main article .group-list{max-height:73dvh;overflow-y:scroll}main article .group-list .depth-title{display:block;border-left:none;font-size:18px;border-bottom:1px solid #155b8c;margin-bottom:8px}main article .group-list .floor{border:1px solid #ccc;padding:8px;margin:0 .6rem 2rem}main article .user-list{max-height:73dvh;overflow-y:scroll}main article .user-list .user{margin:4px 8px;display:grid;grid-template-columns:1fr 1fr 3fr}main article .user-list .user>div{padding:0 4px;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}main article.group.tree:has(.layout-user-manager.open) .layout-tree-frame{width:calc(100% - 30px - 334px)}main article .layout-tree-frame{overflow:scroll;-ms-scroll-chaining:none;overscroll-behavior:none;height:calc(99dvh - 230px);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .3s;transition:width .3s;width:calc(100% - 30px)}main article .layout-tree-frame .group-tree{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-rows:repeat(var(--height), 1fr);grid-template-columns:repeat(var(--width), max(10%, 135px));grid-gap:5px}main article .layout-tree-frame .group-tree .group,main article .layout-tree-frame .group-tree .new-group{display:grid;z-index:2;grid-row:var(--top)/calc(var(--bottom) - 1);grid-column:span var(--weight);position:relative;grid-template-rows:subgrid}main article .layout-tree-frame .group-tree .group .add-group-btn,main article .layout-tree-frame .group-tree .new-group .add-group-btn{display:none}main article .layout-tree-frame .group-tree .group:has(.inner:hover) .inner,main article .layout-tree-frame .group-tree .new-group:has(.inner:hover) .inner{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:.1s transform;transition:.1s transform;border:1px solid var(--border-color)}main article .layout-tree-frame .group-tree .group.new-group,main article .layout-tree-frame .group-tree .new-group.new-group{text-align:center}main article .layout-tree-frame .group-tree .group.new-group .inner,main article .layout-tree-frame .group-tree .new-group.new-group .inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:.8rem;cursor:pointer;background:#f1f1f1}main article .layout-tree-frame .group-tree .group.new-group .inner::before,main article .layout-tree-frame .group-tree .new-group.new-group .inner::before{content:"";display:none}main article .layout-tree-frame .group-tree .group.new-group .inner::after,main article .layout-tree-frame .group-tree .new-group.new-group .inner::after{content:"add";font-family:"Material Symbols Outlined";text-align:center;font-size:3.6rem;-webkit-transition:.14s;transition:.14s;position:static;line-height:1.2em}main article .layout-tree-frame .group-tree .group.new-group .inner:hover,main article .layout-tree-frame .group-tree .new-group.new-group .inner:hover{background:#e0e0e0}main article .layout-tree-frame .group-tree .group.new-group .inner:hover::after,main article .layout-tree-frame .group-tree .new-group.new-group .inner:hover::after{-webkit-transform:scale(1.2);transform:scale(1.2)}main article .layout-tree-frame .group-tree .group .inner,main article .layout-tree-frame .group-tree .new-group .inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;grid-row-start:calc(var(--depth) - var(--top) + 1);grid-row-end:-1;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;color:#000;background:var(--color);border:1px solid var(--color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.3s;transition:.3s;overflow-wrap:break-word}main article .layout-tree-frame .group-tree .group .inner::before,main article .layout-tree-frame .group-tree .new-group .inner::before{content:"drag_pan";cursor:-webkit-grab;cursor:grab;font-size:18px;font-family:"Material Symbols Outlined";position:absolute;right:0;top:0;background:var(--accent-color);border-radius:2px;line-height:1;padding:2px}main article .layout-tree-frame .group-tree .group .inner::after,main article .layout-tree-frame .group-tree .new-group .inner::after{content:"groups";font-family:"Material Symbols Outlined";position:absolute;left:4px;line-height:24px;font-size:22px;color:var(--font-color)}main article .layout-tree-frame .group-tree .group .inner .menu-button,main article .layout-tree-frame .group-tree .new-group .inner .menu-button{z-index:4;position:absolute;bottom:4px;right:4px;width:28px;height:28px;background:var(--accent-color);border:1px solid var(--border-color);border-radius:6px;font-family:"Material Symbols Outlined";font-size:20px;line-height:28px;text-align:center;cursor:pointer;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;color:var(--font-color)}main article .layout-tree-frame .group-tree .group .inner .menu-button::after,main article .layout-tree-frame .group-tree .new-group .inner .menu-button::after{content:"more_vert"}main article .layout-tree-frame .group-tree .group .inner .group-details,main article .layout-tree-frame .group-tree .new-group .inner .group-details{color:#333;border-bottom:1px dashed var(--border-color);margin-bottom:3px}main article .layout-tree-frame .group-tree .group .inner .group-details span.group-activities,main article .layout-tree-frame .group-tree .new-group .inner .group-details span.group-activities{display:none}main article .layout-tree-frame .group-tree .group .inner .user-box,main article .layout-tree-frame .group-tree .new-group .inner .user-box{position:relative;width:100%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}main article .layout-tree-frame .group-tree .group .inner .user-box::-webkit-scrollbar,main article .layout-tree-frame .group-tree .new-group .inner .user-box::-webkit-scrollbar{width:6px}main article .layout-tree-frame .group-tree .group .inner .user-box::-webkit-scrollbar-thumb,main article .layout-tree-frame .group-tree .new-group .inner .user-box::-webkit-scrollbar-thumb{background-color:#619eff;border-radius:8px;-webkit-box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25);box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}main article .layout-tree-frame .group-tree .group .inner .user-box .users,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users{height:100%;min-height:calc(100% - 3.4rem);max-height:18dvh;padding-right:1em;overflow-y:scroll;margin-left:4px}main article .layout-tree-frame .group-tree .group .inner .user-box .users::-webkit-scrollbar,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users::-webkit-scrollbar{display:none}main article .layout-tree-frame .group-tree .group .inner .user-box .users span,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users span{display:block}main article .layout-tree-frame .group-tree .group .inner .user-box .users .user,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users .user{-webkit-transition:.1s;transition:.1s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}main article .layout-tree-frame .group-tree .group .inner .user-box .users .user.highlighted,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users .user.highlighted{color:var(--accent-color, #fff);background:var(--font-color, #353535)}main article .layout-tree-frame .group-tree .group .inner .user-box .users .user.highlighted span::after,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users .user.highlighted span::after{width:100%;height:2px}main article .layout-tree-frame .group-tree .group .inner .user-box .users .user span::after,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users .user span::after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#aaa;width:0;-webkit-transition:.2s;transition:.2s;height:0}main article .layout-tree-frame .group-tree .group .inner .user-box .users .user .delete-button,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users .user .delete-button{margin-left:6px;font-family:"Material Symbols Outlined";display:inline-block;opacity:0;width:24px;height:24px;background:#f1aeb5;color:red;border-radius:4px;-webkit-transition:opacity .3s,background-color .3s,color .3s;transition:opacity .3s,background-color .3s,color .3s;text-align:center}main article .layout-tree-frame .group-tree .group .inner .user-box .users .user:hover .delete-button,main article .layout-tree-frame .group-tree .new-group .inner .user-box .users .user:hover .delete-button{opacity:1;background:red;color:#fff;cursor:pointer}main article .layout-tree-frame .group-tree .group:has(.user.highlighted),main article .layout-tree-frame .group-tree .group.highlighted,main article .layout-tree-frame .group-tree .new-group:has(.user.highlighted),main article .layout-tree-frame .group-tree .new-group.highlighted{z-index:3}main article .layout-tree-frame .group-tree .group:has(.user.highlighted) .inner,main article .layout-tree-frame .group-tree .group.highlighted .inner,main article .layout-tree-frame .group-tree .new-group:has(.user.highlighted) .inner,main article .layout-tree-frame .group-tree .new-group.highlighted .inner{background:var(--border-color);border-color:var(--color);-webkit-transition:background-color .1s,border-color .1s;transition:background-color .1s,border-color .1s}main article .layout-tree-frame .group-tree .group.creating,main article .layout-tree-frame .group-tree .new-group.creating{background:rgba(144,144,144,.5803921569) !important}main article .layout-tree-frame .group-tree .group.creating .inner::before,main article .layout-tree-frame .group-tree .new-group.creating .inner::before{content:"close";background:#ff9292;color:#fff;cursor:pointer}main article .layout-tree-frame .group-tree .group.creating .inner::after,main article .layout-tree-frame .group-tree .new-group.creating .inner::after{content:none}main article .layout-tree-frame .group-tree .group.creating .inner .input-name,main article .layout-tree-frame .group-tree .new-group.creating .inner .input-name{padding-left:4px}main article .layout-tree-frame .group-tree .group.creating .inner .add-group-btn,main article .layout-tree-frame .group-tree .new-group.creating .inner .add-group-btn{margin:4px 4px 4px auto;width:44px;background:#85ffc8;border:1px solid #5aaf89;border-radius:4px;-webkit-transition:.2s;transition:.2s;display:block}main article .layout-tree-frame .group-tree .group.creating input,main article .layout-tree-frame .group-tree .new-group.creating input{background:#fff;border:1px solid #000;border-radius:4px}main article .layout-tree-frame .group-tree .group.dragging,main article .layout-tree-frame .group-tree .new-group.dragging{position:absolute;z-index:100;pointer-events:none;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0)}main article .layout-tree-frame .group-tree .group.dragging .inner,main article .layout-tree-frame .group-tree .new-group.dragging .inner{opacity:.7;-webkit-transition:none;transition:none;pointer-events:none;width:100%;height:100%}main article .layout-tree-frame .group-tree .group.can-move,main article .layout-tree-frame .group-tree .new-group.can-move{position:relative}main article .layout-tree-frame .group-tree .group.can-move .inner,main article .layout-tree-frame .group-tree .new-group.can-move .inner{-webkit-transition:2s;transition:2s}main article .layout-tree-frame .group-tree .group.can-move .inner::before,main article .layout-tree-frame .group-tree .new-group.can-move .inner::before{content:"";width:100%;position:absolute;height:100%;background:rgba(149,255,149,.4117647059);background:rgba(0,255,0,.4117647059);bottom:0;top:0%;left:-1px;background:-webkit-gradient(linear, left top, left bottom, color-stop(96%, rgba(255, 255, 255, 0)), to(rgb(127, 255, 146)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, rgb(127, 255, 146) 100%);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 96%, rgb(127, 255, 146) 100%)}main article .layout-tree-frame .group-tree .group.cant-move .inner,main article .layout-tree-frame .group-tree .new-group.cant-move .inner{background:#ff6767;background:-webkit-repeating-linear-gradient(315deg, rgba(255, 103, 103, 0.438), rgba(255, 103, 103, 0.438) 5px, var(--color) 5px, var(--color) 10px);background:repeating-linear-gradient(135deg, rgba(255, 103, 103, 0.438), rgba(255, 103, 103, 0.438) 5px, var(--color) 5px, var(--color) 10px);-webkit-transition:.1s;transition:.1s}main article .layout-tree-frame .group-tree .group.gray,main article .layout-tree-frame .group-tree .new-group.gray{--font-color: #2b2f32;--color: #eee;--accent-color: #e1e1e1;--border-color: #c8c8c8}main article .layout-tree-frame .group-tree .group.red,main article .layout-tree-frame .group-tree .new-group.red{--font-color: #58151c;--color: #f8d7da;--accent-color: #f4c1c6;--border-color: #ed969e}main article .layout-tree-frame .group-tree .group.white,main article .layout-tree-frame .group-tree .new-group.white{--font-color: #000;--color: #fff;--accent-color: #f1f1f1;--border-color: #b1b1b1}main article .layout-tree-frame .group-tree .group.blue,main article .layout-tree-frame .group-tree .new-group.blue{--font-color: #052c65;--color: #cfe2ff;--accent-color: #bed2f1;--border-color: #9ec5fe}main article .layout-tree-frame .group-tree .group.green,main article .layout-tree-frame .group-tree .new-group.green{--font-color: #0a3622;--color: #d1e7dd;--accent-color: #c1dacf;--border-color: #a3cfbb}main article .layout-tree-frame .group-tree .group.yellow,main article .layout-tree-frame .group-tree .new-group.yellow{--font-color: #664d03;--color: #fff3cd;--accent-color: #f1e5bc;--border-color: #ffe69c}main article .layout-tree-frame .group-tree .group.orange,main article .layout-tree-frame .group-tree .new-group.orange{--font-color: #663c00;--color: #ffe5b4;--accent-color: #ffd59a;--border-color: #ffcc80}main article .layout-tree-frame .group-tree .group.purple,main article .layout-tree-frame .group-tree .new-group.purple{--font-color: #4e2a91;--color: #e6ccff;--accent-color: #d1b2ff;--border-color: #c69cff}main article .layout-tree-frame .group-tree .group.pink,main article .layout-tree-frame .group-tree .new-group.pink{--font-color: #6a1b4d;--color: #f7b6c9;--accent-color: #f5a0b7;--border-color: #ef8fb0}main article .layout-tree-frame .group-tree .group.brown,main article .layout-tree-frame .group-tree .new-group.brown{--font-color: #4e2a91;--color: #d7ccc8;--accent-color: #c1b2a1;--border-color: #b39c8e}main article .layout-tree-frame .group-tree .group.black,main article .layout-tree-frame .group-tree .new-group.black{--font-color: #fff;--color: #000;--accent-color: #333;--border-color: #444}main article .layout-tree-frame .group-tree .group.teal,main article .layout-tree-frame .group-tree .new-group.teal{--font-color: #004d40;--color: #b2dfdb;--accent-color: #a7d4d0;--border-color: #80cbc4}main article .layout-tree-frame .group-tree .group input,main article .layout-tree-frame .group-tree .new-group input{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:none;resize:none;background:rgba(0,0,0,0);width:100%;font-family:inherit;overflow:hidden;min-width:50%}main article .layout-tree-frame .group-tree .group input.input-name,main article .layout-tree-frame .group-tree .new-group input.input-name{padding:0 34px;margin-bottom:2px;width:calc(100% + 6px);font-size:18px;background:hsla(0,0%,100%,.6);color:var(--font-color)}main article .layout-tree-frame .group-tree .group input:focus,main article .layout-tree-frame .group-tree .new-group input:focus{background:#fff}main article .layout-tree-frame .group-tree .group .depth-label,main article .layout-tree-frame .group-tree .new-group .depth-label{display:none;color:#333;width:calc(100% - 30px);margin-bottom:3px;cursor:text}main article .layout-tree-frame .group-tree .group .depth-label .input-depth,main article .layout-tree-frame .group-tree .new-group .depth-label .input-depth{width:10%;vertical-align:sub}main article .layout-tree-frame .group-tree .group .depth-label span,main article .layout-tree-frame .group-tree .new-group .depth-label span{white-space:nowrap;vertical-align:sub;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:.5em}main article .layout-tree-frame .group-tree .group:has(.user-popup),main article .layout-tree-frame .group-tree .new-group:has(.user-popup){z-index:100}main article .layout-user-manager{max-width:80dvw;height:calc(100dvh - 54px - (16px + 1rem));background:#f1f1f1;position:absolute;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;right:0;z-index:9;padding:8px;border:1px solid #ccc;-webkit-transition:.3s;transition:.3s;-webkit-transform:translateX(100%);transform:translateX(100%)}main article .layout-user-manager .manager-header{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:8px 0}main article .layout-user-manager .manager-header .sort-filter-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:8px;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:16px}main article .layout-user-manager .manager-header .search-box .user-search{border:1px solid #ccc;border-radius:4px;margin-bottom:16px}main article .layout-user-manager .manager-header .filter-sort-box{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main article .layout-user-manager .manager-header .filter-sort-box div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}main article .layout-user-manager .manager-header .filter-sort-box div select{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}main article .layout-user-manager .manager-header span{font-family:"Material Symbols Outlined";border:1px solid #ccc;line-height:36px;background:#fff;font-size:28px;cursor:pointer}main article .layout-user-manager .manager-header .search-and-sort .search-box{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article .layout-user-manager .manager-header .search-and-sort .search-box div{position:relative}main article .layout-user-manager .manager-header .search-and-sort .search-box div input{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 4px;resize:none;background:rgba(0,0,0,0);field-sizing:content;font-family:inherit;overflow:hidden;width:10em;height:36px;vertical-align:middle;background:#fff}main article .layout-user-manager .manager-header .search-and-sort .search-box div .all-clear{position:absolute;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);border:none;background:rgba(0,0,0,0);vertical-align:middle;margin-top:-4px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:inline-block}main article .layout-user-manager .multi-manager{position:relative;z-index:10}main article .layout-user-manager .multi-manager .controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}main article .layout-user-manager .multi-manager .controls .select-all-users{position:relative;margin:0 4px;-webkit-transform:scale(1.25);transform:scale(1.25)}main article .layout-user-manager .multi-manager .controls .select-all-users input,main article .layout-user-manager .multi-manager .controls .select-all-users label{cursor:pointer}main article .layout-user-manager .multi-manager .controls .select-all-users label{display:inline;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;left:calc(100% + 6px);font-size:14px}main article .layout-user-manager .multi-manager .controls .control.add-to-groups{pointer-events:none;opacity:0;position:relative;min-width:260px}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff;border:1px solid #d2d2db;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06);color:#222;border-radius:4px;cursor:pointer;-webkit-transition:.15s;transition:.15s}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .label:hover{background:#f6f7fb;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#b6c2e1}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .label::after{content:"arrow_drop_down";font-family:"Material Symbols Outlined";font-size:18px;margin-left:4px;color:#888;line-height:1}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .groups{pointer-events:none;width:300px;position:absolute;left:0;bottom:-4px;-webkit-transform:translate(0, 95%);transform:translate(0, 95%);background:#fff;border:1px solid #d2d2db;border-radius:0 0 6px 6px;-webkit-box-shadow:0 6px 16px rgba(0,0,0,.1);box-shadow:0 6px 16px rgba(0,0,0,.1);opacity:0;padding:8px 0;max-height:320px;overflow-y:auto;-webkit-transition:opacity .15s,-webkit-transform .2s;transition:opacity .15s,-webkit-transform .2s;transition:opacity .15s,transform .2s;transition:opacity .15s,transform .2s,-webkit-transform .2s}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .groups .group-search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px;padding:0 12px 6px 12px;border-bottom:1px solid #f0f0f5}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .groups .group-search input[type=text]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:5px 8px;border:1px solid #c0c0cc;border-radius:3px;background:#fafaff;font-size:13px;-webkit-transition:border .15s;transition:border .15s}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .groups .group-search input[type=text]:focus{border-color:#7aaaff;background:#fff}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .groups .group{display:block;padding:7px 16px;margin:0 4px;border-radius:3px;font-size:14px;color:#222;cursor:pointer;-webkit-transition:.12s;transition:.12s}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .groups .group:hover{background:#eaefff;color:#2257ae}main article .layout-user-manager .multi-manager .controls .control.add-to-groups .groups .group input{vertical-align:middle;margin-right:8px}main article .layout-user-manager .multi-manager .controls .control.add-to-groups.open .groups{pointer-events:all;-webkit-transition:.2s;transition:.2s;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);opacity:1}main article .layout-user-manager:has(input.user-select:checked) .multi-manager .controls .select-all-users label{display:none}main article .layout-user-manager:has(input.user-select:checked) .multi-manager .controls .control.add-to-groups{opacity:1;pointer-events:all}main article .layout-user-manager .tree-user-list{max-width:70dvw;overflow-y:scroll;background:#f1f1f1;height:calc(100dvh - 16px - (66px + 2rem) - (18px + 1rem) - 54px - (16px + 1rem));width:300px;padding-right:16px;background:#f1f1f1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}main article .layout-user-manager .tree-user-list .user,main article .layout-user-manager .tree-user-list .new-user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.5em;padding:4px;border-bottom:1px solid gray;margin-top:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:12px;position:relative}main article .layout-user-manager .tree-user-list .user.new-user,main article .layout-user-manager .tree-user-list .new-user.new-user{cursor:pointer}main article .layout-user-manager .tree-user-list .user.new-user:hover,main article .layout-user-manager .tree-user-list .new-user.new-user:hover{background:#e0f7fa}main article .layout-user-manager .tree-user-list .user.new-user:hover .add-symbol,main article .layout-user-manager .tree-user-list .new-user.new-user:hover .add-symbol{background-color:#ccc;color:#000}main article .layout-user-manager .tree-user-list .user::after,main article .layout-user-manager .tree-user-list .new-user::after{content:"";position:absolute;height:100%;width:8px;border-right:8px solid #aaa;border-bottom:1px solid gray;right:0;top:0;-webkit-transition:.2s;transition:.2s}main article .layout-user-manager .tree-user-list .user:not(.moving),main article .layout-user-manager .tree-user-list .new-user:not(.moving){-webkit-transition:.2s;transition:.2s}main article .layout-user-manager .tree-user-list .user:hover::after,main article .layout-user-manager .tree-user-list .new-user:hover::after{right:-14px}main article .layout-user-manager .tree-user-list .user:has(.user-select:checked)::after,main article .layout-user-manager .tree-user-list .new-user:has(.user-select:checked)::after{right:-10px}main article .layout-user-manager .tree-user-list .user.moving,main article .layout-user-manager .tree-user-list .new-user.moving{pointer-events:none;position:absolute;z-index:1000;opacity:.6}main article .layout-user-manager .tree-user-list .user.moving .user-name,main article .layout-user-manager .tree-user-list .new-user.moving .user-name{display:none}main article .layout-user-manager .tree-user-list .user .groups,main article .layout-user-manager .tree-user-list .new-user .groups{white-space:nowrap}main article .layout-user-manager .tree-user-list .user input.user-select,main article .layout-user-manager .tree-user-list .new-user input.user-select{-webkit-transform:scale(1.25);transform:scale(1.25);margin-right:4px;cursor:pointer}main article .layout-user-manager .tree-user-list .user.hidden,main article .layout-user-manager .tree-user-list .new-user.hidden{display:none !important}main article .layout-user-manager .tree-user-list .user .info,main article .layout-user-manager .tree-user-list .new-user .info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}main article .layout-user-manager .tree-user-list .user .info .display-name,main article .layout-user-manager .tree-user-list .new-user .info .display-name{font-weight:bold;pointer-events:none}main article .layout-user-manager .tree-user-list .user .info .user-name,main article .layout-user-manager .tree-user-list .new-user .info .user-name{font-size:80%;color:#555;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:none}main article .layout-user-manager .tree-user-list .user .status-icons,main article .layout-user-manager .tree-user-list .new-user .status-icons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;height:2.75em;gap:4px;margin-top:2px}main article .layout-user-manager .tree-user-list .user .status-icons .status,main article .layout-user-manager .tree-user-list .new-user .status-icons .status{font-family:"Material Symbols Outlined";font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;background:#ddd;color:#444;background:var(--background-color, #f0f0f0);color:var(--font-color, #aaa);-webkit-transition:.2s;transition:.2s}main article .layout-user-manager .tree-user-list .user .status-icons .status:hover,main article .layout-user-manager .tree-user-list .new-user .status-icons .status:hover{background:var(--hover-background-color);color:var(--hover-font-color);-webkit-box-shadow:0 0 0 2px var(--hover-shadow-color) inset;box-shadow:0 0 0 2px var(--hover-shadow-color) inset;-webkit-transform:scale(1.2);transform:scale(1.2)}main article .layout-user-manager .tree-user-list .user .status-icons .status.hidden,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.hidden{display:none}main article .layout-user-manager .tree-user-list .user .status-icons .status.login,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.login{--background-color: #c8e6c9;--font-color: #2e7d32;--hover-background-color: #a5d6a7;--hover-font-color: #1b5e20;--hover-shadow-color: #c8e6c9}main article .layout-user-manager .tree-user-list .user .status-icons .status.login::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.login::after{content:"smartphone"}main article .layout-user-manager .tree-user-list .user .status-icons .status.no-login,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.no-login{--background-color: #f0f0f0;--font-color: #aaa;--hover-background-color: #e0e0e0;--hover-font-color: #666;--hover-shadow-color: #ccc}main article .layout-user-manager .tree-user-list .user .status-icons .status.no-login::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.no-login::after{content:"smartphone"}main article .layout-user-manager .tree-user-list .user .status-icons .status.no-password,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.no-password{--background-color: #ffe0b2;--font-color: #e65100;--hover-background-color: #ffcc80;--hover-font-color: #bf360c;--hover-shadow-color: #ffe0b2}main article .layout-user-manager .tree-user-list .user .status-icons .status.no-password::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.no-password::after{content:"lock_open_right"}main article .layout-user-manager .tree-user-list .user .status-icons .status.reset-pending,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.reset-pending{--background-color: #fff3cd;--font-color: #856404;--hover-background-color: #ffe8a1;--hover-font-color: #5c4402;--hover-shadow-color: #fff3cd}main article .layout-user-manager .tree-user-list .user .status-icons .status.reset-pending::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.reset-pending::after{content:"schedule"}main article .layout-user-manager .tree-user-list .user .status-icons .status.reset-expired,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.reset-expired{--background-color: #f8d7da;--font-color: #721c24;--hover-background-color: #f5b7b7;--hover-font-color: #491217;--hover-shadow-color: #f8d7da}main article .layout-user-manager .tree-user-list .user .status-icons .status.reset-expired::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.reset-expired::after{content:"timer_off"}main article .layout-user-manager .tree-user-list .user .status-icons .status.no-email,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.no-email{--background-color: #f8d7da;--font-color: #721c24;--hover-background-color: #f5c6cb;--hover-font-color: #491217;--hover-shadow-color: #f8d7da}main article .layout-user-manager .tree-user-list .user .status-icons .status.no-email::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.no-email::after{content:"mail_off"}main article .layout-user-manager .tree-user-list .user .status-icons .status.reset-done,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.reset-done{--background-color: #d4edda;--font-color: #155724;--hover-background-color: #a8d5b8;--hover-font-color: #0b3e22;--hover-shadow-color: #d4edda}main article .layout-user-manager .tree-user-list .user .status-icons .status.reset-done::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.reset-done::after{content:"check_circle"}main article .layout-user-manager .tree-user-list .user .status-icons .status.in-groups,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.in-groups{text-align:center;font-family:sans-serif;--background-color: #ffe0b2;--font-color: #e65100;--hover-background-color: #ffcc80;--hover-font-color: #bf360c;--hover-shadow-color: #ffe0b2}main article .layout-user-manager .tree-user-list .user .status-icons .status.permission,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.permission{font-family:"Material Symbols Outlined";--background-color: #e8f0ff;--font-color: #1d4f91;--hover-background-color: #d6e4ff;--hover-font-color: #123663;--hover-shadow-color: #c8d9ff}main article .layout-user-manager .tree-user-list .user .status-icons .status.オーナー::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.オーナー::after{content:"workspace_premium"}main article .layout-user-manager .tree-user-list .user .status-icons .status.マスター管理者::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.マスター管理者::after{content:"verified_user"}main article .layout-user-manager .tree-user-list .user .status-icons .status.管理者::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.管理者::after{content:"supervisor_account"}main article .layout-user-manager .tree-user-list .user .status-icons .status.ユーザー::after,main article .layout-user-manager .tree-user-list .new-user .status-icons .status.ユーザー::after{content:"person"}main article .layout-user-manager .tree-user-list .user .edit-btn,main article .layout-user-manager .tree-user-list .user .add-symbol,main article .layout-user-manager .tree-user-list .new-user .edit-btn,main article .layout-user-manager .tree-user-list .new-user .add-symbol{font-family:"Material Symbols Outlined";font-size:20px;padding:4px;cursor:pointer;color:#555;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s}main article .layout-user-manager .tree-user-list .user .edit-btn:hover,main article .layout-user-manager .tree-user-list .user .add-symbol:hover,main article .layout-user-manager .tree-user-list .new-user .edit-btn:hover,main article .layout-user-manager .tree-user-list .new-user .add-symbol:hover{background-color:#ccc;color:#000}main article .layout-user-manager .tree-user-list .user .edit-btn.edit-btn::after,main article .layout-user-manager .tree-user-list .user .add-symbol.edit-btn::after,main article .layout-user-manager .tree-user-list .new-user .edit-btn.edit-btn::after,main article .layout-user-manager .tree-user-list .new-user .add-symbol.edit-btn::after{content:"edit"}main article .layout-user-manager .tree-user-list .user .edit-btn.add-symbol::after,main article .layout-user-manager .tree-user-list .user .add-symbol.add-symbol::after,main article .layout-user-manager .tree-user-list .new-user .edit-btn.add-symbol::after,main article .layout-user-manager .tree-user-list .new-user .add-symbol.add-symbol::after{content:"add"}main article .layout-user-manager .tree-user-list .user-menu{z-index:100;position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:hsla(0,0%,100%,.35);-webkit-transform:translate(0%, 100%);transform:translate(0%, 100%);font-size:16px}main article .layout-user-manager .tree-user-list .user-menu .menu-btn{white-space:nowrap;padding:4px;border:1px solid #969696;border-bottom:none;display:block;background:hsla(0,0%,100%,.35);cursor:pointer}main article .layout-user-manager .tree-user-list .user-menu .menu-btn:first-child{border-top-left-radius:8px;border-top-right-radius:8px}main article .layout-user-manager .tree-user-list .user-menu .menu-btn:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:1px solid #969696}main article .layout-user-manager .tree-user-list .user-menu .menu-btn:hover{background:#cfcfcf !important}main article .layout-user-manager .tree-user-list .user-menu .menu-btn::before{font-family:"Material Symbols Outlined";vertical-align:-5px;font-size:24px;line-height:24px;padding-right:4px}main article .layout-user-manager .tree-user-list .user-menu .menu-btn:not(.change-permission){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission{background:#f5f5f5;position:relative}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission .admin-btns-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;position:absolute;top:-4px;left:-1px;-webkit-transform:translate(calc(-100% + 1px), -6em);transform:translate(calc(-100% + 1px), -6em);-webkit-box-sizing:border-box;box-sizing:border-box}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission .admin-btns-container .current{cursor:default;border:1px solid #969696;border-top-left-radius:8px;border-bottom:none;height:calc((1em + 8px)*1.2*2 - 1px)}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission .admin-btns-container p{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #969696;border-top:none;margin:0;padding:4px}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission .admin-btns-container p:hover{background:rgba(144,144,144,.5)}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission .admin-btns-container p:first-of-type{border-top:1px solid #969696}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission .admin-btns-container p:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission:hover .admin-btns-container{display:block}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.password,main article .layout-user-manager .tree-user-list .user-menu .menu-btn.delete-user{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.change-permission .admin-btns-container span{padding:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:block;height:100%}main article .layout-user-manager .tree-user-list .user-menu .menu-btn.password-reset.disabled{background:#ccc;color:gray;cursor:wait}main article .layout-user-manager .tree-user-list .user-menu .password-reset::before{content:"mail_lock"}main article .layout-user-manager .tree-user-list .user-menu .change-email::before{content:"forward_to_inbox"}main article .layout-user-manager .tree-user-list .user-menu .change-user::before{content:"badge"}main article .layout-user-manager .tree-user-list .user-menu .change-permission::before{content:"add_moderator"}main article .layout-user-manager .tree-user-list .user-menu .delete-user::before{content:"person_off"}main article .layout-user-manager .tree-user-list .user-menu:has(.change-permission:hover) .menu-btn{border-left:none}main article .layout-user-manager .tree-user-list .user-menu:has(.change-permission:hover) .password{border-top-left-radius:0 !important}main article .layout-user-manager .tree-user-list .user-menu:has(.change-permission:hover) .password-reset{border-bottom-left-radius:0 !important}main article .layout-user-manager .tree-user-list .change-password-ui,main article .layout-user-manager .tree-user-list .change-email-ui,main article .layout-user-manager .tree-user-list .change-user-ui,main article .layout-user-manager .tree-user-list .change-display-name-ui{position:fixed;bottom:0;background:#fff;-webkit-transform:translate(0%, -10%);transform:translate(0%, -10%);width:-webkit-min-content;width:-moz-min-content;width:min-content;padding:1em;border-radius:8px;z-index:15}main article .layout-user-manager .tree-user-list .change-password-ui span:before,main article .layout-user-manager .tree-user-list .change-email-ui span:before,main article .layout-user-manager .tree-user-list .change-user-ui span:before,main article .layout-user-manager .tree-user-list .change-display-name-ui span:before{content:"ユーザー名: "}main article .layout-user-manager .tree-user-list .change-password-ui p.subheading,main article .layout-user-manager .tree-user-list .change-email-ui p.subheading,main article .layout-user-manager .tree-user-list .change-user-ui p.subheading,main article .layout-user-manager .tree-user-list .change-display-name-ui p.subheading{margin:0}main article .layout-user-manager .tree-user-list .change-password-ui input:before,main article .layout-user-manager .tree-user-list .change-email-ui input:before,main article .layout-user-manager .tree-user-list .change-user-ui input:before,main article .layout-user-manager .tree-user-list .change-display-name-ui input:before{content:"パスワード"}main article .layout-user-manager .tree-user-list .change-password-ui input,main article .layout-user-manager .tree-user-list .change-email-ui input,main article .layout-user-manager .tree-user-list .change-user-ui input,main article .layout-user-manager .tree-user-list .change-display-name-ui input{margin-bottom:8px}main article .layout-user-manager .tree-user-list .change-display-name-ui{position:absolute;bottom:auto;-webkit-transform:none;transform:none;width:280px;padding:14px 16px;border-radius:12px;border:1px solid #dbe4f5;-webkit-box-shadow:0 10px 24px rgba(16,36,80,.16);box-shadow:0 10px 24px rgba(16,36,80,.16);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}main article .layout-user-manager .tree-user-list .change-display-name-ui span{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}main article .layout-user-manager .tree-user-list .change-display-name-ui p.subheading{font-size:12px;color:#5a6b7a}main article .layout-user-manager .tree-user-list .change-display-name-ui input{width:100%;pointer-events:all !important;margin:0;border:1px solid #cfd8e3;border-radius:8px;padding:8px 10px;background:#f8fbff;-webkit-box-sizing:border-box;box-sizing:border-box}main article .layout-user-manager .tree-user-list .change-display-name-ui button{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;padding:6px 14px;border-radius:999px;border:1px solid #1d4f91;background:#1d4f91;color:#fff;font-weight:600;cursor:pointer}main article .layout-user-manager .tree-user-list .change-display-name-ui button:hover{background:#0f2f60;border-color:#0f2f60}main article .layout-user-manager .user-manage-btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:-1px;left:1px;border:1px solid #ccc;border-right:none;padding:2px 4px;background:#f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:all;-webkit-transform:translateX(-100%) !important;transform:translateX(-100%) !important;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;border-radius:8px 0 0 8px;padding:.7em .2em}main article .layout-user-manager:has(.user-manage-btn:hover){-webkit-transform:translateX(calc(100% - 8px));transform:translateX(calc(100% - 8px))}main article .layout-user-manager.open{top:0%;-webkit-transform:translateX(0) !important;transform:translateX(0) !important}main article .layout-user-manager.open .tree-user-list{width:300px;background:#f1f1f1}main article .layout-user-manager.open .tree-user-list .user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:-webkit-grab;cursor:grab;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}main article .layout-user-manager.open .tree-user-list .display-name{pointer-events:none}main article .layout-user-manager.open .tree-user-list .user-name{display:inline-block;max-width:7em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:80%}main article .layout-user-manager.hidden{display:none !important}main article .layout-user-manager .pulldown{position:relative}main article .layout-user-manager .pulldown.sort-options{max-width:33%}main article .layout-user-manager .pulldown.filter-options{max-width:49%}main article .layout-user-manager:has(.inverted) .tree-user-list{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}main article .layout-user-manager:has(.inverted) .tree-user-list .new-user{-webkit-box-ordinal-group:1000000;-webkit-order:999999;-ms-flex-order:999999;order:999999}main article .layout-user-create{position:fixed;top:calc(100% - 28px);left:calc(100% - 28px);-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff;z-index:100;padding:0;border:1px solid #ccc;opacity:0;pointer-events:none;border-radius:8px;background:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}main article .layout-user-create .close{cursor:pointer;display:block;margin:0 0 0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transition:.2s;transition:.2s}main article .layout-user-create .close:hover{background-color:red;color:#fff}main article .layout-user-create .inner{padding:1em}main article .layout-user-create .inner label:has(select[name=group]){margin:1em 0}main article .layout-user-create input[type=submit]{margin:0 auto}main article .layout-user-create.show{opacity:1;pointer-events:all}main article .layout-user-create .multi-link{text-decoration:underline;display:inline-block;margin-bottom:1em}main article .layout-group-manager .layout-controls label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #2963b9;display:inline-block;padding:4px;margin:0;color:#2963b9;border-radius:8px}main .tree-settings{padding-left:1.4rem}main .tree-settings label{cursor:pointer}main .tree-settings label:hover{text-decoration:underline}main article.index{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article.index>div{width:calc(48% - 4px);-webkit-box-sizing:border-box;box-sizing:border-box}main article.index>div>div.info{-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px calc(1% + 2px) 16px;border:1px solid rgba(21,91,140,.28);border-radius:8px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(21, 91, 140, 0.06)), color-stop(65%, rgba(255, 255, 255, 0.96)));background:-webkit-linear-gradient(top, rgba(21, 91, 140, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%);background:linear-gradient(180deg, rgba(21, 91, 140, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%);-webkit-box-shadow:0 6px 18px rgba(21,91,140,.08);box-shadow:0 6px 18px rgba(21,91,140,.08);padding:8px 16px}main article.index>div>div.info h2{cursor:default;margin:-8px -16px 10px;font-size:20px;color:#1f3342;background:rgba(21,91,140,.12);border-bottom:1px solid rgba(21,91,140,.2);padding:4px 12px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.index>div>div.info.disabled{border-color:rgba(120,120,120,.4);color:#3a3a3a;background:-webkit-gradient(linear, left top, left bottom, from(rgba(150, 150, 150, 0.08)), color-stop(70%, rgba(255, 255, 255, 0.95)));background:-webkit-linear-gradient(top, rgba(150, 150, 150, 0.08) 0%, rgba(255, 255, 255, 0.95) 70%);background:linear-gradient(180deg, rgba(150, 150, 150, 0.08) 0%, rgba(255, 255, 255, 0.95) 70%)}main article.index>div>div.info.disabled h2{color:#4f4f4f;background:rgba(150,150,150,.12);border-bottom-color:rgba(150,150,150,.2)}main article.index>div>div.info.integre-info{border-color:rgba(21,91,140,.35);background:-webkit-gradient(linear, left top, left bottom, from(rgba(21, 91, 140, 0.08)), color-stop(65%, rgba(255, 255, 255, 0.96)));background:-webkit-linear-gradient(top, rgba(21, 91, 140, 0.08) 0%, rgba(255, 255, 255, 0.96) 65%);background:linear-gradient(180deg, rgba(21, 91, 140, 0.08) 0%, rgba(255, 255, 255, 0.96) 65%)}main article.index>div>div.info.integre-info h2{color:#1b3a55;background:rgba(21,91,140,.16);border-bottom-color:rgba(21,91,140,.25)}main article.index>div>div.info.notification-info{border-color:rgba(245,124,0,.35);background:-webkit-gradient(linear, left top, left bottom, from(rgba(245, 124, 0, 0.06)), color-stop(65%, rgba(255, 255, 255, 0.96)));background:-webkit-linear-gradient(top, rgba(245, 124, 0, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%);background:linear-gradient(180deg, rgba(245, 124, 0, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%)}main article.index>div>div.info.notification-info h2{color:#7a3f00;background:rgba(245,124,0,.16);border-bottom-color:rgba(245,124,0,.25)}main article.index>div>div.info.safety-info{border-color:rgba(58,110,165,.35);background:-webkit-gradient(linear, left top, left bottom, from(rgba(58, 110, 165, 0.06)), color-stop(65%, rgba(255, 255, 255, 0.96)));background:-webkit-linear-gradient(top, rgba(58, 110, 165, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%);background:linear-gradient(180deg, rgba(58, 110, 165, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%)}main article.index>div>div.info.safety-info h2{color:#244766;background:rgba(58,110,165,.16);border-bottom-color:rgba(58,110,165,.25)}main article.index>div>div.info.inform-info{border-color:rgba(230,149,0,.35);background:-webkit-gradient(linear, left top, left bottom, from(rgba(230, 149, 0, 0.06)), color-stop(65%, rgba(255, 255, 255, 0.96)));background:-webkit-linear-gradient(top, rgba(230, 149, 0, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%);background:linear-gradient(180deg, rgba(230, 149, 0, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%)}main article.index>div>div.info.inform-info h2{color:#7a4b00;background:rgba(230,149,0,.16);border-bottom-color:rgba(230,149,0,.25)}main article.index>div>div.info.inventory-info{border-color:rgba(46,125,50,.35);background:-webkit-gradient(linear, left top, left bottom, from(rgba(46, 125, 50, 0.06)), color-stop(65%, rgba(255, 255, 255, 0.96)));background:-webkit-linear-gradient(top, rgba(46, 125, 50, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%);background:linear-gradient(180deg, rgba(46, 125, 50, 0.06) 0%, rgba(255, 255, 255, 0.96) 65%)}main article.index>div>div.info.inventory-info h2{color:#235629;background:rgba(46,125,50,.16);border-bottom-color:rgba(46,125,50,.25)}main article.index .info>ul{padding:2px 0;font-size:15px}main article.index .info>ul li{padding:2px 0;position:relative;overflow:hidden}main article.index .info>ul li:hover{opacity:.8}main article.index .info>ul li a{display:inline-block;border-bottom:1px solid #f0f0f0}main article.index .info>ul li span{color:#2b2b2b}main article.index .info>ul li span.date{color:#525252 !important;font-size:13px;display:inline-block;min-width:4.2rem;padding-right:6px;text-align:right}main article.index .info>ul li span.text{display:block;overflow:hidden;text-overflow:ellipsis;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}main article.index .info>ul li span.progress{display:inline-block;padding-left:4px;position:absolute;right:0;bottom:8px;background:#fff}main article.index .info>ul li.done span{color:#2e7d32}main article.index .info>ul li.normal span{color:#607d8b}main article.index .info>ul li.normal:has(span.progress) span{color:#1976d2}@media screen and (max-width: 1000px){main article.index{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main article.index>div{width:98%;padding-bottom:0}}main .setup-progress{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto 24px;width:90%;padding:0 1.2rem}main .setup-progress.hidden{display:none}main .setup-progress .step{--color: #cfd8dc;color:#37474f;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;padding:1.4rem 0;font-size:14px;background:var(--color);margin-left:1.9rem}main .setup-progress .step.current{--color: #2196f3;color:#fff;font-size:15px;font-weight:700;font-size:120%}main .setup-progress .step.done{--color: #4caf50;color:#fff}main .setup-progress .step:first-of-type{margin-left:0}main .setup-progress .step::after,main .setup-progress .step::before{content:"";display:block;width:1.6rem;height:100%;line-height:0;position:absolute;background:var(--color)}main .setup-progress .step::before{-webkit-clip-path:polygon(0 0, 100% 50%, 0 100%, 101% 100%, 101% 0);clip-path:polygon(0 0, 100% 50%, 0 100%, 101% 100%, 101% 0);right:100%;-webkit-transform:translateX(1px);transform:translateX(1px)}main .setup-progress .step::after{-webkit-clip-path:polygon(100% 50%, -1% 100%, -1% 0);clip-path:polygon(100% 50%, -1% 100%, -1% 0);left:100%;-webkit-transform:translateX(-0.1px);transform:translateX(-0.1px)}@media screen and (max-width: 768px){main .setup-progress{width:95%;padding:0 .6rem}main .setup-progress .step{font-size:12px;padding:1rem 0;margin-left:1rem}main .setup-progress .step.current{font-size:13px}main .setup-progress .step::after,main .setup-progress .step::before{width:1rem}}main .processing-message{display:block;margin-left:4px;color:#546e7a;font-size:14px;text-align:center}main .processing-message.hidden{display:none}main .setup-actions{margin:16px 0 24px;text-align:center}main .setup-actions .btn,main .setup-actions button{min-width:140px}main .setup-actions .btn{margin-top:4px;text-align:center;display:inline-block;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:4px;border:1px solid #1d4f91;background:#1d4f91;color:#fff;font-weight:600;text-decoration:none;-webkit-transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s;transition:background .2s,color .2s,border .2s,box-shadow .2s,-webkit-box-shadow .2s}main .setup-actions .btn.secondary{background:#fff;color:#1d4f91;border-color:#1d4f91}main .setup-actions .btn:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12)}main .setup-actions .btn.secondary:hover{background:#e8f0ff;color:#11386b}main .setup-actions .mail::before{content:"mail";font-family:"Material Symbols Outlined";font-size:24px;vertical-align:-6px;padding-right:4px}main .setup-actions.right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-right:8px}main .setup-actions.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}main .setup-guide{-webkit-box-sizing:border-box;box-sizing:border-box;width:min(920px,96%);margin:0 auto 16px;padding:12px 16px;border-radius:12px;border:1px solid #dbe4f5;background:#eef4ff;-webkit-box-shadow:0 6px 16px rgba(16,36,80,.12);box-shadow:0 6px 16px rgba(16,36,80,.12)}main .setup-guide h3{margin:0 0 6px;color:#0f2f60;font-weight:700}main .setup-guide p{margin:6px 0 0;color:#223040;line-height:1.6;font-size:14px;font-weight:600}main .setup-guide .setup-howto{margin-top:10px;padding:8px 10px;border-radius:10px;background:#0f2f60;color:#fff;font-weight:700}main .setup-guide .setup-howto span{display:inline-block;margin-right:6px;padding:2px 6px;border-radius:999px;background:#fff;color:#0f2f60;font-size:12px;font-weight:800}main .setup-guide-stage3{max-width:800px;margin:0 auto;padding:2rem}main .setup-guide-stage3 h2{text-align:center;margin-bottom:2rem}main .tutorial-steps{margin:2rem 0}main .tutorial-step{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f7fbff;border:1px solid #dbe4f5;border-radius:12px}main .tutorial-step .step-number{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:36px;height:36px;background:#1d4f91;color:#fff;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:18px}main .tutorial-step .step-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}main .tutorial-step .step-content h3{margin:0 0 .5rem;font-size:18px;color:#0f2f60;font-weight:bold}main .tutorial-step .step-content h3::before{display:none}main .tutorial-step .step-content p{margin:.5rem 0 0;font-size:14px;line-height:1.6}main .tutorial-step .step-content .tutorial-tip{background:#fff4e5;border-left:4px solid #ffa726;padding:10px 12px;margin-top:.8rem;font-size:14px}main .tutorial-step .step-content .tutorial-tip strong{color:#8a5a00}main .tutorial-completion{text-align:center;font-size:15px;color:#1e3f63;margin:2rem 0 1.5rem}main .questionnaire-templates{margin:2rem 0}main .questionnaire-templates h3{text-align:center;margin-bottom:.5rem}main .questionnaire-templates .template-intro{text-align:center;font-size:14px;color:#1e3f63;margin-bottom:1.5rem}main .questionnaire-templates .template-cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.5rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main .questionnaire-templates .template-card{-webkit-box-flex:0;-webkit-flex:0 1 280px;-ms-flex:0 1 280px;flex:0 1 280px;background:#fff;border:2px solid #dbe4f5;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}main .questionnaire-templates .template-card:hover{border-color:#1d4f91;-webkit-box-shadow:0 4px 12px rgba(29,79,145,.2);box-shadow:0 4px 12px rgba(29,79,145,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}main .questionnaire-templates .template-card .template-icon{font-size:36px;display:block;margin-bottom:.8rem}main .questionnaire-templates .template-card h4{margin:0 0 .5rem;font-size:18px;color:#0f2f60;border:none;padding:0}main .questionnaire-templates .template-card p{margin:0;font-size:13px;color:#1e3f63}main .manual-questionnaire-toggle{margin:2rem 0}main .manual-questionnaire-toggle summary{text-align:center;font-size:15px;color:#1d4f91;cursor:pointer;padding:.5rem}main .manual-questionnaire-toggle summary:hover{text-decoration:underline}main .manual-questionnaire-toggle .manual-questionnaire-content{margin-top:1.5rem}main .setup-footer-note{-webkit-box-sizing:border-box;box-sizing:border-box;width:min(920px,96%);margin:12px auto 24px;padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#1e3f63;font-size:13px;line-height:1.6}main .setup-skip-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-8px;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main .setup-skip-link span{font-size:13px;color:#223040;font-weight:600}main .setup-skip-link a{font-size:13px;color:#0f4aa8;text-decoration:none;padding:2px 8px;border-radius:999px;border:1px solid #b9d0ff;background:#eef4ff}main .setup-skip-link a:hover{color:#0b3a86;border-color:#89b5ff;background:#e0ecff;text-decoration:underline}main .setup-skip-notice{background:#fff4e5;border:1px solid #ffd8aa;border-radius:8px;padding:12px 16px;margin:1rem 0;text-align:center}main .setup-skip-notice p{margin:0 0 .5rem;font-size:14px;color:#8a5a00}main .user-create-results{margin:16px auto 0;max-width:720px}main .user-create-results.hidden{display:none}main .user-create-results .results-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}main .user-create-results .result-card{border-radius:10px;border:1px solid #dbe4f5;padding:12px 14px;background:#fff}main .user-create-results .result-card.success{border-color:#c3e6cb;background:#f3fbf5}main .user-create-results .result-card.failed{border-color:#f1aeb5;background:#fff5f6}main .user-create-results .result-card h4{margin-bottom:6px}main .user-create-results .result-list{list-style:none;padding:0;margin:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}main .user-create-results .result-list li{font-size:14px;color:#1e3f63;margin:0;padding:9px 12px;line-height:1.5;border-top:1px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main .user-create-results .result-list li:first-child{border-top:0}main .user-create-results .result-note{margin-top:8px;font-size:13px;color:#2a567f;text-align:center}main .user-current-list{margin:16px auto 0;max-width:720px}main .user-current-list .user-count{text-align:left;font-size:13px;color:#2a567f;margin-bottom:6px}main .user-current-list .user-list-grid{list-style:none;padding:0;margin:0;display:block;max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}main .user-current-list li{color:#1e3f63;padding:9px 12px;line-height:1.5;border-top:1px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main .user-current-list li:first-child{border-top:0}main .user-current-list li.new{background:#e8f5e9}main .user-current-list .user-name{font-weight:600;color:#263238}main .user-current-list .user-email{color:#2a567f}main .user-current-list .user-email::before{content:" / "}main .setup-skip{width:min(920px,96%);margin:0 auto 16px;padding:12px 16px;border-radius:12px;border:1px solid #dbe4f5;background:#f7fbff;-webkit-box-shadow:0 4px 10px rgba(16,36,80,.06);box-shadow:0 4px 10px rgba(16,36,80,.06)}main .setup-skip p{margin:0 0 8px;color:#1e3f63}main .setup-skip-option{width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:min(320px,100%);margin:0 auto 1.5rem;background:#fff4e5;border:1px solid #ffd8aa;border-radius:8px;padding:12px 16px;text-align:center}main .setup-skip-option p{margin:0 0 .5rem;font-size:14px;color:#8a5a00}main .setup-sender{max-width:720px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}main .setup-sender label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px}main .setup-sender input[type=text],main .setup-sender select{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}main .setup-sender h3{margin:0}main .setup-locations h3{margin-bottom:6px}main .setup-locations .locations-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px 12px;max-height:200px;overflow-y:auto;padding:6px;border:1px solid #e2e8f0;border-radius:10px;background:#f7fbff}main .setup-locations .locations-grid label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;color:#1e3f63;margin-bottom:0}main .setup-locations .locations-grid input[type=checkbox]{margin:0}main .setup-complete-hero{text-align:center;margin:2rem 1rem}main .setup-complete-hero h2{font-size:28px;margin-bottom:1rem}main .setup-complete-hero p{font-size:16px;color:#1e3f63;margin-bottom:2rem}main .setup-complete-detail{-webkit-box-sizing:border-box;box-sizing:border-box;margin:2rem auto;max-width:900px;border:1px solid #dbe4f5;border-radius:12px;padding:1rem 1.5rem;background:#f7fbff}main .setup-complete-detail summary{font-size:18px;font-weight:600;color:#0f2f60;cursor:pointer;padding:.5rem 0}main .setup-complete-detail summary:hover{color:#1d4f91}main .setup-complete-detail .intro-list,main .setup-complete-detail .app-install-grid{margin-top:1rem}main .setup-complete-detail .app-intro{font-size:14px;color:#1e3f63;margin:1rem 0}main .setup-app-install{margin:24px auto 0;text-align:left;width:min(960px,96%);-webkit-box-sizing:border-box;box-sizing:border-box}main .setup-app-install h3{margin:0 0 8px}main .setup-app-install p{margin:0 0 12px;color:#1e3f63;font-size:14px}main .setup-app-install .app-install-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:16px}main .setup-app-install .app-install-card{border:1px solid #dbe4f5;border-radius:12px;background:#fff;padding:14px;-webkit-box-shadow:0 4px 12px rgba(16,36,80,.08);box-shadow:0 4px 12px rgba(16,36,80,.08)}main .setup-app-install .app-install-card h4{margin-bottom:8px}main .setup-app-install .app-install-card img{display:block;width:180px;max-width:100%;margin:8px auto 12px}main .setup-app-install .app-install-card .app-install-links{text-align:center;width:90%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}main .setup-app-install .app-install-card .app-install-links>*{margin-bottom:6px;display:inline-block;word-break:break-all}main .setup-app-install .app-install-card .app-install-links input{width:100%;font-size:13px;padding:6px 8px}main .setup-app-install .app-install-card .app-install-links .copy-btn{padding:6px 10px;font-size:13px;border-radius:999px}main .setup-app-install .app-install-card .app-install-note{margin-top:8px;font-size:12px;color:#2a567f}main .setup-intro{width:min(920px,96%);margin:0 auto 24px;padding:16px;border-radius:12px;border:1px solid #dbe4f5;background:#f7fbff;-webkit-box-shadow:0 6px 16px rgba(16,36,80,.08);box-shadow:0 6px 16px rgba(16,36,80,.08)}main .setup-intro h3{margin:0 0 12px}main .setup-intro .intro-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}main .setup-intro .intro-card{background:#fff;border-radius:10px;border:1px solid #e2e8f0;padding:12px 14px}main .setup-intro .intro-card h4{margin-bottom:6px}main .setup-intro .intro-card p{margin:0;color:#1e3f63;font-size:14px;line-height:1.6}main .setup-intro-hero{text-align:center;margin-bottom:2rem}main .setup-intro-hero .lead{font-size:15px;line-height:1.7;color:#1e3f63;margin:1rem 0}main .setup-intro-hero .setup-purpose{text-align:left;margin:0 auto 1.4rem;max-width:720px;font-size:16px;line-height:1.6;color:#1e3f63;font-weight:600}main .setup-intro-hero ol.setup-purpose{text-align:left;max-width:min(500px,90%);margin:0 auto;font-size:22px}main .setup-intro-hero ol.setup-purpose li{border-bottom:1px solid #124a8c;margin-bottom:14px}main .toggle-detail-btn{margin-left:1rem}main .setup-intro-detail{margin-top:2rem}main .setup-flow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-top:8px}main .flow-step{position:relative;background:#fff;border:1px solid #b5c9f2;border-radius:12px;padding:14px 14px 14px 52px;-webkit-box-shadow:0 8px 18px rgba(16,36,80,.12);box-shadow:0 8px 18px rgba(16,36,80,.12)}main .flow-step h4{margin-bottom:6px;color:#0f2f60;font-weight:700}main .flow-step p{margin:0;color:#223040;font-size:14px;line-height:1.6;font-weight:600}main .flow-step .flow-icon{position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:#1d4f91;color:#fff;font-weight:700;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;-webkit-box-shadow:0 4px 10px rgba(29,79,145,.3);box-shadow:0 4px 10px rgba(29,79,145,.3)}main .intro-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-top:8px}main .intro-item{background:#fff;border:1px solid #b5c9f2;border-radius:12px;padding:12px 14px;-webkit-box-shadow:0 6px 16px rgba(16,36,80,.12);box-shadow:0 6px 16px rgba(16,36,80,.12)}main .intro-item h4{margin-bottom:6px;color:#0f2f60;font-weight:700}main .intro-item p{margin:0;color:#223040;font-size:14px;line-height:1.6;font-weight:600}main .group-tree-wall{margin-left:2px;margin-bottom:24px;border:2px solid #ccc;position:relative;width:99%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}main article.setup{margin:0 auto}main article.setup:has(.group-tree-wall){max-width:none}main article.setup strong{font-weight:bold}main article.setup .layout-setup{margin-bottom:24px;position:relative}main article.setup .layout-setup.first{--edge-color: #2250b3;--background-color: #f1f1f1;--color-left: #42a5f5;--color-right: #7e57c2;--border-color: #90caf9}main article.setup .layout-setup.intro{--edge-color: #1b4f9c;--background-color: #eef4ff;--color-left: #3f73c8;--color-right: #1b4f9c;--border-color: #bcd3ff}main article.setup .layout-setup.second{--edge-color: #8bc34a;--background-color: #f1f8e9;--color-left: #aed581;--color-right: #7cb342;--border-color: #c5e1a5}main article.setup .layout-setup.fifth{--edge-color: #004d40;--background-color: #e0f2f1;--color-left: #26a69a;--color-right: #00796b;--border-color: #80cbc4}main article.setup .layout-setup::before,main article.setup .layout-setup::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0}main article.setup .layout-setup::before{z-index:-1;background:var(--background-color);-webkit-clip-path:polygon(0 0, calc(100% - 3vw) 0, 100% 3vw, 100% 100%, 3vw 100%, 0 calc(100% - 3vw));clip-path:polygon(0 0, calc(100% - 3vw) 0, 100% 3vw, 100% 100%, 3vw 100%, 0 calc(100% - 3vw))}main article.setup .layout-setup::after{z-index:-2;background:var(--edge-color)}main article.setup .layout-setup h2{position:relative;text-align:center;color:#263238;padding-bottom:8px;margin:18px 0}main article.setup .layout-setup h2::after{content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;height:3px;background:-webkit-gradient(linear, left top, right top, from(var(--color-left)), to(var(--color-right)));background:-webkit-linear-gradient(left, var(--color-left), var(--color-right));background:linear-gradient(to right, var(--color-left), var(--color-right));border-radius:2px}main article.setup .layout-setup span{color:#1e3f63;margin-bottom:.5em}main article.setup .layout-setup>p{font-size:15px;text-align:center;color:#1e3f63;line-height:1.8;max-width:700px;margin:0 auto 24px}main article.setup .layout-setup .group-select-instruction{background:#eef4ff;border:2px solid #1d4f91;border-radius:8px;padding:12px 16px;margin-bottom:1rem;text-align:center}main article.setup .layout-setup .group-select-instruction p{margin:0;font-size:15px;color:#0f2f60}main article.setup .layout-setup .group-template-groups{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:8px}main article.setup .layout-setup .group-template-groups .group-template-step{display:none}main article.setup .layout-setup .group-template-groups .group-template-step.is-active{display:block}main article.setup .layout-setup .group-step-intro{background:#f7fbff;border:1px solid #dbe4f5;border-radius:12px;padding:16px 20px;text-align:center;max-width:680px;margin:0 auto}main article.setup .layout-setup .group-step-intro h3{margin-top:0}main article.setup .layout-setup .group-step-intro p{margin:8px 0;font-size:14px;color:#1e3f63}main article.setup .layout-setup .group-template-group .group-template-group-title{display:block;text-align:center;font-weight:700;color:#1d4f91;margin-bottom:8px}main article.setup .layout-setup .group-template-group.area-choice .group-templates{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}main article.setup .layout-setup .group-template-group.area-choice .group-template{width:min(440px,60%)}main article.setup .layout-setup .group-step-actions{margin-top:8px}main article.setup .layout-setup .group-templates{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:16px}main article.setup .layout-setup .group-templates .group-template{z-index:2;position:relative;text-align:center;color:#000;width:45%;min-width:260px;max-width:310px;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;-webkit-box-shadow:-2px 2px 4px gray;box-shadow:-2px 2px 4px gray;-webkit-transition:.5s;transition:.5s;border:1px solid rgba(0,0,0,0)}main article.setup .layout-setup .group-templates .group-template::before,main article.setup .layout-setup .group-templates .group-template::after{content:"";width:100%;height:100%;position:absolute;border-radius:6px;left:0;top:0}main article.setup .layout-setup .group-templates .group-template::before{background:#f8fafc;z-index:-1;-webkit-transition:.3s;transition:.3s}main article.setup .layout-setup .group-templates .group-template::after{background:-webkit-linear-gradient(307deg, #e0f2f1 0%, #b2dfdb 50%, #80cbc4 100%);background:linear-gradient(143deg, #e0f2f1 0%, #b2dfdb 50%, #80cbc4 100%);z-index:-2}main article.setup .layout-setup .group-templates .group-template:hover{color:#333;cursor:pointer;border:1px solid var(--border-color);-webkit-transform:translateY(-4px);transform:translateY(-4px)}main article.setup .layout-setup .group-templates .group-template:hover::before{opacity:0}main article.setup .layout-setup .group-templates .group-template:has(input:checked){border-color:#1d4f91;-webkit-box-shadow:0 4px 12px rgba(29,79,145,.3);box-shadow:0 4px 12px rgba(29,79,145,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}main article.setup .layout-setup .group-templates .group-template:has(input:checked)::before{opacity:0}main article.setup .layout-setup .group-templates .group-template h4{font-size:24px;text-align:center;color:#37474f;font-weight:bold}main article.setup .layout-setup .group-templates .group-template p{font-size:14px;text-align:center;color:#40545e}@media screen and (max-width: 768px){main article.setup .layout-setup .group-templates{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}main article.setup .layout-setup .group-templates .group-template{width:100%;min-width:0;margin:0 auto}}main article.setup .layout-setup .group-edit-note{text-align:center}main article.setup .layout-setup .setup-user-guide{background:#f7fbff;border:1px solid #dbe4f5;border-radius:12px;padding:16px 20px;margin-bottom:1.5rem}main article.setup .layout-setup .setup-user-guide h3{margin-top:0}main article.setup .layout-setup .setup-user-guide .benefit-highlight{background:#fff4e5;border-left:4px solid #ffa726;padding:10px 12px;margin:.8rem 0;font-size:14px;line-height:1.6}main article.setup .layout-setup .setup-user-guide .setup-detail-toggle{margin-top:.8rem}main article.setup .layout-setup .setup-user-guide .setup-detail-toggle summary{font-size:13px;color:#1d4f91;cursor:pointer}main article.setup .layout-setup .setup-user-guide .setup-detail-toggle summary:hover{text-decoration:underline}main article.setup .layout-setup .setup-user-guide .setup-detail-toggle p{margin-top:.5rem;font-size:13px;line-height:1.6}main article.setup .layout-setup .users-multi-add{background-color:#f4fef8;padding:1.5em;border-radius:10px;border-left:5px solid #66bb6a;margin:1em auto 2em;max-width:600px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.08);box-shadow:0 2px 5px rgba(0,0,0,.08)}main article.setup .layout-setup .users-multi-add .user-input-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px}main article.setup .layout-setup .user-input-switch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:12px auto 6px;max-width:600px}main article.setup .layout-setup .user-input-switch .user-input-toggle{background:#fff;color:#1d4f91;border:1px solid #1d4f91;border-radius:4px;padding:6px 14px;font-weight:600;cursor:pointer;-webkit-transition:background .2s ease,color .2s ease,border .2s ease;transition:background .2s ease,color .2s ease,border .2s ease}main article.setup .layout-setup .user-input-switch .user-input-toggle.is-active{background:#1d4f91;color:#fff}main article.setup .layout-setup .user-input-switch .user-input-toggle small{display:block;font-size:11px;font-weight:400;margin-top:2px}main article.setup .layout-setup .user-input-panel{display:none}main article.setup .layout-setup .user-input-panel.is-active{display:block}main article.setup .layout-setup .users-form-add{background-color:#f8fbff;padding:1.5em;border-radius:10px;border-left:5px solid #4f7bd9;margin:0 auto 2em;max-width:720px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)}main article.setup .layout-setup .users-form-add .user-form-rows{display:grid;gap:8px}main article.setup .layout-setup .users-form-add .user-form-row{display:grid;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-template-columns:1fr 1fr 1.4fr 72px}main article.setup .layout-setup .users-form-add .user-form-row:has(.group-select),main article.setup .layout-setup .users-form-add .user-form-row:has(.group){grid-template-columns:1fr 1fr 1.4fr 2fr 72px}main article.setup .layout-setup .users-form-add .user-form-row input{width:100%;padding:8px 10px;border:1px solid #cfd8dc;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.setup .layout-setup .users-form-add .user-form-row select{cursor:pointer;width:100%;padding:8px 10px;border:1px solid #cfd8dc;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.setup .layout-setup .users-form-add .user-form-row .row-add{margin:0 auto;-webkit-transition:.2s;transition:.2s;background:#fff;color:#2e7d32;border:1px solid #1f7a4d;border-radius:999px;padding:6px 10px;cursor:pointer}main article.setup .layout-setup .users-form-add .user-form-row .row-add:hover{background:#2e7d32;color:#fff}main article.setup .layout-setup .users-form-add .user-form-row.added{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}main article.setup .layout-setup .users-form-add .user-form-row.added span{display:block;min-width:0;min-height:1.25rem;word-break:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}main article.setup .layout-setup .users-form-add .user-form-row.added span.display-name::after{content:attr(data-display-name)}main article.setup .layout-setup .users-form-add .user-form-row.added span.username::after{content:attr(data-username)}main article.setup .layout-setup .users-form-add .user-form-row.added span.email::after{content:attr(data-email)}main article.setup .layout-setup .users-form-add .user-form-row.added span.group::after{content:attr(data-group-label)}main article.setup .layout-setup .users-form-add .user-form-row.added span.duplicate-warning{color:#c03434;grid-column:span 3}main article.setup .layout-setup .users-form-add .user-form-row.added .close{cursor:pointer;position:relative;text-align:center;width:24px;min-height:24px;justify-self:end;grid-column:5;grid-row:1}main article.setup .layout-setup .users-form-add .user-form-row.added .close::after{content:"close";vertical-align:middle;font-family:"Material Symbols Outlined";display:inline-block;font-size:1.2rem;line-height:1;color:#666;-webkit-transition:color .2s ease;transition:color .2s ease}main article.setup .layout-setup .users-form-add .user-form-row.added .close:hover::after{color:#c62828}main article.setup .layout-setup .users-form-add .user-form-error{margin:0}@media screen and (max-width: 768px){main article.setup .layout-setup .users-form-add .user-form-row{grid-template-columns:1fr}main article.setup .layout-setup .users-form-add .user-form-row .row-add{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main article.setup .layout-setup .users-form-add .user-form-row.added .close{justify-self:start}}@media screen and (max-width: 480px){main article.setup .layout-setup .users-form-add .user-form-row{grid-template-columns:1fr !important;gap:6px}main article.setup .layout-setup .users-form-add .user-form-row.added .display-name,main article.setup .layout-setup .users-form-add .user-form-row.added .email{display:none}}main article.setup .layout-setup #users-multi-adder{min-height:150px;resize:vertical;width:80%;padding:12px;font-size:14px;font-family:"Segoe UI",sans-serif;border:1px solid #cfd8dc;border-radius:6px;background-color:#fff;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05);box-shadow:inset 0 1px 3px rgba(0,0,0,.05);resize:vertical;margin-bottom:1em;line-height:1.5}main article.setup .layout-setup button.add-button{cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:16px;padding:.4em 1.2em;background-color:#66bb6a;color:#fff;border:none;border-radius:6px;border:1px solid rgba(0,0,0,0);-webkit-transition:.1s ease;transition:.1s ease}main article.setup .layout-setup button.add-button:hover{background-color:#e0f2f1;border:1px solid #26a69a;color:#004d40}main article.setup .layout-setup .users-adding{min-height:80px;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:.5rem;border:1px solid #c8e6c9;border-radius:.5rem;background-color:#f9fef9;padding:.75rem;margin:0 auto}main article.setup .layout-setup .users-adding .user-adding{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;min-width:0;max-width:100%;padding:.45rem 2rem .45rem .75rem;background-color:#e8f5e9;border:1px solid #a5d6a7;border-radius:1rem;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.05);box-shadow:1px 1px 4px rgba(0,0,0,.05);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.35rem;color:#2e7d32;font-size:.9rem;white-space:nowrap}main article.setup .layout-setup .users-adding .user-adding .user-main{font-weight:600;color:#1b5e20;line-height:1.3;word-break:normal}main article.setup .layout-setup .users-adding .user-adding .user-email{font-size:12px;color:#2e7d32;line-height:1.3;word-break:normal}main article.setup .layout-setup .users-adding .user-adding .user-email::before{content:"/";margin-right:.35rem;color:#6c8f72}main article.setup .layout-setup .users-adding .user-adding .user-group{font-size:12px;color:#2e7d32;line-height:1.3;word-break:normal}main article.setup .layout-setup .users-adding .user-adding .user-group::before{content:"/";margin-right:.35rem;color:#6c8f72}main article.setup .layout-setup .users-adding .user-adding.has-duplicate-warning{background-color:#fdecea;border-color:#f1aeb5;color:#c03434;white-space:normal;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main article.setup .layout-setup .users-adding .user-adding.has-duplicate-warning .user-main,main article.setup .layout-setup .users-adding .user-adding.has-duplicate-warning .user-email,main article.setup .layout-setup .users-adding .user-adding.has-duplicate-warning .user-group{color:#c03434}main article.setup .layout-setup .users-adding .user-adding.has-duplicate-warning .user-email::before,main article.setup .layout-setup .users-adding .user-adding.has-duplicate-warning .user-group::before{color:#ba7b82}main article.setup .layout-setup .users-adding .user-adding .duplicate-warning{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;font-size:12px;font-weight:600;color:#c03434;line-height:1.3}main article.setup .layout-setup .users-adding .user-adding .close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:4px;right:6px;cursor:pointer;margin:0}main article.setup .layout-setup .users-adding .user-adding .close::after{content:"close";font-family:"Material Symbols Outlined";border-radius:50%;aspect-ratio:1;display:inline-block;line-height:1.2rem;font-size:1.2rem;color:#666;-webkit-transition:color .2s ease;transition:color .2s ease}main article.setup .layout-setup .users-adding .user-adding .close:hover::after{color:#c62828}@media screen and (max-width: 768px){main article.setup .layout-setup .users-adding .user-adding{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}main article.setup .layout-setup .users-adding-header{margin-bottom:.5rem;text-align:center}main article.setup .layout-setup .users-adding-header h5{margin:0}main article.setup .layout-setup .users-adding-header .user-count-badge{background:#1d4f91;color:#fff;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}main article.setup .layout-setup .users-adding-header .user-count-badge::before{content:"作成中: "}main article.setup .layout-setup .users-adding-header .user-count-badge::after{content:"名"}main article.setup .layout-setup p.non-added-alert{display:none;text-align:center;color:#c62828;font-weight:600;text-align:center;margin-top:.5rem}main article.setup .layout-setup:has(.user-adding) p.non-added-alert{display:block}main article.setup .layout-setup button.create-button{font-size:22px;display:block;margin:0 auto 3rem;padding:.5em 1.4em}main article.setup .group-tree-wall .layout-user-manager{height:calc(100dvh - 54px - (16px + 1rem) - 115px)}main article.setup .group-tree-wall .layout-user-manager .tree-user-list{height:calc(100dvh - 16px - (64px + 2rem) - (18px + 1rem) - 54px - (16px + 1rem) - 115px)}main article.create form>label{margin-bottom:1.4rem;display:block}main article.create form>label input{padding:2px 4px}main article.create form input[type=submit]{margin-top:1rem}main article.create form #add-to-group #add-group-list{margin-bottom:8px}main article.create form #add-to-group button#add-group.vibrate{-webkit-animation:vibrate .4s;animation:vibrate .4s}main article.create.group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article.create.group .layout-form{width:40%;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.create.group .layout-group-list{width:60%;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.create.user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article.create.user .layout-form{width:40%;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.create.user .layout-user-list{width:60%;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.create.questionnaire{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article.create.questionnaire input{padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.create.questionnaire input[type=submit]{padding:.5em 1.4em}main article.create.questionnaire .layout-form{width:67%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px}main article.create.questionnaire .layout-preview{width:33%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px}main article.create.questionnaire form .load-from-data{width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:left;display:inline-block;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;margin-left:100%;-webkit-transform:translate(-100%);transform:translate(-100%)}main article.create.questionnaire form #add-question-list{margin:1rem 0}main article.create.questionnaire form #add-question-list li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #ccc;padding:8px 4px 16px}main article.create.questionnaire form #add-question-list li:last-of-type{border-bottom:1px solid #ccc;margin-bottom:16px}main article.create.questionnaire form #add-question-list li button:is(.delete,.delete-option){vertical-align:top;font-size:20px;line-height:0;cursor:pointer;background:rgba(0,0,0,0);border:none}main article.create.questionnaire form #add-question-list li button:is(.delete,.delete-option)::before{color:#444;aspect-ratio:1;line-height:24px;content:"close";-webkit-transition:.1s;transition:.1s;font-family:"Material Symbols Outlined";border-radius:50%;display:inline-block;width:1.5rem}main article.create.questionnaire form #add-question-list li button:is(.delete,.delete-option):hover::before{background:#ccc}main article.create.questionnaire form #add-question-list li .question{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2px 0 8px;width:100%}main article.create.questionnaire form #add-question-list li .question input{width:calc(99% - 60px - 25px)}main article.create.questionnaire form #add-question-list li .question label{display:block;width:100%}main article.create.questionnaire form #add-question-list li .question button{margin-bottom:1.4rem}main article.create.questionnaire form #add-question-list li .question-config{min-width:97px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;border-right:1px solid #ccc;margin-right:8px;padding-right:8px}main article.create.questionnaire form #add-question-list li .question-config .set-required{margin:0 auto;display:inline-block;cursor:pointer;word-spacing:-1rem;height:-webkit-min-content;height:-moz-min-content;height:min-content;-webkit-transition:.15s;transition:.15s;border-radius:8px;padding:2px 10px;background:#888;border:1px solid #888;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main article.create.questionnaire form #add-question-list li .question-config .set-required .required{display:inline}main article.create.questionnaire form #add-question-list li .question-config .set-required .option{display:none}main article.create.questionnaire form #add-question-list li .question-config .set-required input{margin-right:4px;cursor:pointer;vertical-align:middle}main article.create.questionnaire form #add-question-list li .question-config .set-required:not(:has(input:checked)) .required{display:none}main article.create.questionnaire form #add-question-list li .question-config .set-required:not(:has(input:checked)) .option{display:inline}main article.create.questionnaire form #add-question-list li .question-config .set-required:has(input:checked){background-color:#e40017;color:#fff;border-color:#e40017}main article.create.questionnaire form #add-question-list li .question-config .set-required:has(input:checked) .required{display:inline}main article.create.questionnaire form #add-question-list li .question-config .set-required:has(input:checked) .option{display:none}main article.create.questionnaire form #add-question-list li .question-config .mode-title{margin-top:4px}main article.create.questionnaire form #add-question-list li .question-config .question-type{display:block;margin:2px 0 0}main article.create.questionnaire form #add-question-list li .question-content{display:none;margin-top:8px;max-width:calc(100% - 140px);width:80%}main article.create.questionnaire form #add-question-list li .question-content table.options{width:100%;border-collapse:collapse;margin-bottom:16px}main article.create.questionnaire form #add-question-list li .question-content table.options input[type=text]{width:98%}main article.create.questionnaire form #add-question-list li .question-content table.options th{font-size:15px;padding:4px;text-align:center;background:#eee}main article.create.questionnaire form #add-question-list li .question-content table.options th:last-of-type{text-align:left}main article.create.questionnaire form #add-question-list li .question-content table.options td{padding:4px;text-align:center}main article.create.questionnaire form #add-question-list li .question-content table.options td .allow-text{margin-bottom:0;cursor:pointer;width:100%;display:block;line-height:0}main article.create.questionnaire form #add-question-list li .question-content table.options td .allow-text input{cursor:pointer;line-height:1}main article.create.questionnaire form #add-question-list li .question-content table.options td:last-of-type{width:10%}main article.create.questionnaire form #add-question-list li .question-content table.options tbody tr:nth-of-type(odd){background:#f5f5f5}main article.create.questionnaire form #add-question-list li .question-content table.options tbody tr:nth-of-type(even){background:#f9f9f9}main article.create.questionnaire form #add-question-list li.textarea .question-content.textarea{display:block}main article.create.questionnaire form #add-question-list li.radio .question-content.radio{display:block}main article.create.questionnaire form #add-question-list li.checkbox .question-content.checkbox{display:block}@media screen and (max-width: 480px){main article.create.questionnaire form #add-question-list li .question button{margin:0}main article.create.questionnaire form #add-question-list li .question-config{width:100%;text-align:left;border-right:none;margin-right:0;padding-right:0;margin-bottom:8px}main article.create.questionnaire form #add-question-list li .question-config .question-type{display:inline-block;margin-left:8px}main article.create.questionnaire form #add-question-list li .question-content{max-width:100%;width:100%}main article.create.questionnaire form #add-question-list li .question-content table.options th{padding:1px}}main article.users{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article.users .layout-user,main article.users .layout-group{width:50%;padding:12px}main article.inform{--header-bg: #ffe8c7;--header-heading: #3a2f1d;--header-text: #5c4a34;--header-icon: url('/static/images/symbol_inform.svg');display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main article.inform .layout-inform-list{padding:12px}main article.inform .layout-inform-list .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article.inform .layout-inform-list .inform-content{font-size:18px;padding:8px;margin-bottom:2rem;white-space:pre-line}main article.inform .layout-form{width:67%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px}main article.inform .layout-form textarea{width:90%}main article.inform .layout-preview{width:33%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px}main article.safety{--header-bg: #dbe9ff;--header-heading: #1f2a3a;--header-text: #4a5563;--header-icon: url('/static/images/symbol_safety.svg')}main article.safety .page-display{text-align:right}main article.safety .page-display a{margin-left:8px;color:#000;width:22px;height:22px;border:1px solid hsla(0,0%,80%,0);text-align:center;display:inline-block;border-radius:4px;-webkit-transition:.2s;transition:.2s;background:rgba(238,238,238,0)}main article.safety .page-display a:hover{border:1px solid #ccc;background:#eee}main article.safety .layout-questionnaire-list{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box}main article.safety .layout-preview{max-width:425px;width:50%;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;position:relative}main article.safety .layout-preview:has(.preview-container:not(.hidden)){background:#eee}main article.safety .layout-preview:has(.preview-container:not(.hidden)) .header{display:block}main article.safety .layout-preview:has(.preview-container:not(.hidden)) .close{display:block}main article.safety .layout-preview .header{display:none}main article.safety .layout-preview .header p{font-size:26px;font-weight:bold;text-align:center}main article.safety .layout-preview .header .info{background:#438afe;padding:8px;text-align:center}main article.safety .layout-preview .header .info span{color:#fff;font-size:20px}main article.safety .layout-preview .header .text{padding:8px 0;color:#454cc1}main article.safety .layout-preview .preview-container.hidden{display:none}main article.safety .layout-preview .preview-container .radio,main article.safety .layout-preview .preview-container .checkbox,main article.safety .layout-preview .preview-container .text{position:relative;border:1px solid #ccc;border-radius:4px;padding:8px;margin:8px;color:#454cc1;background:#fff}main article.safety .layout-preview .preview-container .radio .question,main article.safety .layout-preview .preview-container .checkbox .question,main article.safety .layout-preview .preview-container .text .question{margin-bottom:16px}main article.safety .layout-preview .preview-container .radio:has(.required) .question,main article.safety .layout-preview .preview-container .checkbox:has(.required) .question,main article.safety .layout-preview .preview-container .text:has(.required) .question{padding-right:48px}main article.safety .layout-preview .preview-container .radio .required,main article.safety .layout-preview .preview-container .checkbox .required,main article.safety .layout-preview .preview-container .text .required{display:block;position:absolute;top:0;right:10px;background:#f04534;padding:4px 8px;color:#fff}main article.safety .layout-preview .preview-container .radio .options .value,main article.safety .layout-preview .preview-container .checkbox .options .value,main article.safety .layout-preview .preview-container .text .options .value{color:#000;padding:0 8px 8px 8px;margin:0}main article.safety .layout-preview .preview-container .radio .options .value span,main article.safety .layout-preview .preview-container .checkbox .options .value span,main article.safety .layout-preview .preview-container .text .options .value span{padding:0 0 0 16px;display:inline-block}main article.safety .layout-preview .preview-container .radio textarea,main article.safety .layout-preview .preview-container .checkbox textarea,main article.safety .layout-preview .preview-container .text textarea{width:calc(100% - 8px);background:#f0f0f0;border-radius:4px;border:1px solid #a3a3a3;resize:none;font-size:18px;height:1em;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto 8px;display:block;overflow:hidden;height:2em}main article.safety .layout-preview .preview-container .text textarea{height:6em}main article.safety .layout-preview .preview-container .send-btn{text-align:center}main article.safety .layout-preview .preview-container .send-btn button{background:#000;color:#fff;padding:8px;width:80%}main article.safety .layout-preview .close{cursor:pointer;display:none;margin:0 0 0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transition:.2s;transition:.2s;position:absolute;font-family:"Material Symbols Outlined";top:0;right:0;border-top-right-radius:8px;font-size:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main article.safety .layout-preview .close:hover{background-color:red;color:#fff}main article.safety .layout-manual-transmit{padding:12px}main article.safety.questionnaire{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main article.safety.questionnaire input[type=text]{max-width:90%}main article.safety.questionnaire textarea{max-width:95%}main article.safety.questionnaire .layout-form{z-index:2}@media screen and (max-width: 768px){main article.safety.questionnaire h2 .info p{-webkit-animation:infoAppearingCenter .2s forwards;animation:infoAppearingCenter .2s forwards}main article.safety.questionnaire form .info p{left:auto;right:50%}}@media screen and (max-width: 700px){main article.safety.questionnaire{display:block}main article.safety.questionnaire .layout-questionnaire-list,main article.safety.questionnaire .layout-preview,main article.safety.questionnaire .layout-form{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}main article.safety.questionnaire .layout-questionnaire-list .load-from-data,main article.safety.questionnaire .layout-preview .load-from-data,main article.safety.questionnaire .layout-form .load-from-data{font-size:14px}}main article.safety .layout-question-list>a{cursor:pointer;position:relative;display:block;height:6.5rem;border:1px solid #aaa;border-radius:10px;padding:.5rem .75rem;margin-bottom:1.6rem;background-color:#fff;overflow:hidden;-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.1);box-shadow:2px 2px 6px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease}main article.safety .layout-question-list>a:hover{background-color:#f0f8ff;border-color:#39c;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.15);box-shadow:0 4px 10px rgba(0,0,0,.15);-webkit-transform:translateX(6px);transform:translateX(6px)}main article.safety .layout-question-list>a .q-qname{position:absolute;top:.5rem;left:.75rem;font-weight:bold;font-size:.85rem;color:#333}main article.safety .layout-question-list>a .q-date{position:absolute;top:.5rem;right:.75rem;font-size:.8rem;color:#666}@media screen and (max-width: 480px){main article.safety .layout-question-list>a .q-date{top:1.6rem}}main article.safety .layout-question-list>a .q-group{position:absolute;bottom:2.5rem;left:.75rem;font-size:.8rem;color:#555}main article.safety .layout-question-list>a .q-answer-status{position:absolute;bottom:2.5rem;right:.75rem;font-size:.8rem;color:#555}main article.safety .layout-question-list>a .q-question{position:absolute;bottom:.4rem;left:.75rem;right:.75rem;font-size:1.1rem;font-weight:700;color:#111;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main article.safety .layout-question-list>a{height:7.4rem}main article.safety .layout-question-list>a .q-send-mode{position:absolute;top:2.1rem;left:.75rem;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid #b7c9ef;background:#eef4ff;color:#1d4f91}main article.safety .layout-question-list>a .q-send-mode.is-manual{background:#fff4e5;border-color:#f0d5a8;color:#8a5b00}main article.safety .layout-question-list>a .q-group{bottom:2.2rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px}main article.safety .layout-question-list>a .q-group .group-color-marker{width:10px;height:10px;border-radius:50%;border:1px solid var(--border-color, #ccc);-webkit-box-flex:0;-webkit-flex:0 0 10px;-ms-flex:0 0 10px;flex:0 0 10px}main article.safety .layout-question-list>a .q-answer-status{bottom:2.2rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;font-weight:600}main article.safety .layout-question-list>a .q-answer-status.is-complete{color:#1f7a4d}main article.safety .layout-question-list>a .q-answer-status.is-empty{color:#c03434}main article.safety .layout-question-list>a .q-answer-status.is-partial{color:#8a5b00}main article.safety .layout-question-list>a .q-answer-status .q-aggregation-status{padding:2px 6px;border-radius:999px;border:1px solid currentColor;font-size:.7rem;font-weight:600;background:rgba(0,0,0,.04)}main article.safety .layout-question-list>a .q-answer-status.is-complete .q-aggregation-status{background:#e6f4ea}main article.safety .layout-question-list>a .q-answer-status.is-empty .q-aggregation-status{background:#fdecea}main article.safety .layout-question-list>a .q-answer-status.is-partial .q-aggregation-status{background:#fff4e5}main article.safety .layout-senders{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}main article.safety .layout-senders .senders{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}main article.safety .layout-senders .senders .sender{cursor:pointer;width:31%;margin-left:2%;margin-bottom:2%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px;position:relative;border-bottom:1px solid #ccc;-webkit-transition:.6s;transition:.6s}main article.safety .layout-senders .senders .sender:hover{-webkit-box-shadow:0 0 8px #6a6a6a;box-shadow:0 0 8px #6a6a6a;-webkit-transition:.6s;transition:.6s;background:#ccc}main article.safety .layout-senders .senders .sender:hover span.edit{opacity:.7}main article.safety .layout-senders .senders .sender span.location:not(:last-of-type)::after{content:", "}main article.safety .layout-senders .senders .sender .sender-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}main article.safety .layout-senders .senders .sender .sender-flex>div{width:50%}main article.safety .layout-senders .senders .sender.create{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}main article.safety .layout-senders .senders .sender.create .location::after{color:rgba(0,0,0,0)}main article.safety .layout-senders .senders .sender.create span.plus{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;height:1em;font-size:60px;line-height:1em;color:#949494;font-family:"Material Symbols Outlined";-webkit-transition:.3s;transition:.3s}main article.safety .layout-senders .senders .sender span.edit,main article.safety .layout-senders .senders .sender span.delete{font-family:"Material Symbols Outlined";display:block}main article.safety .layout-senders .senders .sender span.edit{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:20px;width:100px;height:100px;line-height:100px;opacity:0;font-size:100px}main article.safety .layout-senders .senders .sender span.delete{position:absolute;right:0;top:0;font-size:20px;background:#e3e3e3;width:20px;height:20px;line-height:20px}main article.safety .layout-senders .senders .sender.editing{width:100%;position:-webkit-sticky;position:sticky;top:0%;left:0}main article.safety .layout-senders .senders .sender .sender-name::after{content:attr(data-name)}@media screen and (max-width: 768px){main article.safety .layout-senders .senders .sender{width:47%}}@media screen and (max-width: 480px){main article.safety .layout-senders .senders .sender{width:97%}}main article.safety .layout-senders .modal{width:31%;margin-left:2%;margin-bottom:2%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px;position:relative;border-bottom:1px solid #ccc;-webkit-transition:.6s;transition:.6s}@media screen and (max-width: 768px){main article.safety .layout-senders .modal{width:47%}}@media screen and (max-width: 480px){main article.safety .layout-senders .modal{width:97%}}main article.safety .layout-senders .modal .modal-btn .sender.create{border:none;width:100%}main article.safety .layout-senders .modal .window{max-width:90dvw;max-height:calc(90dvh - 54px);overflow-y:scroll;height:-webkit-max-content;height:-moz-max-content;height:max-content;pointer-events:none}main article.safety .layout-senders .modal .window *{pointer-events:none}main article.safety .layout-senders .modal .window form{pointer-events:none;opacity:1;background:#fff;max-width:80vw;pointer-events:none;padding:16px}main article.safety .layout-senders .modal .window form section{margin-bottom:1.8rem}main article.safety .layout-senders .modal .window form section h3{display:block;margin-bottom:6px}main article.safety .layout-senders .modal .window form section.locations{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main article.safety .layout-senders .modal .window form section.locations label{cursor:pointer;-webkit-transition:.1s;transition:.1s;display:inline-block;padding:4px 6px;border:1px solid #ccc;border-radius:6px;margin-bottom:.6rem;line-height:1.3}main article.safety .layout-senders .modal .window form section.locations label:hover{background:#999;color:#fff}main article.safety .layout-senders .modal .window form section.locations label:has(input:checked){background:#052c65;color:#fff}main article.safety .layout-senders .modal .window form section.locations label input{cursor:pointer;vertical-align:middle;-webkit-transform:translateY(-1px);transform:translateY(-1px);margin-right:4px}main article.safety .layout-senders .modal .window form section.trigger .select{border:1px solid #707070;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:4px;cursor:pointer}main article.safety .layout-senders .modal .window form section.trigger .select span.selected{display:block;padding:.3em 1.6em .3em .7em;width:9em}main article.safety .layout-senders .modal .window form section.trigger .select span.selected::after{content:"^";position:absolute;top:0;right:0;-webkit-transform:translate(-50%, 4px) rotate(180deg) scaleX(1.5) scaleY(0.9);transform:translate(-50%, 4px) rotate(180deg) scaleX(1.5) scaleY(0.9)}main article.safety .layout-senders .modal .window form section.trigger .select .options{position:absolute;z-index:100;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;height:0;white-space:nowrap}main article.safety .layout-senders .modal .window form section.trigger .select .options span{padding:.3em 1.6em .3em .7em;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}main article.safety .layout-senders .modal .window form section.trigger .select .options span:hover{background:#357bff;color:#fff}main article.safety .layout-senders .modal .window form section.trigger .select .options.open{height:auto;border:2px solid #9a9a9a;border-radius:4px;-webkit-transform:translate(-2px 0);transform:translate(-2px 0)}main article.safety .layout-senders .modal .window form section.trigger .select .options .advanced-options{background:#b1b1b1}main article.safety .layout-senders .modal .window form section.trigger .select .options .advanced-options p.advanced-toggle{padding:.3em 1.6em .3em .7em;margin:0}main article.safety .layout-senders .modal .window form section.trigger .select .options .advanced-options span{height:0;display:block;overflow:hidden;padding:0}main article.safety .layout-senders .modal .window form section.trigger .select .options .advanced-options.open span{height:auto;padding:.3em 1.6em .3em .7em}main article.safety .layout-senders .modal .window .btn-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:25%;margin:80px auto 0}main article.safety .layout-senders .modal .window .btn-container input[type=submit]{margin:0}main article.safety .layout-senders .modal .window .delete-btn{display:none;position:relative;font-size:18px;padding:.5em 1.5em;border:1px solid #ffb3b3;color:#fff;background:#ff7f7f}main article.safety .layout-senders .modal .window .delete-btn:hover{color:#ff7f7f;background:#fff;border:1px solid #ffb3b3}main article.safety .layout-senders .modal .window .delete-btn.show{display:block}main article.safety .layout-senders .modal .window .delete-window{opacity:0;pointer-events:none;position:fixed;bottom:0;left:0;height:calc(90dvh - 54px);-webkit-backdrop-filter:blur(4px) brightness(0.8);backdrop-filter:blur(4px) brightness(0.8)}main article.safety .layout-senders .modal .window .delete-window.show{opacity:1;pointer-events:all;position:-webkit-sticky;position:sticky}main article.safety .layout-senders .modal .window .delete-window.show *{opacity:1;pointer-events:all}main article.safety .layout-senders .modal .window .delete-window .box{background:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:32px;text-align:center}main article.safety .layout-senders .modal .window .delete-window .box p{margin:0 32px 32px}main article.safety .layout-senders .modal .window .delete-window .box .delete-cancel,main article.safety .layout-senders .modal .window .delete-window .box .delete-confirm{padding:.5em;min-width:6em}main article.safety .layout-senders .modal .window .delete-window .box .delete-cancel{margin-right:32px}main article.safety .layout-senders .modal .window .delete-window .box .delete-confirm{border:1px solid #ffb3b3;color:#fff;background:#ff7f7f}main article.safety .layout-senders .modal .window .delete-window .box .delete-confirm:hover{color:#ff7f7f;background:#fff;border:1px solid #ffb3b3}main article.safety .layout-senders .modal.open .close,main article.safety .layout-senders .modal.open .delete-btn{pointer-events:all}main article.safety .layout-senders .modal.open .window{pointer-events:all !important}main article.safety .layout-senders .modal.open form *{pointer-events:all !important}main article.safety .questionnaire-list .q-heading.create-new{display:block;line-height:2;color:#f0f0f0;font-weight:bold;-webkit-transition:.17s;transition:.17s;background:#155b8c;padding:.6rem;margin-bottom:.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:8px}main article.safety .questionnaire-list .q-heading.create-new::before{content:"add";display:inline-block;line-height:1;font-size:2rem;vertical-align:-10px;-webkit-transition:.17s;transition:.17s;font-family:"Material Symbols Outlined";will-change:transform}main article.safety .questionnaire-list .q-heading.create-new:hover{background:#f1f1f1;color:#1d4f91}main article.safety .questionnaire-list .q-heading.create-new:hover::before{-webkit-transform:scale(1.1);transform:scale(1.1)}main article.safety .questionnaire-list .q{--padding-vertical: 1.2rem;--padding-horizontal: 0.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--padding-vertical) var(--padding-horizontal);position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:6px;margin-bottom:1rem}main article.safety .questionnaire-list .q:hover{background:#eee}main article.safety .questionnaire-list .q .q-info{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}main article.safety .questionnaire-list .q .q-info .q-name{font-weight:bold;font-size:1.1rem}main article.safety .questionnaire-list .q .q-info .created-at{font-size:.8rem;color:#666}main article.safety .questionnaire-list .q .q-data{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:right}main article.safety .questionnaire-list .q .q-data .square-btn{display:inline-block;right:2px}main article.safety .questionnaire-list .q .q-data .edit-btn::before{content:"edit"}main article.safety .questionnaire-list .q .q-data .archive-btn::before{content:"archive";font-variation-settings:"FILL" 1}main article.safety .questionnaire-list .q .copy-btn,main article.safety .questionnaire-list .q .prev-btn,main article.safety .questionnaire-list .q form{display:inline-block}main article.safety .questionnaire-list .q.previewing{background:#e6f7ff;border-radius:6px;padding:calc(var(--padding-vertical) - 1px) calc(var(--padding-horizontal) - 1px)}main article.safety .questionnaire-list .archive-link{margin:0 auto;margin-top:1rem}main article.safety .questionnaire-list .archive-link a::after{content:"arrow_forward"}main article.safety .questionnaire-list .back-active{margin-bottom:.8rem}main article.safety .questionnaire-list .back-active a::before{content:"arrow_back"}main article.safety.history{max-width:95%}main article.safety.history .question-history .title{z-index:9;position:relative;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 768px){main article.safety.history .question-history .title{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}main article.safety.history .question-history .title .question-title{font-weight:bold;font-size:24px}main article.safety.history .question-history .title .analysis-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.6rem;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){main article.safety.history .question-history .title .analysis-actions{width:100%}}main article.safety.history .question-history .title .remind-button{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.4rem;border:1px solid #198754;color:#198754;background:rgba(0,0,0,0);border-radius:24px;padding:.35rem .9rem;font-size:.9rem;line-height:1.3;cursor:pointer;-webkit-transition:background .2s ease,color .2s ease,opacity .2s ease;transition:background .2s ease,color .2s ease,opacity .2s ease}main article.safety.history .question-history .title .remind-button:hover,main article.safety.history .question-history .title .remind-button:focus-visible{background:#198754;color:#fff}main article.safety.history .question-history .title .remind-button:focus-visible{outline:2px solid rgba(25,135,84,.35);outline-offset:2px}main article.safety.history .question-history .title .remind-button.is-loading{cursor:wait;opacity:.7}main article.safety.history .question-history .title .remind-button .loading-indicator{display:none;font-size:.85rem}main article.safety.history .question-history .title .remind-button.is-loading .loading-indicator{display:inline-block}main article.safety.history .question-history .title .group-select{position:absolute;top:0;right:0}main article.safety.history .question-history .title .pulldown{position:relative;margin-right:0;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;margin:2px}main article.safety.history .question-history .title .pulldown .label{width:-webkit-max-content;width:-moz-max-content;width:max-content}main article.safety.history .question-history .title .pulldown .select{width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:10}main article.safety.history .question-history .title .pulldown span{-webkit-transform:translate(0, 0);transform:translate(0, 0);top:0;position:relative;padding-right:1.6em}main article.safety.history .question-history .title .pulldown span::after{right:4px}main article.safety.history .question-history .table-wrap{position:relative;overflow-x:auto;overflow-y:auto;max-height:70dvh;max-width:100%}main article.safety.history .question-history .table-wrap table{table-layout:fixed;width:-webkit-max-content;width:-moz-max-content;width:max-content}main article.safety.history .question-history .table-wrap table thead th{z-index:5;position:-webkit-sticky;position:sticky;top:-1px;left:-1px}main article.safety.history .question-history .table-wrap table thead td{z-index:4;position:-webkit-sticky;position:sticky;top:-1px}main article.safety.history .question-history .table-wrap table tbody th{z-index:3;position:-webkit-sticky;position:sticky;left:-1px}main article.safety.history .question-history .table-wrap table tbody td{text-align:left}main article.safety.history .question-history .answer-table{text-align:center;border-collapse:collapse}main article.safety.history .question-history .answer-table thead th{font-size:1.1rem}main article.safety.history .question-history .answer-table thead th,main article.safety.history .question-history .answer-table thead td{background:#cfe2ff}main article.safety.history .question-history .answer-table thead .close-table{margin-bottom:0;vertical-align:middle;display:inline-block}main article.safety.history .question-history .answer-table thead .close-table::before{content:"keyboard_arrow_down";font-family:"Material Symbols Outlined";font-size:1.2rem;color:#333;cursor:pointer}main article.safety.history .question-history .answer-table thead .close-table:hover::before{color:#e40017}main article.safety.history .question-history .answer-table tbody tr:nth-child(odd) th,main article.safety.history .question-history .answer-table tbody tr:nth-child(odd) td{background:#f0f6ff}main article.safety.history .question-history .answer-table tbody tr:nth-child(even) th,main article.safety.history .question-history .answer-table tbody tr:nth-child(even) td{background:#e7f1fa}main article.safety.history .question-history .answer-table th,main article.safety.history .question-history .answer-table td{border:1px solid #ccc;padding:4px 8px}main article.safety.history .question-history .answer-table tr.past th,main article.safety.history .question-history .answer-table tr.past td{background:silver !important}main article.safety.history .question-history .answer-table tr.hidden{display:none}main article.safety.history .question-history .answer-table:has(input:checked) thead .close-table::before{content:"keyboard_arrow_left"}main article.safety.history .question-history .answer-table:has(input:checked) tbody{display:none}main article.safety.history .question-history .analysis-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow-x:clip}main article.safety.history .question-history .analysis-flex .questions{width:60%;margin:16px 0;display:grid;grid-template-columns:1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-auto-flow:dense;gap:30px}main article.safety.history .question-history .analysis-flex .questions .question{width:100%;max-width:80dvw;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box;grid-row:span 1}main article.safety.history .question-history .analysis-flex .questions .question.cluster,main article.safety.history .question-history .analysis-flex .questions .questionselect,main article.safety.history .question-history .analysis-flex .questions .question.text{grid-row:span 2}main article.safety.history .question-history .analysis-flex .questions .question h3{margin-bottom:12px}main article.safety.history .question-history .analysis-flex .users-status{z-index:8;min-width:270px;width:35%;padding:8px;font-size:.9rem;color:#333}main article.safety.history .question-history .analysis-flex .users-status:focus{outline:none}main article.safety.history .question-history .analysis-flex .users-status h3{display:none}main article.safety.history .question-history .analysis-flex .users-status h4{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:288px;color:#666;margin:.5rem 0}main article.safety.history .question-history .analysis-flex .users-status h4 .close-list{cursor:pointer;font-size:.85rem;margin:0}main article.safety.history .question-history .analysis-flex .users-status h4 .close-list::after{content:"keyboard_arrow_down";font-family:"Material Symbols Outlined";font-size:1rem;color:#333;position:absolute;right:0;text-align:right;margin-bottom:0;vertical-align:middle;display:inline-block;border-radius:4px}main article.safety.history .question-history .analysis-flex .users-status h4 .close-list:hover::after{background:#e0e0e0}main article.safety.history .question-history .analysis-flex .users-status:has(.done input:checked) h4 .close-list.done::after{content:"keyboard_arrow_left"}main article.safety.history .question-history .analysis-flex .users-status:has(.done input:checked) .user.done{display:none}main article.safety.history .question-history .analysis-flex .users-status:has(.undone input:checked) h4 .close-list.undone::after{content:"keyboard_arrow_left"}main article.safety.history .question-history .analysis-flex .users-status:has(.undone input:checked) .user.undone{display:none}main article.safety.history .question-history .analysis-flex .users-status>.user{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:.4rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:.6rem 1rem;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.08);max-width:280px;-webkit-transition:.1s;transition:.1s}main article.safety.history .question-history .analysis-flex .users-status>.user::before{font-family:"Material Symbols Outlined";font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20;font-size:1.6rem;margin-right:.6rem}main article.safety.history .question-history .analysis-flex .users-status>.user.done::before{content:"done";color:#0c6}main article.safety.history .question-history .analysis-flex .users-status>.user.undone::before{content:"hourglass_empty";color:#c03}main article.safety.history .question-history .analysis-flex .users-status>.user.disable{opacity:.4;-webkit-filter:grayscale(100%);filter:grayscale(100%);pointer-events:none}main article.safety.history .question-history .analysis-flex .users-status>.user .username{font-weight:500}main article.safety.history .question-history .analysis-flex .users-status>.user .date,main article.safety.history .question-history .analysis-flex .users-status>.user .elapsed-days{font-size:.75rem;color:#999;margin-left:auto;white-space:nowrap}main article.safety.history .question-history .analysis-flex .users-status>.user .date{display:none}@media screen and (min-width: 1025px){main article.safety.history .question-history .analysis-flex .users-status>.user:hover,main article.safety.history .question-history .analysis-flex .users-status>.user:focus-visible{-webkit-transform:scale(1.02);transform:scale(1.02)}main article.safety.history .question-history .analysis-flex .users-status>.user:hover .date,main article.safety.history .question-history .analysis-flex .users-status>.user:focus-visible .date{display:inline}main article.safety.history .question-history .analysis-flex .users-status>.user:hover .elapsed-days,main article.safety.history .question-history .analysis-flex .users-status>.user:focus-visible .elapsed-days{display:none}}main article.safety.history .question-history .analysis-flex .users-status>.user:focus-visible{outline:2px solid rgba(5,91,140,.35);-webkit-box-shadow:0 0 0 3px rgba(5,91,140,.08);box-shadow:0 0 0 3px rgba(5,91,140,.08)}main article.safety.history .question-history .analysis-flex .textbox-answers h6{position:relative}main article.safety.history .question-history .analysis-flex .textbox-answers h6 .close-answers{cursor:pointer;margin-bottom:0;vertical-align:middle;display:inline-block}main article.safety.history .question-history .analysis-flex .textbox-answers h6 .close-answers::after{content:"keyboard_arrow_down";vertical-align:-3px;font-family:"Material Symbols Outlined";font-size:1rem;color:#333;border-radius:2px;margin:2px}main article.safety.history .question-history .analysis-flex .textbox-answers h6 .close-answers:hover::after{background:#e0e0e0}main article.safety.history .question-history .analysis-flex .textbox-answers:has(h6 .close-answers input:checked) h6 .close-answers::after{content:"keyboard_arrow_left"}main article.safety.history .question-history .analysis-flex .textbox-answers:has(h6 .close-answers input:checked) .textbox-answer,main article.safety.history .question-history .analysis-flex .textbox-answers:has(h6 .close-answers input:checked)::after{display:none}main article.safety.history .question-history .analysis-flex .textbox-answers:not(:has(.textbox-answer:not(.hidden)))::after{content:"テキストボックスへの回答なし"}main article.safety.history .question-history .analysis-flex .textbox-answers .textbox-answer.hidden{display:none}@media screen and (max-width: 1024px){main article.safety.history .question-history .analysis-flex{position:relative}main article.safety.history .question-history .analysis-flex .questions{width:90%}main article.safety.history .question-history .analysis-flex .users-status{min-width:240px;z-index:6;max-width:calc(99vw - 20px - 32px);-webkit-transition:.2s;transition:.2s;position:absolute;right:0;-webkit-transform:translateX(99%);transform:translateX(99%);-webkit-box-shadow:-3px 3px 10px 0px rgba(0,0,0,.3333333333);box-shadow:-3px 3px 10px 0px rgba(0,0,0,.3333333333);width:auto;-ms-touch-action:manipulation;touch-action:manipulation;background:#f8fbff;border:1px solid #eef4ff;border-right:none}main article.safety.history .question-history .analysis-flex .users-status:hover,main article.safety.history .question-history .analysis-flex .users-status:has(:hover),main article.safety.history .question-history .analysis-flex .users-status:focus-within,main article.safety.history .question-history .analysis-flex .users-status.touch-open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}main article.safety.history .question-history .analysis-flex .users-status h3{z-index:5;display:block;position:absolute;right:100%;top:-1px;-webkit-box-shadow:-3px 3px 10px 0px rgba(0,0,0,.3333333333);box-shadow:-3px 3px 10px 0px rgba(0,0,0,.3333333333);border:1px solid #eef4ff;border-right:none;background:#f8fbff;font-weight:bold;color:#555;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;white-space:nowrap;padding:.4rem .3rem}main article.safety.history .question-history .analysis-flex .users-status h3::before{content:none}}main article.safety.history .question-history .alert{display:none}main article.safety.history .question-history.hidden .questions,main article.safety.history .question-history.hidden .answer-table.list{display:none}main article.safety.history .question-history.hidden .alert{display:block}main article.safety:has(.craete-sender.active) .sender.create{pointer-events:none}main article.tree{max-width:100%}main article.reset-password .layout-form{width:-webkit-max-content;width:-moz-max-content;width:max-content}main article.reset-password .layout-form h2,main article.reset-password .layout-form input{display:block}main article.reset-password .layout-form input{width:20em;margin:8px 0}main article.reset-password .layout-form button.submit{display:block;padding:.5em 1.4em;margin:1rem auto 0;-webkit-box-sizing:border-box;box-sizing:border-box}main a.prev-page{display:inline-block;border:1px solid #6c757d;background:#6c757d;color:#fff;padding:6px;border-radius:4px;margin-top:8px}main a.prev-page:hover{background:#fff;color:#6c757d}.answered-count{display:inline;position:relative;cursor:default}.answered-count .target-users{max-height:20dvh;overflow-y:scroll;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;display:none;z-index:100;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#f0f0f0;font-size:calc(var(--height/10));left:99%;top:0;border-radius:2px;border:1px solid #aaa;padding:4px 8px}.answered-count .target-users span{display:block}.answered-count .target-users>div{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-right:8px;color:var(--color)}.answered-count .target-users>div span span{color:color-mix(in srgb, var(--color), 8% white)}.answered-count .target-users>div.done{--color: #198754}.answered-count .target-users>div.undone{--color: #888}.answered-count .target-users>div.past{--color: #5935dc}.answered-count:hover .target-users{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.analysis{min-height:calc(100dvh - 200px)}.analysis .group-list{overflow-y:auto;border:1px solid #ccc;border-radius:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.analysis h3{display:block}.analysis .category{will-change:background-color;-webkit-transition:.1s;transition:.1s;background:rgba(254,254,254,0)}.analysis .category:has(input.toggle:checked) .answer-title::after{content:"keyboard_arrow_left"}.analysis .category:has(input.toggle:checked) .primary-name::after{content:"keyboard_arrow_left"}.analysis .category:has(input.toggle:checked) .secondary-name::after{content:"keyboard_arrow_left"}.analysis .category:has(input.toggle:checked) .user{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);height:0}.analysis .answered-user-list .user{height:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:6px;text-overflow:ellipsis;will-change:background-color;-webkit-transition:.25s;transition:.25s;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);margin-top:0;background-color:rgba(240,240,240,0)}.analysis .answered-user-list .user:hover{background-color:var(--color, #f0f0f0)}.analysis .answered-user-list .user.hidden{display:none}.analysis .answered-user-list .user .display-name{color:#232323;text-align:left;white-space:nowrap}.analysis .answered-user-list .user .username{color:#777;margin-left:auto;text-align:right}.analysis .graph-circle{position:relative;--size: min(24vw, 20rem);width:var(--size);height:var(--size)}.analysis .graph-circle svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.analysis .graph-circle svg circle{position:relative;-webkit-transition:.3s;transition:.3s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;fill:rgba(0,0,0,0);pointer-events:stroke;stroke-width:32;stroke:var(--color);stroke-dasharray:0 var(--start) var(--percentage) var(--inverse)}.analysis .graph-circle svg circle:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}@-webkit-keyframes graph-circle-load{from{stroke-dasharray:0 0 0 100}to{stroke-dasharray:0 var(--start) var(--percentage) var(--inverse)}}@keyframes graph-circle-load{from{stroke-dasharray:0 0 0 100}to{stroke-dasharray:0 var(--start) var(--percentage) var(--inverse)}}.analysis .graph-circle svg.anim circle{-webkit-animation:graph-circle-load .7s ease;animation:graph-circle-load .7s ease}.analysis .graph-circle .values{pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;position:absolute;top:0;left:0}.analysis .graph-circle .values .value-container{text-shadow:0 0 4px #fff;text-align:center;color:#fff;height:38%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;top:50%;left:50%;-webkit-transition:.3s;transition:.3s;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:graph-circle-values-load .7s ease;animation:graph-circle-values-load .7s ease;-webkit-transform:translate(-50%, -100%) rotate(calc(3.6deg * (var(--position))));transform:translate(-50%, -100%) rotate(calc(3.6deg * (var(--position))));opacity:min(1,(var(--percent) - 20)*1000)}.analysis .graph-circle .values .value-container p{text-align:center;color:#000;-webkit-transition:.3s;transition:.3s;-webkit-animation:graph-circle-values-p-load .7s ease;animation:graph-circle-values-p-load .7s ease;-webkit-transform:rotate(calc(-3.6deg * var(--position)));transform:rotate(calc(-3.6deg * var(--position)));font-size:calc(var(--size)/15)}@-webkit-keyframes graph-circle-values-load{from{-webkit-transform:translate(-50%, -100%) rotate(0deg);transform:translate(-50%, -100%) rotate(0deg)}to{-webkit-transform:translate(-50%, -100%) rotate(calc(3.6deg * (var(--position))));transform:translate(-50%, -100%) rotate(calc(3.6deg * (var(--position))))}}@keyframes graph-circle-values-load{from{-webkit-transform:translate(-50%, -100%) rotate(0deg);transform:translate(-50%, -100%) rotate(0deg)}to{-webkit-transform:translate(-50%, -100%) rotate(calc(3.6deg * (var(--position))));transform:translate(-50%, -100%) rotate(calc(3.6deg * (var(--position))))}}@-webkit-keyframes graph-circle-values-p-load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(calc(-3.6deg * var(--position)));transform:rotate(calc(-3.6deg * var(--position)))}}@keyframes graph-circle-values-p-load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(calc(-3.6deg * var(--position)));transform:rotate(calc(-3.6deg * var(--position)))}}.analysis .graph-circle .circle-lists{min-width:22dvw;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:23dvw;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);position:absolute;right:0;height:100%;overflow-y:scroll;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.analysis .graph-circle .circle-lists .answer-title{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:2px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left;margin-bottom:0}.analysis .graph-circle .circle-lists .answer-title::before{content:"";background:var(--color);display:block;width:20px;height:20px;margin-right:4px}.analysis .graph-circle .circle-lists .answer-title::after{content:"keyboard_arrow_down";font-family:"Material Symbols Outlined";border-radius:2px}.analysis .graph-circle .circle-lists .answer-title:hover::after{background:#eee}.analysis .graph-circle .circle-lists .answer-title .percentage{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:right;color:color-mix(in srgb, #000, calc((100 - var(--percentage)) * 1%) #5e5e5e)}.analysis .graph-circle .circle-lists .answer-title input.toggle{display:none}@media screen and (max-width: 768px){.analysis .graph-circle .circle-lists{max-width:36dvw}}@media screen and (max-width: 1024px){.analysis .graph-circle{--size: min(42vw, 20rem)}}@media screen and (max-width: 480px){.analysis .graph-circle{--size: min(65vw, 20rem);margin-bottom:90%}.analysis .graph-circle .circle-lists{max-width:75dvw;width:70dvw;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);right:auto}}.analysis .graph-line{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.analysis .graph-line.color-twilight{--primary-color: #1e90ff;--secondary-color: #ff4500;--background-color: #7b68ee;--primary-hover-bg: color-mix(in srgb, var(--primary-color) 70%, #ffffff);--secondary-hover-bg: color-mix(in srgb, var(--secondary-color) 70%, #ffffff);--dyad-percentage-color: color-mix(in srgb, #000, calc((100 - var(--percentage)) * 1%) #5e5e5e)}.analysis .graph-line.color-twilight .primary-name{--color: var(--primary-color)}.analysis .graph-line.color-twilight .secondary-name{--color: var(--secondary-color)}.analysis .graph-line .names{margin-bottom:4px}.analysis .graph-line .names .primary-name,.analysis .graph-line .names .secondary-name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.analysis .graph-line .names .primary-name .user-count,.analysis .graph-line .names .secondary-name .user-count{padding-left:1em}.analysis .graph-line .names .primary-name .value,.analysis .graph-line .names .secondary-name .value{padding-left:1em}.analysis .graph-line .names .primary-name::before,.analysis .graph-line .names .secondary-name::before{content:"";background:var(--color);display:inline-block;width:14px;height:14px;margin-right:4px}.analysis .graph-line .names.dyad-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:6px}.analysis .graph-line .names.dyad-lists .primary-name,.analysis .graph-line .names.dyad-lists .secondary-name{cursor:pointer;margin-right:2px;margin-bottom:0;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left;width:-webkit-max-content;width:-moz-max-content;width:max-content}.analysis .graph-line .names.dyad-lists .primary-name::after,.analysis .graph-line .names.dyad-lists .secondary-name::after{content:"keyboard_arrow_down";font-family:"Material Symbols Outlined";border-radius:2px}.analysis .graph-line .names.dyad-lists .primary-name:hover::after,.analysis .graph-line .names.dyad-lists .secondary-name:hover::after{background:#eee}.analysis .graph-line .names.dyad-lists .primary-name .percentage,.analysis .graph-line .names.dyad-lists .secondary-name .percentage{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:right;color:var(--dyad-percentage-color);padding-left:1em}.analysis .graph-line .names.dyad-lists .primary-name input.toggle,.analysis .graph-line .names.dyad-lists .secondary-name input.toggle{display:none}.analysis .graph-line .names.dyad-lists .category{width:-webkit-max-content;width:-moz-max-content;width:max-content}.analysis .graph-line .graphs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background:var(--background-color)}.analysis .graph-line .graphs .graph{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;z-index:1;-webkit-transition:.3s;transition:.3s}.analysis .graph-line .graphs .graph:hover{z-index:2;-webkit-filter:brightness(0.9);filter:brightness(0.9)}.analysis .graph-line .graphs .graph:hover .userlist{z-index:100;max-height:20dvh;overflow-y:scroll;opacity:1;-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all}.analysis .graph-line .graphs .graph .userlist{position:absolute;top:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#f0f0f0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:20dvh;opacity:0;-webkit-transition:.2s;transition:.2s;top:50%;left:50%;border-radius:2px;border:1px solid #aaa;padding:4px 8px;z-index:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.analysis .graph-line .graphs .graph .userlist span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.analysis .graph-line .graphs .graph.primary{width:calc(var(--percent)*1%);background:var(--primary-color);-webkit-animation:graph-primary-load 1s;animation:graph-primary-load 1s;width:calc(var(--percent)*1%)}.analysis .graph-line .graphs .graph.primary span{text-shadow:0 0 3px var(--primary-color)}.analysis .graph-line .graphs .graph.primary .userlist{color:var(--primary-color)}.analysis .graph-line .graphs .graph.secondary{width:calc(100% - var(--percent)*1%);background:var(--secondary-color);-webkit-animation:graph-secondary-load 1s;animation:graph-secondary-load 1s;width:calc((100 - var(--percent))*1%)}.analysis .graph-line .graphs .graph.secondary .userlist{color:var(--secondary-color)}.analysis .graph-line .graphs .graph.secondary>span{text-shadow:0 0 3px var(--secondary-color)}@-webkit-keyframes graph-primary-load{from{width:0}to{width:calc(var(--percent)*1%)}}@keyframes graph-primary-load{from{width:0}to{width:calc(var(--percent)*1%)}}@-webkit-keyframes graph-secondary-load{from{width:0}to{width:calc((100 - var(--percent))*1%)}}@keyframes graph-secondary-load{from{width:0}to{width:calc((100 - var(--percent))*1%)}}.analysis .graph-multi-line{width:calc(100% - 8px);overflow:visible}.analysis .graph-multi-line table{width:100%;overflow:hidden;padding:8px 0;border-spacing:0;overflow:visible}.analysis .graph-multi-line table tr:nth-child(odd){--color: #f9f9f9}.analysis .graph-multi-line table tr:nth-child(even){--color: #f0f0f0}.analysis .graph-multi-line table tr th{width:20%;border-right:1px solid gray;text-align:right;padding-right:8px;background:var(--color)}.analysis .graph-multi-line table tr td{vertical-align:middle;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:2em;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left}.analysis .graph-multi-line table tr td>span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px}.analysis .graph-multi-line table tr td .multi-line-bar{display:inline-block;vertical-align:middle;height:1em;background:gray;position:relative;-webkit-transition:.3s;transition:.3s;-webkit-animation:multi-line-load 1s 0s 1 normal;animation:multi-line-load 1s 0s 1 normal;width:calc(var(--percent)/max(var(--max),1)*(100% - 4em))}@-webkit-keyframes multi-line-load{from{width:0}to{width:calc(var(--percent)/var(--max)*(100% - 4em))}}@keyframes multi-line-load{from{width:0}to{width:calc(var(--percent)/var(--max)*(100% - 4em))}}.analysis .graph-multi-line table tr td .multi-line-bar:hover{z-index:100;background:#666}.analysis .graph-multi-line table tr td .multi-line-bar:hover .userlist{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;user-select:all;-webkit-transition:.2s;transition:.2s}.analysis .graph-multi-line table tr td .multi-line-bar .userlist{display:none;position:absolute;top:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:20dvh;overflow-y:scroll;opacity:0;-webkit-transition:0;transition:0;top:50%;left:50%;border-radius:2px;border:1px solid #aaa;padding:4px 8px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@container (max-width: 600px){.analysis .graph-multi-line table tr{background:var(--color)}.analysis .graph-multi-line table tr th{display:inline;font-size:15px;border:none}.analysis .graph-multi-line table tr td{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;padding:0 0 4px}}.icon{font-family:"Material Symbols Outlined";font-size:24px;line-height:24px}.bg{background:#000;position:fixed;top:0;left:0;width:100dvw;height:100dvh;opacity:.5;z-index:10}.modal{position:relative}.modal .window{opacity:0;position:none;z-index:1001;position:fixed;top:calc(3% + 54px);left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:500px;height:500px;background:#fff;pointer-events:none}.modal .window .close{position:absolute;top:0;right:0;font-size:24px;line-height:24px;padding:8px;font-family:"Material Symbols Outlined";z-index:1002;cursor:pointer;color:#333}.modal .window .close:hover{color:#000;background:#f0f0f0}.modal .bg{pointer-events:none;opacity:0;position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:rgba(0,0,0,.5);z-index:1000}.modal.open .window{opacity:1;pointer-events:all}.modal.open .bg{pointer-events:all;opacity:1}.pulldown .label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff;border:1px solid #d2d2db;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06);color:#222;border-radius:4px;cursor:pointer;-webkit-transition:.15s;transition:.15s}.pulldown .label:hover{background:#f6f7fb;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#b6c2e1}.pulldown .label::after{content:"arrow_drop_down";font-family:"Material Symbols Outlined";font-size:18px;margin-left:4px;color:#888;line-height:1}.pulldown .select{position:absolute;left:0;top:calc(100% + 4px);width:320px;background:#fff;-webkit-transition:opacity .15s,-webkit-transform .2s;transition:opacity .15s,-webkit-transform .2s;transition:opacity .15s,transform .2s;transition:opacity .15s,transform .2s,-webkit-transform .2s;border:1px solid #ccc;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.pulldown .select .options{background:none;display:none;height:34px}.pulldown .select .options span{font-family:"sans-serif";display:block;line-height:1.2em;padding:8px 16px;font-size:14px;border:none;width:100%;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.pulldown .select .options span label{cursor:pointer;display:inline-block;padding:8px;margin:0}.pulldown .select .options span label:hover{background:#d4d8e3;border-radius:4px}.pulldown .select .options span label input{cursor:pointer}.pulldown .select .options span:has(label){padding:0;height:34px}.pulldown .select .options span:hover{background:#eaefff;color:#2257ae;border-radius:4px}.pulldown .select .options.open{height:-webkit-max-content;height:-moz-max-content;height:max-content}.pulldown .select .options.open>.options{display:block;border-left:4px solid var(--border-color, #ddd);margin-left:1px}.pulldown .select .options.open:has(.options)>span::after{background:rgba(212,216,227,.2);content:"arrow_drop_down" !important}.pulldown .select .options:has(.options)>span{position:relative}.pulldown .select .options:has(.options)>span:hover::after{background:#d4d8e3}.pulldown .select .options:has(.options)>span::after{cursor:pointer;content:"arrow_left";font-family:"Material Symbols Outlined";font-size:22px;margin-left:4px;color:#888;line-height:1;position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:34px;line-height:34px;text-align:center;border-radius:4px}.pulldown .select>.options>span{background:#f9f9f9}.pulldown.open .select{display:block;-webkit-transition:.2s;transition:.2s;z-index:11}.pulldown.open .select>.options{display:block}.pulldown:first-of-type{margin-right:34px}.pulldown:last-of-type .select{left:auto;right:0}.pulldown .invert{background:#fff;border:1px solid #ccc;border-radius:0 4px 4px 0;width:34px;height:34px;position:absolute;right:-34px;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Material Symbols Outlined";font-size:14px;vertical-align:middle;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:30px;font-weight:bold;color:dimgray;cursor:pointer}.pulldown .invert.inverted{-webkit-transform:rotate(180deg);transform:rotate(180deg)}article.inventory{--header-bg: #d9f2e6;--header-heading: #1f3a2c;--header-text: #3f5a48;--header-icon: url('/static/images/symbol_inventory.svg')}article.inventory .required{margin-left:6px;font-weight:700;color:#dc3545}article.inventory.dashboard{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}article.inventory.dashboard .inventory-filters form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(160px, auto))}article.inventory.dashboard .inventory-filters form label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:600;gap:4px}article.inventory.dashboard .inventory-filters form select,article.inventory.dashboard .inventory-filters form input{padding:6px 8px;border:1px solid #ccc;border-radius:4px}article.inventory.dashboard .inventory-filters form button{-webkit-align-self:end;-ms-flex-item-align:end;align-self:end}article.inventory.dashboard .dashboard-layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}article.inventory.dashboard .dashboard-layout>*{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}article.inventory.dashboard .dashboard-layout .inventory-summary{-webkit-box-flex:2;-webkit-flex:2 1 0;-ms-flex:2 1 0px;flex:2 1 0;min-width:57%}article.inventory.dashboard .dashboard-layout .inventory-create{-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0;min-width:max(32%,220px)}article.inventory.dashboard .inventory-summary{background:#fff;border-radius:12px;padding:16px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.08);box-shadow:0 1px 4px rgba(0,0,0,.08)}article.inventory.dashboard .inventory-summary .summary-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}article.inventory.dashboard .inventory-summary .inventory-table{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:1px solid #eee;border-radius:8px}article.inventory.dashboard .inventory-summary .inventory-table .table-header,article.inventory.dashboard .inventory-summary .inventory-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:10px 14px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}article.inventory.dashboard .inventory-summary .inventory-table .table-header{font-weight:600;background:#f8f9fa}article.inventory.dashboard .inventory-summary .inventory-table .table-row{border-top:1px solid #f0f0f0;color:inherit;text-decoration:none}article.inventory.dashboard .inventory-summary .inventory-table .table-row:hover{background:#f9fbff}article.inventory.dashboard .inventory-summary .inventory-table .table-row.is-deleted{background:#f6f6f6;color:#777;border-color:#ededed;opacity:.75;text-decoration:none}article.inventory.dashboard .inventory-summary .inventory-table .table-row.is-deleted:hover{background:#f1f1f1}article.inventory.dashboard .inventory-summary .inventory-table .table-row.is-deleted .pill{-webkit-filter:grayscale(0.6);filter:grayscale(0.6);opacity:.8}article.inventory.dashboard .inventory-summary .inventory-table .table-row.is-deleted .deleted-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px;padding:2px 8px;margin-top:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:999px;background:#e4e4e4;color:#555;font-size:12px;font-weight:700;border:1px solid #d2d2d2}article.inventory.dashboard .inventory-summary .inventory-table .table-row .name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}article.inventory.dashboard .inventory-summary .inventory-table .table-row .name small{font-size:12px;color:#666}article.inventory.dashboard .inventory-summary .inventory-table .table-row .pill{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;margin-right:4px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .stock-cell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;gap:4px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .stock-divider,article.inventory.dashboard .inventory-summary .inventory-table .table-row .stock-min{font-size:.85em;color:#7b8591}article.inventory.dashboard .inventory-summary .inventory-table .table-row .pill.danger{background:#fdecea;color:#c82333}article.inventory.dashboard .inventory-summary .inventory-table .table-row .pill.warning{background:#fff4e5;color:#c77700}article.inventory.dashboard .inventory-summary .inventory-table .table-row .expiry-cell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px;color:#2e7d32}article.inventory.dashboard .inventory-summary .inventory-table .table-row .expiry-cell.is-expired{color:#c03434}article.inventory.dashboard .inventory-summary .inventory-table .table-row .expiry-cell.is-expired .expiry-meta{color:#c03434}article.inventory.dashboard .inventory-summary .inventory-table .table-row .expiry-cell .expiry-meta{font-size:12px;color:#666}article.inventory.dashboard .inventory-summary .inventory-table .table-row .status-cell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .pill-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:2px;padding:6px 8px;border-radius:10px;background:#fff4e5;border:1px solid #ffe6bf;font-size:13px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail .label{font-weight:700;font-size:12px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail .quantity{font-weight:700}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail small{font-size:12px;color:#8a5a00}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail.is-danger{background:#fdecea;border-color:#f6c4c8;color:#b2262f}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail.is-danger small{color:#a02a33}article.inventory.dashboard .inventory-create{background:#fff;border-radius:12px;padding:16px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.08);box-shadow:0 1px 4px rgba(0,0,0,.08);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}article.inventory.dashboard .inventory-create .create-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px}article.inventory.dashboard .inventory-create .inventory-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}article.inventory.dashboard .inventory-create .inventory-form label{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px;font-weight:600}article.inventory.dashboard .inventory-create .inventory-form input,article.inventory.dashboard .inventory-create .inventory-form textarea{display:block;padding:6px 8px;border:1px solid #ccc;border-radius:4px}article.inventory.dashboard .inventory-create .inventory-form textarea{resize:vertical}article.inventory.detail .detail-header{margin-bottom:32px}article.inventory.detail .detail-header .detail-header-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:16px}article.inventory.detail .detail-header .title-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px}article.inventory.detail .detail-header .title-block .back-link a::before{content:"arrow_back"}article.inventory.detail .detail-header .detail-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px}article.inventory.detail .detail-header .detail-actions form{margin:0}article.inventory.detail .detail-header .stats{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}article.inventory.detail .detail-header .stats .stat{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:right;padding:8px 12px;border-radius:12px;background:#f8f9ff;min-width:150px}article.inventory.detail .detail-header .stats .stat.risk{text-align:left;background:#e7f7ee;border:1px solid #c7ead5}article.inventory.detail .detail-header .stats .stat.risk.warning{background:#fff4e5;border-color:#ffe6bf}article.inventory.detail .detail-header .stats .stat.risk.danger{background:#fdecea;border-color:#f6c4c8}article.inventory.detail .detail-header .stats span{font-size:12px;color:#666}article.inventory.detail .detail-header .stats strong{font-size:24px}article.inventory.detail .detail-header .stats strong span.min{font-size:18px;color:#666}article.inventory.detail .detail-header .stats small{font-size:12px;color:#666}article.inventory.detail .detail-header .stats .stat-days{font-weight:700;color:#333}article.inventory.detail .detail-header .stats .stat-days.is-alert{color:#c82333}article.inventory.detail .deleted-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#e4e4e4;color:#555;font-size:12px;font-weight:700;border:1px solid #d2d2d2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:4px}article.inventory.detail.is-deleted .detail-header{background:#f6f6f6;border:1px solid #e5e5e5;border-radius:12px}article.inventory.detail.is-deleted .deleted-note{margin:-4px 0 0;color:#666;font-size:13px}article.inventory.detail.is-deleted .stats{opacity:.85}article.inventory.detail.is-deleted .info-panel,article.inventory.detail.is-deleted .operations-panel,article.inventory.detail.is-deleted .detail-batches,article.inventory.detail.is-deleted .detail-logs{-webkit-filter:grayscale(0.25);filter:grayscale(0.25);opacity:.88}article.inventory.detail .delete-confirm{position:fixed;inset:0;display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:1200}article.inventory.detail .delete-confirm[hidden]{display:none}article.inventory.detail .delete-confirm.is-open{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}article.inventory.detail .delete-confirm .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}article.inventory.detail .delete-confirm .modal-dialog{position:relative;background:#fff;border-radius:12px;padding:20px 24px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.18);box-shadow:0 10px 30px rgba(0,0,0,.18);width:min(420px,92vw);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;z-index:1}article.inventory.detail .delete-confirm .modal-dialog h3{margin:0;font-size:20px;font-weight:700}article.inventory.detail .delete-confirm .modal-dialog p{margin:0;font-size:14px;color:#444;line-height:1.5}article.inventory.detail .delete-confirm .modal-dialog .modal-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:8px}article.inventory.detail .detail-main{display:grid;gap:24px;grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr)}article.inventory.detail .info-panel,article.inventory.detail .operations-panel,article.inventory.detail .detail-batches,article.inventory.detail .detail-logs{background:#fff;padding:16px;border-radius:12px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.08);box-shadow:0 1px 4px rgba(0,0,0,.08)}article.inventory.detail .info-panel form,article.inventory.detail .operations-panel form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}article.inventory.detail .info-panel form .field-row,article.inventory.detail .operations-panel form .field-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start}article.inventory.detail .info-panel form .field-row>label,article.inventory.detail .operations-panel form .field-row>label{min-width:0}article.inventory.detail .info-panel form label,article.inventory.detail .operations-panel form label{display:block;font-weight:600;margin-bottom:4px}article.inventory.detail .info-panel form label input,article.inventory.detail .info-panel form label select,article.inventory.detail .info-panel form label textarea,article.inventory.detail .operations-panel form label input,article.inventory.detail .operations-panel form label select,article.inventory.detail .operations-panel form label textarea{display:block;margin-top:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}article.inventory.detail .info-panel form input,article.inventory.detail .info-panel form textarea,article.inventory.detail .operations-panel form input,article.inventory.detail .operations-panel form textarea{padding:6px 8px;border:1px solid #ccc;border-radius:4px}article.inventory.detail .info-panel form textarea,article.inventory.detail .operations-panel form textarea{resize:vertical}@media screen and (max-width: 768px){article.inventory.detail .field-row{grid-template-columns:1fr}}article.inventory.detail .info-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}article.inventory.detail .operations-panel .tab-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:12px}article.inventory.detail .operations-panel .tab-buttons button{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:999px;background:#f5f8fd;color:#0f172a;font-weight:600;cursor:pointer}article.inventory.detail .operations-panel .tab-buttons button.is-active{background:#052c65;color:#fff;border-color:#052c65}article.inventory.detail .operations-panel .tab-panels .tab-panel{display:none}article.inventory.detail .operations-panel .tab-panels .tab-panel .tab-note{margin:0 0 10px;font-size:13px;color:#5a6b7a}article.inventory.detail .operations-panel .tab-panels .tab-panel.is-active{display:block}article.inventory.detail .detail-batches .table,article.inventory.detail .detail-logs .table{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}article.inventory.detail .detail-batches .table .row,article.inventory.detail .detail-logs .table .row{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;padding:10px 0;border-bottom:1px solid #eee}article.inventory.detail .detail-batches .table .row.header,article.inventory.detail .detail-logs .table .row.header{font-weight:600;border-bottom:2px solid #ddd}article.inventory.detail .detail-batches .table .row:last-child,article.inventory.detail .detail-logs .table .row:last-child{border-bottom:none}article.inventory.detail .detail-batches .table .expiry,article.inventory.detail .detail-logs .table .expiry{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px}article.inventory.detail .detail-batches .table .expiry small,article.inventory.detail .detail-logs .table .expiry small{font-size:12px;color:#666}article.inventory.detail .detail-batches .table .expiry.is-expired,article.inventory.detail .detail-logs .table .expiry.is-expired{color:#c82333;font-weight:700}article.inventory.detail .detail-batches .table .expiry.is-expired small,article.inventory.detail .detail-logs .table .expiry.is-expired small{color:#c82333}article.inventory.detail .batch-audit{display:grid;gap:8px;margin-bottom:12px}article.inventory.detail .batch-audit label{display:grid;grid-template-columns:1fr 140px;gap:8px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-weight:600}article.inventory.detail .batch-audit label span{font-size:13px;color:#455a64;font-weight:600}article.inventory.detail .batch-audit input[type=number]{width:100%}.inventory-form .field-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start}.inventory-form .field-row>label{min-width:0}@media screen and (max-width: 768px){article.inventory.detail .detail-main{grid-template-columns:1fr}article.inventory.detail .detail-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}article.inventory.detail .detail-header .stats{width:100%}article.inventory.detail .detail-batches .table .row,article.inventory.detail .detail-logs .table .row{grid-template-columns:repeat(2, minmax(0, 1fr))}article.inventory.detail .detail-batches .table .row span,article.inventory.detail .detail-logs .table .row span{min-width:0;overflow-wrap:anywhere}}@media screen and (max-width: 480px){article.inventory.dashboard .dashboard-layout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}article.inventory.dashboard .inventory-create{min-width:0}}article.inventory.dashboard .inventory-summary,article.inventory.dashboard .inventory-create{border:1px solid #dbe4f5;border-radius:16px;-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08)}article.inventory.dashboard .inventory-summary .inventory-table .table-header{background:#f3f7ff}article.inventory.dashboard .inventory-summary .inventory-table .table-row:hover{background:#eef4ff}article.inventory.detail .detail-header-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}article.inventory.detail .detail-actions form{display:inline-block;margin-left:8px}article.inventory.detail .detail-actions form:first-child{margin-left:0}article.inventory.detail .info-panel,article.inventory.detail .operations-panel,article.inventory.detail .detail-batches,article.inventory.detail .detail-logs{border:1px solid #dbe4f5;border-radius:16px;-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08)}article.inventory.detail .operations-panel .tab-buttons button{border-color:#dbe4f5;color:#0f172a}article.inventory.detail .operations-panel .tab-buttons button.is-active{border-color:#124a8c;background:#124a8c;color:#fff}article.inventory.detail .detail-batches .table,article.inventory.detail .detail-logs .table{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}article.inventory.detail .detail-batches .table .row,article.inventory.detail .detail-logs .table .row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;padding:10px 0;border-bottom:1px solid #dbe4f5}article.inventory.detail .detail-batches .table .row.header,article.inventory.detail .detail-logs .table .row.header{font-weight:600;border-bottom:2px solid #ddd}article.inventory.detail .detail-batches .table .row:last-child,article.inventory.detail .detail-logs .table .row:last-child{border-bottom:none}article.inventory.detail .detail-logs .delta.positive{color:#1f7a4d;font-weight:600}article.inventory.detail .detail-logs .delta.negative{color:#c03434;font-weight:600}article.inventory.bulk{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}article.inventory.bulk .inventory-filters form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(160px, auto));-webkit-box-align:end;-webkit-align-items:end;-ms-flex-align:end;align-items:end}article.inventory.bulk .inventory-filters label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px;max-width:100%}article.inventory.bulk .inventory-filters select{min-width:180px;max-width:100%}article.inventory.bulk .bulk-result .alert{margin-bottom:0}article.inventory.bulk .bulk-section{--bulk-accent: #124a8c;--bulk-accent-soft: #edf4ff;--bulk-accent-border: #dbe4f5;border:1px solid #dbe4f5;border-radius:16px;-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08);padding:18px 18px 16px;background-color:#fff;-webkit-transition:.1s background-color;transition:.1s background-color}article.inventory.bulk .bulk-section:has([open]){background-color:var(--bulk-accent-soft)}article.inventory.bulk .bulk-section:has([open]) details summary .summary-mark{background-color:#fff}article.inventory.bulk .bulk-section.restock{--bulk-accent: #1f7a4d;--bulk-accent-soft: #edf8f1;--bulk-accent-border: #cfe8d8}article.inventory.bulk .bulk-section.consume{--bulk-accent: #c03434;--bulk-accent-soft: #fff3f1;--bulk-accent-border: #f2d5d2}article.inventory.bulk .bulk-section.audit{--bulk-accent: #7a5900;--bulk-accent-soft: #fff8e7;--bulk-accent-border: #f0dfb0}article.inventory.bulk .bulk-section details summary{cursor:pointer;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:6px 2px 14px;border:none;border-radius:0;background:rgba(0,0,0,0);color:var(--bulk-accent);gap:12px}article.inventory.bulk .bulk-section details summary .summary-mark{-webkit-transition:.1s background-color;transition:.1s background-color;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:42px;height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--bulk-accent-soft);border-radius:12px;border:1px solid var(--bulk-accent-border);font-size:24px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}article.inventory.bulk .bulk-section details summary .summary-copy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3px;min-width:0}article.inventory.bulk .bulk-section details summary .summary-title{font-size:24px;font-weight:600;line-height:1.1}article.inventory.bulk .bulk-section details summary .summary-note{font-size:15px;font-weight:400;color:#5a6b7a;line-height:1.5}article.inventory.bulk .bulk-section details summary::after{content:"expand_more";font-family:"Material Symbols Outlined";margin-left:auto;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:#5a6b7a;font-size:28px}article.inventory.bulk .bulk-section details[open] summary::after{content:"expand_less"}article.inventory.bulk .bulk-section .bulk-form .actions{margin-top:18px}article.inventory.bulk .bulk-section .bulk-items .bulk-item+.bulk-item{margin-top:12px}article.inventory.bulk .bulk-section .bulk-items>.empty-note{margin:0;padding:12px 14px;border:1px solid #e3eaf5;border-radius:12px;background:#f8fbff;font-size:13px;color:#5a6b7a}article.inventory.bulk .bulk-section .bulk-item{display:grid;grid-template-columns:minmax(220px, 0.95fr) minmax(360px, 1.15fr) minmax(180px, 0.55fr);gap:16px 24px;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;padding:16px 18px;border:1px solid #e7edf7;border-radius:14px;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbfdff));background:-webkit-linear-gradient(top, #fff, #fbfdff);background:linear-gradient(180deg, #fff, #fbfdff)}article.inventory.bulk .bulk-section .item-main{min-width:0}article.inventory.bulk .bulk-section .item-title{margin-bottom:12px}article.inventory.bulk .bulk-section .item-title strong{display:block;color:#222;font-size:18px;line-height:1.35}article.inventory.bulk .bulk-section .item-title small{display:block;margin-top:4px;font-size:12px;color:#708090;letter-spacing:.03em}article.inventory.bulk .bulk-section .metric{display:block;min-width:108px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 12px;border-radius:12px;background:#f6f8fc;border:1px solid #e4ebf5}article.inventory.bulk .bulk-section .metric .metric-label{display:block;font-size:12px;color:#677687}article.inventory.bulk .bulk-section .metric strong{display:inline-block;margin-top:2px;color:#1f2f43;font-size:18px;line-height:1.2;vertical-align:baseline}article.inventory.bulk .bulk-section .metric .metric-divider{color:#7b8591;padding:0 4px}article.inventory.bulk .bulk-section .metric .metric-note{display:inline-block;margin-top:2px;margin-left:6px;min-height:1.2em;font-size:12px;color:#6c7a89;line-height:1.3;vertical-align:baseline}article.inventory.bulk .bulk-section .metric .metric-note.is-shortage{color:#c03434;font-weight:700}article.inventory.bulk .bulk-section .item-fields{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px 14px;min-width:0;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start}article.inventory.bulk .bulk-section .audit-fields{display:block}article.inventory.bulk .bulk-section .field{min-width:0}article.inventory.bulk .bulk-section .field.field-wide{grid-column:1/-1}article.inventory.bulk .bulk-section .field .field-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#4f6072;letter-spacing:.03em}article.inventory.bulk .bulk-section .field input{border:1px solid #dbe4f5;border-radius:10px;padding:10px 12px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}article.inventory.bulk .bulk-section .field select{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;border:1px solid #dbe4f5;border-radius:10px;padding:10px 12px;background:#fff}article.inventory.bulk .bulk-section .item-result{min-width:0}article.inventory.bulk .bulk-section .item-result .metric{min-width:0}article.inventory.bulk .bulk-section .quantity-control{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 8px 4px 4px;border:1px solid #dbe4f5;border-radius:12px;background:#fff}article.inventory.bulk .bulk-section .quantity-control .material-symbols-outlined{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;font-size:22px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}article.inventory.bulk .bulk-section .quantity-control input[type=number]{width:7em;min-width:0;border:0;border-radius:8px;padding:8px 4px;text-align:right;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,0)}article.inventory.bulk .bulk-section .quantity-control .unit{font-size:13px;font-weight:700;color:#5c6d80;white-space:nowrap}article.inventory.bulk .bulk-section .quantity-control.add .material-symbols-outlined{background:#e8f6ee;color:#1f7a4d}article.inventory.bulk .bulk-section .quantity-control.remove .material-symbols-outlined{background:#fff0ee;color:#c03434}article.inventory.bulk .bulk-section .quantity-control.audit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:4px 8px}article.inventory.bulk .bulk-section .quantity-control.audit input[type=number]{width:4.5em;padding-right:0}article.inventory.bulk .bulk-section .audit-item{display:block}article.inventory.bulk .bulk-section .audit-item .item-main{margin-bottom:14px}article.inventory.bulk .bulk-section .actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:2px 0 0}article.inventory.bulk .bulk-section .actions button{margin-left:auto}article.inventory.bulk .bulk-batches .batch-entry+.batch-entry{margin-top:10px}article.inventory.bulk .bulk-batches .batch-entry{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 14px;border-radius:12px;background:#f8fbff;border:1px solid #e3eaf5}article.inventory.bulk .bulk-batches .batch-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:0}article.inventory.bulk .bulk-batches .batch-meta .batch-detail{display:inline-block;padding:2px 0;font-size:16px;color:#5a6b7a;line-height:1.45}article.inventory.bulk .bulk-batches .batch-meta .batch-detail.current{color:#1f7a4d;font-weight:700}@media screen and (max-width: 480px){article.inventory.bulk .bulk-batches .batch-entry{padding:6px 8px}article.inventory.bulk .bulk-batches .batch-meta .batch-detail{font-size:14px}}article.inventory.bulk .bulk-batches .empty-note{margin:0;font-size:12px;color:#5a6b7a}@media screen and (max-width: 960px){article.inventory.bulk .bulk-section .bulk-item{grid-template-columns:minmax(0, 1fr) minmax(180px, 0.55fr);gap:14px 18px}article.inventory.bulk .bulk-section .item-main{grid-column:1/-1}article.inventory.bulk .bulk-section .item-fields{grid-template-columns:repeat(2, minmax(0, 1fr))}article.inventory.bulk .bulk-section .item-result{grid-column:2/3}}@media screen and (max-width: 640px){article.inventory.bulk{gap:18px}article.inventory.bulk .bulk-section{padding:14px 14px 12px}article.inventory.bulk .bulk-section details summary{gap:10px;padding-bottom:12px}article.inventory.bulk .bulk-section details summary .summary-mark{width:38px;height:38px;border-radius:10px;font-size:22px}article.inventory.bulk .bulk-section details summary .summary-title{font-size:21px}article.inventory.bulk .bulk-section details summary .summary-note{font-size:13px}article.inventory.bulk .bulk-section .bulk-item{grid-template-columns:1fr;padding:14px}article.inventory.bulk .bulk-section .item-main{grid-column:auto}article.inventory.bulk .bulk-section .item-fields{grid-template-columns:1fr;gap:10px}article.inventory.bulk .bulk-section .field.field-wide{grid-column:auto}article.inventory.bulk .bulk-section .item-result{grid-column:auto}article.inventory.bulk .bulk-section .quantity-control{width:100%}article.inventory.bulk .bulk-section .quantity-control input[type=number]{width:100%}article.inventory.bulk .bulk-batches .quantity-control.audit{max-width:180px;margin-left:auto}}article.inventory.logs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}article.inventory.logs .log-filters,article.inventory.logs .log-table{border:1px solid #dbe4f5;border-radius:12px;-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08);padding:12px 16px;background:#fff}article.inventory.logs .log-filters form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px 16px;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}article.inventory.logs .log-filters label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px;max-width:100%}article.inventory.logs .log-filters input,article.inventory.logs .log-filters select{padding:6px 10px;min-width:160px}article.inventory.logs table{width:100%;border-collapse:collapse}article.inventory.logs table tr{-webkit-box-sizing:border-box;box-sizing:border-box}article.inventory.logs table thead th{border-bottom:2px solid #dbe4f5}article.inventory.logs table th,article.inventory.logs table td{padding:6px;text-align:left}article.inventory.logs table th{background:#f3f7ff}article.inventory.logs table th,article.inventory.logs table td{border-bottom:1px solid #dbe4f5}article.inventory.logs table .delta.positive{color:#1f7a4d;font-weight:600}article.inventory.logs table .delta.negative{color:#c03434;font-weight:600}article.inventory.logs table .bulk-group-row td{background:#e4eeff;color:#153d75;font-weight:600}article.inventory.logs table .bulk-item-row td{background:#f8fbff}article.inventory.logs table .bulk-item-row td:first-child{-webkit-box-shadow:inset 3px 0 0 #124a8c;box-shadow:inset 3px 0 0 #124a8c;padding-left:9px}article.inventory.logs table .bulk-item-row+.single-item-row td{border-top:2px solid #dbe4f5}article.inventory.logs table .detail-row td{background:#f8fbff}article.inventory.logs table .bulk-item-row+.detail-row td{-webkit-box-shadow:inset 3px 0 0 #124a8c;box-shadow:inset 3px 0 0 #124a8c;padding-left:9px}article.inventory.logs table .mode-name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}article.inventory.logs table .mode-name .mode{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid #dbe4f5;background:#f4f7ff;font-size:12px;font-weight:700;color:#2a4b88}article.inventory.logs table .mode-name .mode-restock{background:#e7f6ef;border-color:#bfe8cf;color:#1f7a4d}article.inventory.logs table .mode-name .mode-consume{background:#fdecea;border-color:#f6c4c8;color:#c03434}article.inventory.logs table .mode-name .mode-audit{background:#e9f2ff;border-color:#c5dafc;color:#2a4b88}article.inventory.logs table .mode-name .mode-create{background:#eaf7f5;border-color:#bfe8e1;color:#0f7a6a}article.inventory.logs table .mode-name .mode-update{background:#fff3e3;border-color:#ffd8aa;color:#b15a00}article.inventory.logs table .mode-name .mode-delete{background:#f2f2f2;border-color:#d6d6d6;color:#6b6b6b}article.inventory.logs table .mode-name .mode-restore{background:#efe9ff;border-color:#d6c7ff;color:#5a3aa6}article.inventory.logs table .mode-name .mode-adjust{background:#eef7ff;border-color:#cfe5ff;color:#2c5fb0}article.inventory.logs table .mode-name .name{font-weight:600;color:inherit;text-decoration:none;color:#222}article.inventory.logs table .elapsed-cell{text-align:right;white-space:nowrap;color:#333;font-size:15px}article.inventory.logs table .change-cell{font-weight:600}article.inventory.logs table .change-cell.change-up{color:#1f7a4d}article.inventory.logs table .change-cell.change-down{color:#c03434}article.inventory.logs table .detail-row details summary{cursor:pointer;font-size:13px;margin-left:12px}article.inventory.logs table .detail-row details ul{margin-left:16px}article.inventory.logs .log-table{overflow-x:auto}article.inventory.logs .log-table .pagination{margin-top:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}article.inventory.logs .log-table .pagination a{padding:6px 10px;border:1px solid #dbe4f5;border-radius:999px}@media screen and (max-width: 768px){article.inventory.dashboard .inventory-summary .summary-header{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:8px}article.inventory.dashboard .inventory-summary .summary-header p{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}article.inventory.dashboard .inventory-summary .inventory-table{border:0;background:rgba(0,0,0,0);gap:10px}article.inventory.dashboard .inventory-summary .inventory-table .table-header{display:none}article.inventory.dashboard .inventory-summary .inventory-table .table-row{display:grid;grid-template-columns:minmax(0, 1fr) 9.5rem;grid-template-areas:"name name" "status status" "stock expiry";-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;row-gap:0;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;padding:10px 12px;border:1px solid #dbe4f5;border-radius:12px;background:#fff;-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08)}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span{min-width:0;overflow-wrap:anywhere}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.name{grid-area:name;grid-column:1/-1;grid-row:1;font-weight:600}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span:not(.name):not(.status-cell){font-size:13px}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span:not(.name):not(.status-cell)::before{content:none}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.status-cell{grid-area:status;grid-column:1/-1;grid-row:1;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;text-align:right;gap:6px;justify-self:end}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.status-cell::before{content:none}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.status-cell,article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail{min-width:0;max-width:100%}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.stock-cell{grid-area:stock;grid-column:1/2;grid-row:3;padding-top:6px;align-self:end}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.expiry-cell{grid-area:expiry;grid-column:2/3;grid-row:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;justify-self:end;text-align:right;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}article.inventory.dashboard .inventory-summary .inventory-table .table-row .expiry-meta{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}article.inventory.dashboard .inventory-summary .inventory-table .table-row .pill-row{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail,article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail small{overflow-wrap:anywhere;word-break:break-word}article.inventory.logs .log-table table{border:0}article.inventory.logs .log-table thead{display:none}article.inventory.logs .log-table tbody,article.inventory.logs .log-table tr,article.inventory.logs .log-table td{display:block;width:100%}article.inventory.logs .log-table tr.bulk-group-row{border:1px solid #dbe4f5;border-radius:0;padding:8px 10px;margin-bottom:0;background:#e4eeff;-webkit-box-shadow:none;box-shadow:none;border-radius:12px 12px 0 0}article.inventory.logs .log-table tr.bulk-group-row td{padding:0;font-weight:700;color:#153d75;border-bottom:2px solid #124a8c}article.inventory.logs .log-table tr.bulk-group-row td::before{content:"";display:none}article.inventory.logs .log-table tr.single-item-row,article.inventory.logs .log-table tr.bulk-item-row{border:1px solid #dbe4f5;border-radius:12px 12px 0 0;padding:8px 10px;margin-bottom:8px;background:#fff;-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08);display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"mode elapsed" "delta change";gap:6px 8px;-webkit-box-sizing:border-box;box-sizing:border-box}article.inventory.logs .log-table tr.no-stock{grid-template-areas:"mode elapsed";grid-template-columns:minmax(0, 1fr) auto}article.inventory.logs .log-table tr.single-item-row td,article.inventory.logs .log-table tr.bulk-item-row td{border-bottom:0;padding:0;min-width:0;overflow-wrap:anywhere;font-size:13px}article.inventory.logs .log-table tr.single-item-row td.mode-name,article.inventory.logs .log-table tr.bulk-item-row td.mode-name{grid-area:mode;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px}article.inventory.logs .log-table tr.single-item-row td.mode-name .mode,article.inventory.logs .log-table tr.bulk-item-row td.mode-name .mode{padding:2px 8px;border:1px solid #dbe4f5;border-radius:999px;background:#f4f7ff;font-size:12px;font-weight:700}article.inventory.logs .log-table tr.single-item-row td.elapsed-cell,article.inventory.logs .log-table tr.bulk-item-row td.elapsed-cell{grid-area:elapsed;justify-self:end;font-size:12px;color:#5a6b7a}article.inventory.logs .log-table tr.single-item-row td.delta,article.inventory.logs .log-table tr.bulk-item-row td.delta{grid-area:delta;justify-self:start;font-weight:700;font-size:14px}article.inventory.logs .log-table tr.single-item-row td.change-cell,article.inventory.logs .log-table tr.bulk-item-row td.change-cell{grid-area:change;justify-self:end;font-size:13px}article.inventory.logs .log-table tr.no-stock td.delta,article.inventory.logs .log-table tr.no-stock td.change-cell{display:none}article.inventory.logs .log-table tr.no-stock td.elapsed-cell{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start}article.inventory.logs .log-table tr.detail-row{border:1px solid #dbe4f5;border-top:0;border-radius:0 0 12px 12px;margin:-6px 0 10px;padding:4px 10px 6px;background:#f8fbff;-webkit-box-sizing:border-box;box-sizing:border-box}article.inventory.logs .log-table tr.detail-row td{display:block;padding:0;border-bottom:none}article.inventory.logs .log-table tr.detail-row details summary{cursor:pointer;font-weight:600}article.inventory.logs .log-table .bulk-item-row td,article.inventory.logs .log-table .single-item-row td{background:rgba(0,0,0,0);border-left:0;padding-left:0}article.inventory.logs .log-table tr.bulk-item-row td:first-child{border-left:0;padding-left:0}article.inventory.logs .log-table tr.bulk-item-row{border-left:4px solid #124a8c;padding-left:8px;border-radius:0}article.inventory.logs .log-table tr.bulk-item-row+tr.detail-row{border-left:4px solid #124a8c;padding-left:8px;border-radius:0}article.inventory.logs .log-table tr.bulk-item-row+tr.detail-row td{border-left:0;padding-left:0}article.inventory.logs .log-table tr.bulk-group-row+tr.bulk-item-row{margin-top:0}article.inventory.logs .log-table tr.bulk-item-row td:first-child,article.inventory.logs .log-table tr.bulk-item-row+tr.detail-row td{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 425px){article.inventory.dashboard .inventory-summary .inventory-table{gap:10px}article.inventory.dashboard .inventory-summary .inventory-table .table-row{grid-template-columns:minmax(0, 1fr) 8.5rem;row-gap:0;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;padding:9px 10px}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span:not(.name):not(.status-cell)::before,article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.status-cell::before{content:none}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span:not(.name):not(.status-cell){font-size:14px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .status-cell{width:100%;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}article.inventory.dashboard .inventory-summary .inventory-table .table-row .pill-row{gap:8px}article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail{font-size:12px}article.inventory.logs .log-table tr.single-item-row,article.inventory.logs .log-table tr.bulk-item-row{padding:8px 10px}}@media screen and (max-width: 375px){article.inventory.dashboard .inventory-summary .inventory-table .table-row{grid-template-columns:1fr}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.status-cell{grid-column:1/-1}article.inventory.logs .log-table tr.single-item-row,article.inventory.logs .log-table tr.bulk-item-row{gap:6px 6px}article.inventory.logs .log-table tr.single-item-row td.mode-name,article.inventory.logs .log-table tr.bulk-item-row td.mode-name{font-size:13px}article.inventory.logs .log-table tr.single-item-row td.change-cell,article.inventory.logs .log-table tr.bulk-item-row td.change-cell{font-size:12px}article.inventory.logs .log-table tr.single-item-row td.elapsed-cell,article.inventory.logs .log-table tr.bulk-item-row td.elapsed-cell{font-size:11px}}@media screen and (max-width: 320px){article.inventory.dashboard .inventory-summary .inventory-table{width:100%;gap:8px}article.inventory.dashboard .inventory-summary .inventory-table .table-row{padding:8px 9px;row-gap:0;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span:not(.name):not(.status-cell)::before,article.inventory.dashboard .inventory-summary .inventory-table .table-row>span.status-cell::before{font-size:11px}article.inventory.dashboard .inventory-summary .inventory-table .table-row>span,article.inventory.dashboard .inventory-summary .inventory-table .table-row .status-cell,article.inventory.dashboard .inventory-summary .inventory-table .table-row .risk-detail{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}article.inventory.dashboard .inventory-summary .inventory-table .table-row .pill-row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}article.inventory.logs .log-table tr.single-item-row,article.inventory.logs .log-table tr.bulk-item-row{padding:8px 9px;gap:6px 8px}article.inventory.logs .log-table tr.single-item-row td.mode-name,article.inventory.logs .log-table tr.bulk-item-row td.mode-name{font-size:12px}article.inventory.logs .log-table tr.single-item-row td.mode-name .mode,article.inventory.logs .log-table tr.bulk-item-row td.mode-name .mode{font-size:11px;padding:2px 7px}article.inventory.logs .log-table tr.single-item-row td.delta,article.inventory.logs .log-table tr.bulk-item-row td.delta{font-size:13px}article.inventory.logs .log-table tr.single-item-row td.change-cell,article.inventory.logs .log-table tr.bulk-item-row td.change-cell{font-size:11px}article.inventory.logs .log-table tr.single-item-row td.elapsed-cell,article.inventory.logs .log-table tr.bulk-item-row td.elapsed-cell{font-size:11px}}.registration-success{text-align:center;color:#333}.registration-success h2{margin-bottom:20px;color:#2c3e50}.info-box{background:hsla(0,0%,100%,.5);padding:20px;border-radius:8px;margin:20px 0;text-align:left}.info-box label{display:block;margin-bottom:15px}.info-box label span{display:block;font-size:.8em;color:#666;margin-bottom:5px}.info-box label .password-toggle-wrapper{background:#eee;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.info-box label .password-toggle-wrapper input{border:none;background:rgba(0,0,0,0)}.info-box label .password-toggle-wrapper button{background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:.9em;color:#007bff;-webkit-box-shadow:none;box-shadow:none}.info-box .value{font-family:monospace;font-size:1.2em;background:#eee;padding:8px;border-radius:4px;word-break:break-all}.info-box .action-box{margin-top:30px}.plan-cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:30px;margin:2rem 0 3rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media screen and (max-width: 768px){.plan-cards{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}}.plan-card{position:relative;width:320px;background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:30px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 8px 20px rgba(16,36,80,.08);box-shadow:0 8px 20px rgba(16,36,80,.08)}.plan-card:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 15px 35px rgba(0,0,0,.1);box-shadow:0 15px 35px rgba(0,0,0,.1);border-color:rgba(29,79,145,.3)}.plan-card.active{border-color:#1d4f91;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8fbff));background:-webkit-linear-gradient(top, #fff, #f8fbff);background:linear-gradient(to bottom, #fff, #f8fbff)}.plan-card.active::after{content:"radio_button_checked";font-family:"Material Symbols Outlined";position:absolute;top:20px;right:20px;color:#1d4f91;font-size:24px}.plan-card.active.canceling{border-color:#f59e0b;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fffbeb));background:-webkit-linear-gradient(top, #fff, #fffbeb);background:linear-gradient(to bottom, #fff, #fffbeb)}.plan-card.active.canceling::after{color:#f59e0b}.plan-card.canceling{border:1px dashed #dc3545}.plan-card.current::before{content:"現在適用中";position:absolute;top:-12px;left:20px;background:#64748b;color:#fff;padding:2px 12px;border-radius:20px;font-size:12px;font-weight:bold}.test-notice-overlay{position:absolute;inset:0;border-radius:18px;background:rgba(234,88,12,.92);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:12px;opacity:0;pointer-events:none;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:30px}.test-notice-overlay .material-symbols-outlined{font-size:48px;-webkit-animation:test-pulse 1.5s ease-in-out infinite;animation:test-pulse 1.5s ease-in-out infinite}.test-notice-overlay p{margin:0;font-size:18px;font-weight:800;text-align:center;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.3)}@-webkit-keyframes test-pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes test-pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}#card-premium:hover .test-notice-overlay{opacity:1}.plan-badge{position:absolute;top:-15px;right:30px;background:-webkit-linear-gradient(315deg, #f59e0b, #d97706);background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff;padding:4px 16px;border-radius:30px;font-size:13px;font-weight:bold;-webkit-box-shadow:0 4px 10px rgba(217,119,6,.3);box-shadow:0 4px 10px rgba(217,119,6,.3)}.plan-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:20px}.plan-icon{font-size:32px;color:#1d4f91;background:rgba(29,79,145,.08);padding:10px;border-radius:12px}.plan-name{font-size:20px;font-weight:800;color:#1e293b}.plan-price{font-size:36px;font-weight:900;color:#0f172a;margin-bottom:25px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;gap:4px}.plan-price small{font-size:16px;color:#64748b;font-weight:normal}.plan-features{margin:0;padding:0;list-style:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.plan-features li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px;color:#475569;margin-bottom:15px;font-size:15px;line-height:1.4}.plan-features li .material-symbols-outlined{font-size:18px;color:#10b981;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.plan-action-area{text-align:center;margin-top:1rem}.action-btn{display:inline-block;width:400px;max-width:90%;background:-webkit-linear-gradient(315deg, #1d4f91, #1e4a8d);background:linear-gradient(135deg, #1d4f91, #1e4a8d);color:#fff;padding:16px 32px;border-radius:50px;font-size:18px;font-weight:bold;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 8px 20px rgba(29,79,145,.25);box-shadow:0 8px 20px rgba(29,79,145,.25)}.action-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 12px 25px rgba(29,79,145,.35);box-shadow:0 12px 25px rgba(29,79,145,.35);background:-webkit-linear-gradient(315deg, rgb(243.7, 246.2, 249.5), #1d4f91);background:linear-gradient(135deg, rgb(243.7, 246.2, 249.5), #1d4f91)}.action-btn.cancel-btn{background:#fff;color:#ef4444;border:2px solid #ef4444;-webkit-box-shadow:none;box-shadow:none}.action-btn.cancel-btn:hover{background:#fef2f2;-webkit-box-shadow:0 4px 12px rgba(239,68,68,.1);box-shadow:0 4px 12px rgba(239,68,68,.1)}.action-note{margin-top:15px;font-size:14px;color:#64748b}.back-link-area{margin-top:4rem;padding-top:2rem;border-top:1px solid #f1f5f9;text-align:center}.back-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;color:#64748b;font-size:15px;-webkit-transition:color .2s;transition:color .2s}.back-link:hover{color:#1d4f91}.back-link:hover .material-symbols-outlined{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.back-link .material-symbols-outlined{font-size:20px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}.selected-plan-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:12px;margin-bottom:20px;text-align:center}.selected-plan-info p{margin:0;color:#1976d2}.form-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:16px}.back-button{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background:#455a64;color:#fff;border:none;border-radius:4px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;font-size:18px;padding:.5em 1.4em;margin:0}.back-button:hover{background:#607d8b}body input[type=submit].submit-button{margin:0}.submit-button{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background:#1d4f91;color:#fff;border:none;padding:12px 24px;border-radius:4px !important;cursor:pointer;font-weight:bold;-webkit-transition:background .2s;transition:background .2s}.submit-button:hover{background:#0f2f60}@media(max-width: 768px){.plan-cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.form-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.back-button{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}}