@charset "utf-8";

html,body {min-height:100%}
body {display:flex;min-height:100vh;flex-direction:column;background:#fff;color:#333}

/* Microsoft Edge / IE */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}
/* Auth component */
.auth-page .auth-card {box-sizing:border-box}
.auth-page .auth-field label {display:block;margin-bottom:8px;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.3px}
.auth-page .auth-input-wrap {position:relative}
.auth-page .input-basic {display:block;width:100%;font-family:inherit;font-weight:400;line-height:1.4;letter-spacing:-.28px}
.auth-page .input-basic::placeholder {opacity:1;color:#7e7e7e}
.auth-page .has-error .input-basic,.auth-page .is-error .input-basic {border-color:#ed2024}
.auth-page .auth-error {display:none;margin:6px 0 0;color:#ed2024;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:-.24px}
.auth-page .has-error > .auth-error,.auth-page .is-error > .auth-error {display:block}
.auth-page .auth-btn-row {margin-top:24px}
.auth-page .auth-primary,.auth-page .auth-secondary {width:100%;max-width:none;font-family:inherit;text-decoration:none}
.auth-page .auth-primary.is-disabled,.auth-page .auth-primary:disabled {border-color:#dbdee5;background:#ededed;color:#777 !important;cursor:default;filter:none;transform:none}
.auth-page .auth-secondary {border-color:#777;color:#333 !important}
.auth-page .auth-line-btn {width:100%;font-family:inherit;text-decoration:none}

/* Login */
#wrapper.login-page {display:flex;width:100%;min-width:0;margin:0;}
.login-cont {display:flex;width:100%; align-items:flex-start;justify-content:center;padding:0 0 160px 0}
.login-wrap {width:480px}
.login-form {width:100%}
.form-field {margin-bottom:24px}
.form-field label {display:block;margin-bottom:8px;color:#333;font-size:15px;font-weight:600;line-height:21px;letter-spacing:-.3px}
.input-box {position:relative}
.input-box .input-basic {display:block;font-weight:400;line-height:1.4;letter-spacing:-.28px}
.input-box .input-basic::placeholder {opacity:1}
.input-box.has-admin input {padding-right:92px}
.admin-btn {position:absolute;right:6px;top:50%;display:flex;width:75px;height:30px;align-items:center;justify-content:center;gap:2px;padding:0;border:1px solid #dbdee5;border-radius:4px;background:#ededed;color:#777;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.14px;transform:translateY(-50%)}
.admin-btn:active {transform:translateY(-50%)}
.admin-btn svg {display:block;width:12.8px;height:12.8px;flex:0 0 auto}
.input-error {display:none;margin:6px 0 0;color:#ed2024;font-size:12px;font-weight:400;line-height:1.4}
.form-field.is-error input {border-color:#ed2024}
.form-field.is-error .input-error {display:block}
.login-btn {width:100%;padding:0 24px;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.15px}
.login-btn.is-disabled {border:1px solid #dbdee5;background:#ededed;color:#777;cursor:default}
.find-links {display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;color:#333;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.14px}
.find-links span {width:1px;height:12px;background:#dbdbdb}
.join-area {margin-top:40px;padding-top:40px;border-top:1px solid #ededed;text-align:center}
.join-area p {margin:0 0 12px;color:#333;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.14px}
.join-area .join-btn {width:100%;border-color:#777;color:#333;font-size:15px;font-weight:500;line-height:22px;letter-spacing:-.15px}

/* Password change layer */
body.is-layer-open {overflow:hidden}
.auth-layer[hidden],.pw-layer[hidden] {display:none}
.auth-layer,.pw-layer {position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.auth-layer,.auth-layer * {box-sizing:border-box}
.auth-layer-dim,.pw-dim {position:absolute;inset:0;background:rgba(0,0,0,.45)}
.auth-layer-pop,.pw-modal {--auth-layer-max:calc(100vh - 48px);position:relative;z-index:1;display:flex;flex-direction:column;width:480px;max-width:100%;max-height:var(--auth-layer-max);border-radius:20px;background:#fff;overflow:hidden;text-align:center}
.auth-layer-scroll,.pw-scroll {flex:1 1 auto;min-height:0;max-height:calc(var(--auth-layer-max) - 16px);margin:8px 0;padding:24px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5c5c5 transparent;-webkit-overflow-scrolling:touch}
.pw-scroll::-webkit-scrollbar {width:4px}
.pw-scroll::-webkit-scrollbar-track {background:transparent}
.pw-scroll::-webkit-scrollbar-thumb {border-radius:999px;background:#c5c5c5}
.auth-layer-head,.pw-head {margin:0 16px}
.auth-layer-head h2,.pw-head h2 {margin:0 0 4px;color:#333;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.4px}
.auth-layer-head p,.pw-head p {margin:0;color:#555;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.16px}
.pw-head strong {color:#333;font-weight:700}
.pw-guide {display:flex;min-height:128px;align-items:center;flex-direction:column;justify-content:center;gap:4px;margin:24px 16px;padding:16px;border-radius:8px;background:#f1f3f8;color:#777}
.pw-guide-icon {display:block;width:24px;height:24px}
.pw-guide strong {display:block;color:#333;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.16px}
.pw-guide p {margin:0;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.14px}
.pw-form {width:100%}
.pw-field {margin:0 16px 20px;text-align:left}
.pw-field:nth-of-type(3) {margin-bottom:24px}
.pw-field label {display:block;margin-bottom:8px;color:#333;font-size:15px;font-weight:600;line-height:21px;letter-spacing:-.3px}
.pw-box {position:relative}
.pw-box .input-basic {display:block;padding-right:72px;font-weight:400;line-height:1.4;letter-spacing:-.28px}
.pw-box .input-basic::placeholder {opacity:1}
.pw-eye {position:absolute;right:40px;top:50%;width:20px;height:20px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;transform:translateY(-50%)}
.pw-eye:before {content:"";display:block;width:20px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10%2010C10.5523%2010%2011%209.55228%2011%209C11%208.44772%2010.5523%208%2010%208C9.44772%208%209%208.44772%209%209C9%209.55228%209.44772%2010%2010%2010Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M12.1932%2013.0794L11.3332%2012.1861L11.2865%2012.1394L10.4399%2011.2928C10.3055%2011.3163%2010.1696%2011.3297%2010.0332%2011.3328C9.724%2011.3372%209.417%2011.2801%209.13005%2011.1648C8.8431%2011.0495%208.58192%2010.8784%208.36171%2010.6612C8.1415%2010.4441%207.96664%2010.1854%207.8473%209.90012C7.72796%209.61483%207.66652%209.30867%207.66655%208.99943C7.66964%208.86306%207.68301%208.72712%207.70655%208.59276L6.37322%207.25943L5.33322%206.24609C4.58077%206.95507%203.93616%207.77038%203.41988%208.66609C3.36137%208.76744%203.33057%208.8824%203.33057%208.99943C3.33057%209.11645%203.36137%209.23141%203.41988%209.33276C3.83988%2010.0594%206.08655%2013.6661%2010.0132%2013.6661H10.1799C10.9182%2013.6442%2011.6471%2013.493%2012.3332%2013.2194L12.1932%2013.0794Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M7.7265%204.83959L9.59317%206.70626C9.72753%206.68272%209.86347%206.66935%209.99984%206.66626C10.6187%206.66626%2011.2122%206.91209%2011.6498%207.34967C12.0873%207.78726%2012.3332%208.38075%2012.3332%208.99959C12.3301%209.13596%2012.3167%209.2719%2012.2932%209.40626L14.0798%2011.1929L14.6398%2011.7529C15.4017%2011.0458%2016.0554%2010.2304%2016.5798%209.33292C16.6383%209.23158%2016.6692%209.11661%2016.6692%208.99959C16.6692%208.88257%2016.6383%208.7676%2016.5798%208.66626C16.1532%207.92626%2013.8065%204.21292%209.81984%204.33292C9.08147%204.35482%208.35266%204.506%207.6665%204.77959L7.7265%204.83959Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M15.807%2013.8608L14.9403%2013.0008L13.607%2011.6674L7.26029%205.31411L6.28029%204.33411L5.14029%203.19411C5.07813%203.13195%205.00433%203.08264%204.92312%203.049C4.8419%203.01536%204.75486%202.99805%204.66695%202.99805C4.57905%202.99805%204.492%203.01536%204.41079%203.049C4.32957%203.08264%204.25578%203.13195%204.19362%203.19411C4.06808%203.31964%203.99756%203.48991%203.99756%203.66744C3.99756%203.84498%204.06808%204.01524%204.19362%204.14077L5.68695%205.66744L6.85362%206.80077L11.727%2011.6674L11.7736%2011.7141L12.667%2012.6074L13.0603%2013.0008L14.8603%2014.8074C14.9223%2014.8699%2014.996%2014.9195%2015.0772%2014.9534C15.1585%2014.9872%2015.2456%2015.0046%2015.3336%2015.0046C15.4216%2015.0046%2015.5088%2014.9872%2015.59%2014.9534C15.6712%2014.9195%2015.745%2014.8699%2015.807%2014.8074C15.8694%2014.7455%2015.919%2014.6717%2015.9529%2014.5905C15.9867%2014.5093%2016.0042%2014.4221%2016.0042%2014.3341C16.0042%2014.2461%2015.9867%2014.159%2015.9529%2014.0777C15.919%2013.9965%2015.8694%2013.9228%2015.807%2013.8608Z%22%20fill%3D%22%23777777%22%2F%3E%3C%2Fsvg%3E") center/20px 18px no-repeat}
.pw-eye.is-on:before {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10%2010C10.5523%2010%2011%209.55228%2011%209C11%208.44772%2010.5523%208%2010%208C9.44772%208%209%208.44772%209%209C9%209.55228%209.44772%2010%2010%2010Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M16.5799%208.66626C16.1532%207.92626%2013.8066%204.21292%209.81988%204.33292C6.13322%204.42626%203.99988%207.66626%203.41988%208.66626C3.36137%208.7676%203.33057%208.88256%203.33057%208.99959C3.33057%209.11661%203.36137%209.23158%203.41988%209.33292C3.83988%2010.0596%206.08655%2013.6663%2010.0132%2013.6663H10.1799C13.8666%2013.5729%2016.0066%2010.3329%2016.5799%209.33292C16.6384%209.23158%2016.6692%209.11661%2016.6692%208.99959C16.6692%208.88256%2016.6384%208.7676%2016.5799%208.66626ZM9.99988%2011.3329C9.53839%2011.3329%209.08727%2011.1961%208.70355%2010.9397C8.31984%2010.6833%208.02077%2010.3189%207.84416%209.89252C7.66756%209.46616%207.62135%208.997%207.71138%208.54438C7.80142%208.09176%208.02364%207.676%208.34997%207.34967C8.67629%207.02335%209.09205%206.80112%209.54467%206.71109C9.99729%206.62106%2010.4665%206.66727%2010.8928%206.84387C11.3192%207.02047%2011.6836%207.31954%2011.94%207.70326C12.1964%208.08697%2012.3332%208.5381%2012.3332%208.99959C12.3332%209.61843%2012.0874%2010.2119%2011.6498%2010.6495C11.2122%2011.0871%2010.6187%2011.3329%209.99988%2011.3329Z%22%20fill%3D%22%23777777%22%2F%3E%3C%2Fsvg%3E")}
.pw-check {position:absolute;right:18px;top:50%;display:block;width:15px;height:15px;color:#777;transform:translateY(-50%)}
.pw-check svg {display:block;width:15px;height:15px}
.pw-field.is-valid .pw-check {color:#2c5bf6}
.pw-field.is-error .pw-box input {border-color:#ed2024}
.pw-field.is-error .pw-check {color:#777}
.pw-error {display:none;margin:4px 0 0;color:#ed2024;font-size:12px;font-weight:400;line-height:1.4}
.pw-field.is-error .pw-error {display:block}
.auth-layer-btn,.pw-btn {width:calc(100% - 32px);margin:0 16px;padding:0 24px;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.15px}
.pw-btn.is-disabled {border:1px solid #dbdee5;background:#ededed;color:#777;cursor:default}
.pw-later {height:20px;margin-top:16px;padding:0;border:0;border-bottom:1px solid #777;background:transparent;color:#777;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.14px}
.pw-modal.is-pw-error .pw-btn,.pw-modal.is-pw-valid .pw-btn {height:42px;}
.pw-modal.is-pw-error .pw-later,.pw-modal.is-pw-valid .pw-later {height:18px;line-height:18px;letter-spacing:0}

/* Mobile */
@media (max-width:767px) {
    .auth-page .auth-field label {font-size:14px;letter-spacing:-.28px}
    .auth-page .auth-error {margin-top:4px}
    .login-cont {padding:32px 16px 100px}
    .login-wrap {width:100%}
    .form-field label {font-size:14px;line-height:20px;letter-spacing:-.28px}
    .input-box.has-admin input {padding-right:88px}
    .admin-btn {right:5px;width:73px;height:26px;border-radius:4px;font-size:13px;line-height:18px;letter-spacing:0}
    .input-error {margin-top:4px}
    .login-btn {font-size:14px;line-height:22px;letter-spacing:-.14px}
    .find-links {font-size:13px;line-height:18px;letter-spacing:0}
    .join-area .join-btn {font-size:14px;line-height:22px;letter-spacing:-.14px}
    .auth-layer,.pw-layer {align-items:center;padding:16px;overflow:hidden}
    .auth-layer-pop,.pw-modal {--auth-layer-max:calc(100vh - 32px);--auth-layer-max:calc(100dvh - 32px);width:100%;max-width:100%;margin:0}
    .auth-layer-head h2,.pw-head h2 {font-size:18px;line-height:26px;letter-spacing:-.36px}
    .auth-layer-head p,.pw-head p {font-size:15px;line-height:21px;letter-spacing:-.375px}
    .pw-guide {min-height:120px}
    .pw-guide strong {font-size:14px;line-height:20px;letter-spacing:-.35px}
    .pw-guide p {font-size:13px;line-height:18px;letter-spacing:-.325px}
    .pw-field label {font-size:14px;line-height:20px;letter-spacing:-.28px}
    .pw-box input {padding-right:38px}
    .pw-check {right:12px}
    .pw-btn {font-size:14px;}
    .pw-later {height:18px;font-size:13px;line-height:18px;letter-spacing:0}
}





.case-view-tools {position:fixed;right:16px;bottom:16px;z-index:1002;display:flex;max-width:calc(100vw - 32px);gap:6px;padding:6px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.9);overflow-x:auto;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.case-view-tools button {flex:0 0 auto;min-height:34px;padding:0 10px;border:0;border-radius:6px;background:#d4e9ff;color:#333;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}
.case-view-tools button:hover,.case-view-tools button:focus-visible {background:#9fcdff;outline:none}

@media (max-width:767px) {
    .case-view-tools {left:16px;right:16px;bottom:12px;display:grid;width:auto;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;overflow:visible}
    .case-view-tools button {min-width:0;min-height:28px;padding:0 4px;font-size:11px;white-space:nowrap}
}