:root{--primary-color:#89b4fa;--bg-color:#202124;--surface-color:#282a2d;--menu-bg-color:#2d2f32;--text-color:#e8eaed;--secondary-text-color:#bdc1c6;--border-color:#5f6368}body.light-mode{--primary-color:#1a73e8;--bg-color:#f6f8fc;--surface-color:#ffffff;--menu-bg-color:#035;--text-color:#3c4043;--secondary-text-color:#5f6368;--border-color:#dadce0}body{margin:0;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:var(--text-color);background-color:var(--bg-color)}.container{display:flex;min-height:100vh}.menu{width:220px;flex-shrink:0;background-color:var(--menu-bg-color);border-right:1px solid var(--border-color);padding:20px}.content{flex-grow:1;margin-left:28px;padding:20px;overflow-y:auto}.content h2{margin-top:0;padding-bottom:10px;border-bottom:2px solid var(--primary-color);color:var(--text-color)}.content h3{font-size:1.2em;color:var(--text-color);border-top:1px solid var(--border-color);margin-top:2em;padding-top:1em}.menu ul{list-style:none;padding:0;margin:0}.menu a{display:block;padding:8px 8px;text-decoration:none;color:var(--secondary-text-color);border-radius:6px;margin-bottom:2px;transition:background-color .2s,color .2s}.menu a:hover{background-color:rgba(137,180,250,.1);color:var(--primary-color)}.menu a.menu-top{color:#e6b422;font-weight:700}.menu a.menu-top:hover{color:#f0c132;background-color:rgba(230,180,34,.1)}.menu a.active{background-color:rgba(137,180,250,.15);color:var(--primary-color);font-weight:700}.menu a.menu-top.active{background-color:rgba(230,180,34,.15);color:#e6b422}.menu-section-start{border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.menu-parent>a{position:relative;color:var(--text-color);font-weight:700}.menu-parent>a::after{content:'>';position:absolute;right:15px;transition:transform .2s;color:var(--secondary-text-color)}.menu-parent>a:hover{background-color:rgba(137,180,250,.1);color:var(--primary-color)}.menu-parent.active>a::after{transform:rotate(90deg)}.submenu{list-style:none;padding:0;margin:5px 0 0 0;display:none}.submenu.open{display:block}.submenu a{padding-left:30px!important;font-size:.95em}input[type=number],input[type=password],input[type=text],select,textarea{background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:5px 8px;box-sizing:border-box}textarea{width:100%;font-family:monospace}input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:2px solid var(--primary-color);outline-offset:1px}.form-inline-group{display:flex;align-items:center;flex-wrap:wrap;gap:.8em}.input-middle{width:16em}.input-middle2{width:10em}.input-xmiddle{width:8em}.input-em6{width:6em}.input-short{width:5em}.input-short2{width:8em}.input-short3{width:4em}.input-xshort{width:3.5em}.btn{padding:2px 10px;font-size:12px;border-radius:4px;border:1px solid var(--primary-color);background-color:var(--primary-color);color:var(--bg-color);cursor:pointer;font-weight:700;appearance:none;text-decoration:none;text-align:center;transition:filter .2s}.btn:hover{filter:brightness(1.2)}a.btn{display:inline-block;vertical-align:middle}.btn.btn-row{padding:1px 6px;font-size:11px;background-color:var(--surface-color);color:var(--text-color);border-color:var(--border-color)}.btn.btn-row:hover{filter:brightness(1.3);border-color:var(--primary-color)}.table-container{width:100%;overflow-x:auto}.absp-table{border-collapse:collapse;width:100%}.absp-table td,.absp-table th{border:none;padding:8px 10px;white-space:nowrap;text-align:left;vertical-align:middle}.absp-table thead{border-bottom:1px solid var(--border-color)}.absp-table tbody tr:nth-child(2n){background-color:var(--surface-color)}.notice-message{color:#f44336;font-size:.9em}.content a:not(.btn){color:var(--primary-color);text-decoration:none;font-weight:700;transition:filter .2s}.content a:not(.btn):hover{text-decoration:underline;filter:brightness(1.2)}.help-accordion{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.help-item:not(:last-child){border-bottom:1px solid var(--border-color)}.help-title{background-color:var(--surface-color);padding:12px 15px;cursor:pointer;font-weight:700;position:relative;transition:background-color .2s}.help-title:hover{background-color:rgba(137,180,250,.1)}.help-title::after{content:'>';position:absolute;right:15px;transition:transform .2s;transform:rotate(0)}.help-title.active::after{transform:rotate(90deg)}.help-content{padding:0 15px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.help-content.open{padding:15px 15px;max-height:500px;transition:max-height .4s ease-in,padding .4s ease-in}.help-content p{margin:0 0 .8em 0}.help-content p:last-child{margin-bottom:0}body.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-container{width:360px;padding:30px 40px;margin-left:auto;margin-right:auto;margin-top:40px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.login-container h2{text-align:center;margin-top:0;margin-bottom:1.5em;color:var(--text-color);border-bottom:none}.login-container .error{color:#f87171;background-color:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.5);padding:12px;border-radius:4px;text-align:center;margin-bottom:1.5em;font-size:.9em}.login-container form div{margin-bottom:1.2em}.login-container label{display:block;margin-bottom:.5em;color:var(--secondary-text-color);font-size:.9em}.login-container input[type=password],.login-container input[type=text]{width:100%}.login-container .btn{width:100%;padding:10px;margin-top:1em;font-size:1em;color:#fff}.flow-section{margin-bottom:1em}.flow-section>h3{margin:0 0 .8em 0;padding:0;border:none;font-size:1.1em;color:var(--secondary-text-color)}.flow-path{display:flex;align-items:center;gap:12px;margin-bottom:1em}.flow-branch{display:flex;flex-direction:column;gap:12px}.flow-item .btn,.flow-item .btn-like{white-space:nowrap}.btn-like{display:inline-block;padding:2px 10px;font-size:12px;border-radius:4px;background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);font-weight:700;text-align:center}.flow-arrow{width:10px;height:10px;border-top:3px solid var(--primary-color);border-right:3px solid var(--primary-color);transform:rotate(45deg);flex-shrink:0}.flow-arrow-down{width:10px;height:10px;border-bottom:3px solid var(--secondary-text-color);border-right:3px solid var(--secondary-text-color);transform:rotate(45deg);margin:1.2em 0 1.2em 58px}.flow-connector{font-size:.9em;color:var(--secondary-text-color);width:50px;text-align:center;flex-shrink:0}.command-output{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;padding:1em;font-family:Consolas,Menlo,Monaco,"Courier New",monospace;white-space:pre-wrap;word-wrap:break-word;font-size:1em}.help-icon{display:inline-block;width:24px;height:24px;background-color:var(--surface-color);color:var(--secondary-text-color);border:1px solid var(--border-color);border-radius:50%;text-align:center;font-weight:700;line-height:22px;cursor:pointer;margin-left:1em;font-size:.8em;transition:all .2s;user-select:none}.help-icon:hover{background-color:var(--primary-color);color:var(--bg-color);border-color:var(--primary-color)}.modal-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:1000}.modal-content{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:80vh;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,.5);z-index:1001;display:flex;flex-direction:column}.modal-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h3{margin:0;padding:0;border:none;font-size:1.1em}.modal-close-btn{font-size:1.5em;font-weight:700;color:var(--secondary-text-color);cursor:pointer;background:0 0;border:none;padding:0 5px;line-height:1}.modal-close-btn:hover{color:var(--text-color)}.modal-body{padding:20px;overflow-y:auto}.modal-body h4{margin-top:1.2em;margin-bottom:.5em;padding-bottom:.3em;border-bottom:1px solid var(--border-color)}.modal-body h4:first-child{margin-top:0}.modal-body p{font-size:.95em;line-height:1.6;color:var(--secondary-text-color)}.modal-body code{background-color:var(--bg-color);padding:2px 5px;border-radius:4px;font-family:monospace}body.light-mode .menu a{color:#e0e0e0}body.light-mode .menu .menu-parent>a{color:#d0d0d0}body.light-mode .menu a:hover{color:#f0f0f0;background-color:rgba(26,115,232,.6)}body.light-mode .menu a.active{background-color:var(--primary-color);color:#fff!important;font-weight:700}body.light-mode .menu a.menu-top{color:#e6b422;font-weight:700}body.light-mode .menu a.menu-top.active{background-color:#e6b422;color:#fff!important}body.light-mode .menu a.menu-top:hover{color:#c79200;background-color:rgba(230,180,34,.1)}body.light-mode .menu-parent>a::after{color:silver}body.menu-collapsed .menu{width:0;padding:0;overflow:hidden}#menu-toggle-btn{position:fixed;top:50%;left:261px;transform:translateY(-50%);width:20px;padding:0 8px;height:44px;background-color:var(--primary-color);border-radius:0 8px 8px 0;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}#menu-toggle-btn:hover{filter:brightness(1.2)}#menu-toggle-btn .arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #fff;transition:transform .3s ease-in-out}body.menu-collapsed #menu-toggle-btn{left:0;border-radius:0 8px 8px 0}body.menu-collapsed #menu-toggle-btn .arrow{transform:rotate(180deg)}