:root{--main-c1:#7e6bd1;--main-c1-l:#eeecf8;--main-c2:#2b2154;--main-c2-l:#5b47b2;--sub-c1:#3b88ff;--c-red:#f55041;--c-green:#4b8;--c-orange:#ffa544;--c-pink:#ff8075;--ui-black:#333;--ui-d-gray:#666;--ui-gray:#ccc;--ui-l-gray:#ddd;--ui-p-gray:#f2f2f2;--ui-p-l-gray:#f6f6f6;--ui-white:#fff;--v1:4px;--v2:8px;--v3:16px;--v4:32px;--v5:48px;--v6:64px;--r-size1:4px;--r-size2:8px;--r-size3:16px;--r-size4:32px;--r-size5:64px;--default-main-content-width:1168px;--default-main-inner-content-width:936px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:var(--ui-p-l-gray);color:var(--ui-black);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Arial,Meiryo,sans-serif;font-size:14px;line-height:1.6}a{color:var(--sub-c1);text-decoration:none}a:hover{text-decoration:underline}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}.f32{font-size:32px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mb4{margin-bottom:4px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb32{margin-bottom:32px}.pd4{padding:4px}.pd8{padding:8px}.pd12{padding:12px}.pd16{padding:16px}.pd24{padding:24px}.pd32{padding:32px}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:4px;justify-content:center;text-decoration:none;transition:opacity .2s,transform .1s;white-space:nowrap}.btn:hover{opacity:.85}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--main-c1);color:var(--ui-white)}.btn-default,.btn-primary{border-radius:3px;font-size:12px;padding:5px 10px 7px}.btn-default{background-color:#e2e2e2;color:var(--ui-black)}.btn-danger{background-color:var(--c-red)}.btn-danger,.btn-success{border-radius:3px;color:var(--ui-white);font-size:12px;padding:5px 10px 7px}.btn-success{background-color:var(--c-green)}.btn-xl{border-radius:9999px;font-size:16px;padding:8px 24px}.btn-block{display:flex;width:100%}.input{background-color:var(--ui-white);border:1px solid var(--ui-gray);border-radius:4px;color:var(--ui-black);font-family:inherit;font-size:12px;outline:none;padding:6px;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus{border-color:#66afe9;box-shadow:0 0 0 3px #66afe940}.input:-moz-read-only{background-color:var(--ui-p-gray);cursor:not-allowed}.input:disabled,.input:read-only{background-color:var(--ui-p-gray);cursor:not-allowed}.input.error{border-color:var(--c-red)}.form-group{margin-bottom:16px}.form-label{color:var(--ui-black);display:block;font-size:14px;font-weight:700;margin-bottom:8px}.error-message,.required{color:var(--c-red)}.error-message{font-size:12px;margin-top:4px}.message{align-items:flex-start;border-radius:4px;display:flex;font-size:14px;gap:8px;padding:12px 16px}.message-success{background-color:#cce198;color:var(--ui-black)}.message-info{background-color:#a0e3f7;color:var(--ui-black)}.message-warning{background-color:#fff799;color:var(--ui-black)}.message-danger{background-color:#ffd3d6;color:var(--ui-black)}.card{background-color:var(--ui-white);border-radius:var(--r-size2);box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-body{padding:12px 16px}.card-title{color:var(--ui-black);font-size:16px;font-weight:700;margin:0 0 8px}.header{background:linear-gradient(var(--main-c2),var(--main-c2-l))}.header-top{align-items:center;color:var(--ui-white);display:flex;justify-content:space-between;padding:8px 16px}.header-logo{font-size:20px;font-weight:700}.header-logo a{color:var(--ui-white);text-decoration:none}.header-actions{gap:16px}.header-actions,.header-user{align-items:center;display:flex}.header-user{cursor:pointer;gap:8px}.header-nav{background-color:var(--ui-white);border-bottom:1px solid #eee}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-list a{border-bottom:3px solid transparent;color:var(--ui-black);display:block;font-size:14px;padding:12px 16px;text-decoration:none}.nav-list a.active,.nav-list a:hover{border-bottom-color:var(--main-c1);color:var(--main-c1)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1}.content{background-color:#f9f9f9;flex:1;padding:16px 32px}.container{margin:0 auto;max-width:var(--default-main-content-width)}.headline{color:var(--ui-black);font-weight:700;line-height:1.4;margin:0 0 16px}.headline-1{font-size:32px}.headline-2{font-size:24px}.headline-3{font-size:20px}.avatar{align-items:center;background-color:var(--main-c1);border-radius:50%;color:var(--ui-white);display:inline-flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.avatar-sm{font-size:12px;height:24px;width:24px}.login-page{align-items:center;background:linear-gradient(135deg,var(--main-c2),var(--main-c2-l));display:flex;justify-content:center;min-height:100vh}.login-card{background-color:var(--ui-white);border-radius:var(--r-size3);box-shadow:0 4px 20px #00000026;max-width:90vw;padding:32px;width:400px}.login-header{margin-bottom:24px;text-align:center}.login-title{color:var(--main-c1);font-size:24px;font-weight:700;margin:0}.login-subtitle{color:var(--ui-d-gray);font-size:14px;margin-top:8px}.login-form .form-group{margin-bottom:20px}.login-form .input{font-size:14px;padding:10px 12px}.login-footer{color:var(--ui-d-gray);font-size:12px;margin-top:16px;text-align:center}@media(max-width:767px){.content{padding:16px}.login-card{padding:24px}}