/* Presentation theme only. Existing controls, data and event handlers are retained. */
:root{--ink:#163235;--muted:#73888a;--line:#e1ecec;--paper:#fff;--canvas:#f3f8f8;--purple:#00a6aa;--soft:#e8f8f6;--green:#218567;--shadow:0 7px 28px rgba(24,85,85,.045)}
body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
.shell{background:radial-gradient(ellipse at 90% 0,#e7f6f4 0,transparent 45%),#f3f8f8}
.sidebar{width:242px;background:linear-gradient(175deg,#fff 0%,#f4fcfa 100%);border-right:1px solid #e1eeee;padding:26px 14px 18px}
.sidebar .brand{padding:4px 13px 28px}.sidebar .brand b{background:transparent;color:#008f95;font-size:25px;padding:0;letter-spacing:.02em}.sidebar .brand small{color:#7b9293;font-size:11px;margin-top:7px}
.sidebar nav{gap:5px}.sidebar nav button{height:44px;border-radius:10px;color:#597476;padding:0 14px;transition:background .15s,color .15s}.sidebar nav button:hover{background:#e7f7f4;color:#008c91}.sidebar nav button.active{background:linear-gradient(110deg,#00aaa8,#00b5b9);color:#fff;box-shadow:0 5px 14px #00a6aa20}.sidebar nav button.active span{font-weight:600}
.side-foot{background:#ffffffa8;border:1px solid #deedeb;border-radius:12px;padding:15px 12px;margin-top:auto;color:#3f6264}.side-foot small{color:#7e9695}.side-points{border-color:#e0eeeb}.side-points span{color:#6e8988}.side-points strong{color:#008c91;background:#e4f7f3}
header{height:76px;padding:0 38px;background:#ffffffed;border-color:#e0eded}.crumb{color:#90a4a4}.crumb strong{color:#25494c}.account-menu-button:hover{background:#edf9f7;border-color:#d5eeea}.account-avatar{background:#e0f6f2;color:#008e92;border-radius:50%}
.view{max-width:1500px;padding:32px 36px 54px}.intro{margin-bottom:26px;gap:20px}.intro label{color:#329698;letter-spacing:1.6px}.intro h1{font-size:28px;color:#15383a;letter-spacing:-.6px}.intro p{color:#789092;font-size:13px;line-height:1.8}
.primary{background:linear-gradient(115deg,#00aaa8,#00b3b8);border:1px solid transparent;border-radius:9px;box-shadow:0 4px 12px #00a6aa18;padding:10px 18px;font-weight:600}.primary:hover{background:#00989e;box-shadow:0 6px 16px #00a6aa25}.outline{border-color:#dce9e8;border-radius:8px;color:#567578;background:#fff}.outline:hover{border-color:#8ed4cf;background:#f1fbf9}.link,.auth-text-button{color:#008e95}
.metrics,.stats{gap:18px;margin-bottom:24px}.metrics article,.stats article,.panel,.payroll-banner{border-color:#e6efee;border-radius:17px;box-shadow:var(--shadow)}.metrics article{padding:24px;min-height:162px;position:relative;overflow:hidden}.metrics article:after{content:'';position:absolute;width:52px;height:52px;right:20px;top:22px;border-radius:17px;background:linear-gradient(140deg,#e6faf7,#c9f3ee);pointer-events:none}.metrics article.warn:after{background:linear-gradient(140deg,#fff6e6,#ffebc5)}.metrics small{color:#587477;font-size:13px;position:relative;z-index:1}.metrics strong{font-size:32px;letter-spacing:-.7px;color:#193c3e;position:relative;z-index:1}.metrics sup{color:#8aa09f}.metrics span{color:#8aa09f}.metrics .text{font-size:23px}.bar{background:#e5f4f0}.bar i{background:linear-gradient(90deg,#00a7a5,#3dccbd)}
.panel{padding:24px}.panel-title{margin-bottom:19px}.panel-title h2{font-size:17px;color:#24474a}.panel-title p{color:#8ca1a1;line-height:1.65}.table{padding:0}.toolbar{padding:18px 20px;background:#fff;border-color:#e6efee;flex-wrap:wrap}.toolbar input,.toolbar select{border-color:#deebe9;border-radius:8px;background:#fbfefd;padding:9px 12px}th{background:#f0faf7;color:#698784;font-size:12px;font-weight:600}td{border-color:#edf3f1;padding:16px 18px}tbody tr:hover{background:#f8fdfb}
.tasks{border-color:#e7f0ed}.tasks>button{padding:18px 4px;border-color:#eaf2ef}.tasks>button:hover{background:#f7fcfa}.tasks b{color:#355659}.tasks small{color:#8ba09f}.tasks mark,table mark{border-radius:6px}.empty{color:#7f9998}.empty>b{color:#9dcfca}.payroll-banner{background:linear-gradient(115deg,#edf9f5,#f7fcfb);border-color:#daeee8}.example,.answer{background:#f4fbf9}.composer{border-color:#dcebe7;border-radius:13px;background:#fff}.composer:focus-within{border-color:#61c6bf;box-shadow:0 0 0 3px #00a6aa0b}.chat{border-radius:18px}.message>em{background:#00a6aa}.template-grid button{border-color:#e1eeea;border-radius:14px;box-shadow:var(--shadow)}.template-grid button:hover{border-color:#92d7ce;background:#fcfffe}.flow-grid button{border-color:#dfeee9;border-radius:12px}.flow-grid button:hover{background:#f0faf6;border-color:#93d6ca}
.company-form input:focus,.company-form select:focus,.company-form textarea:focus{border-color:#73c9c2;box-shadow:0 0 0 3px #00a6aa10}.company-form input,.company-form select,.company-form textarea{border-color:#dfeae7;border-radius:8px}.knowledge-tabs button.active{background:#e1f6ee;color:#008f91}.制度-suggestion,.制度-summary-row{border-color:#dfede7;border-radius:12px}.democracy-status{background:#eaf8f1}.lawyer-contact{background:#f5fbf8;border-color:#e0eee7}.lawyer-contact-grid>div{border-color:#deebe5}.plan-card,.points-grid span,.rule-list p{border-color:#e0ece7;background:#f9fdfb}.billing-trial-note{background:#f6fbf8!important;border-color:#e0ece6!important;color:#628078!important}
.auth-screen{background:radial-gradient(ellipse at 15% 30%,#dbf8ef 0,transparent 50%),radial-gradient(ellipse at 90% 15%,#e6f8f5 0,transparent 50%),#f4f8f8;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);padding:6vh 6vw;gap:36px;align-items:center}
.auth-hero{position:relative;min-height:640px;padding:42px 40px;color:#174449;background:linear-gradient(145deg,#d7f8f0bb,#effcf8aa);border:1px solid #d7eee6;border-radius:26px;overflow:hidden}.auth-hero:after{content:'';position:absolute;width:310px;height:310px;right:-160px;bottom:-150px;border:1px solid #71d3c340;border-radius:50%;box-shadow:0 0 0 36px #6cd4c00a,0 0 0 72px #6cd4c00a;pointer-events:none}.auth-brand b{color:#008f95;background:#fff;border:1px solid #cceee3;font-size:24px;border-radius:10px;padding:8px 16px}.auth-brand small{color:#5e8e87;opacity:1}.auth-copy{margin:auto 0;padding:55px 0}.auth-copy label{color:#008e91;opacity:1}.auth-copy h1{font-size:clamp(32px,3.3vw,49px);line-height:1.35;letter-spacing:-1px}.auth-copy h1 em{color:#148e88;font-size:.8em;display:inline-block;margin-top:12px;line-height:1.55}.auth-copy p{color:#638781;font-size:14px;line-height:1.95}.auth-features{gap:9px;margin-top:28px}.auth-features span{background:#ffffffbf;border:1px solid #d7eee6;border-radius:30px;color:#3b7a72;padding:10px 13px}.auth-features b{color:#00a6a2}.auth-foot{color:#71988e;opacity:1}.auth-card{width:min(480px,100%);margin:28px auto;border:1px solid #e1ede7;border-radius:24px;padding:38px;box-shadow:0 18px 65px #36665a0c}.auth-tabs{border-color:#e8f0eb;gap:28px}.auth-tabs button.active{color:#00959b;border-color:#00a6aa}.auth-form h2{color:#183f42;font-size:27px}.auth-form>p{color:#8a9e9b;line-height:1.7}.auth-form label{color:#5a7b77;gap:9px;margin:18px 0}.auth-form input,.auth-form select{border:1px solid #dce9e2;border-radius:9px;padding:13px;background:#fcfefd}.auth-form input:focus,.auth-form select:focus{border-color:#6bc9bd;box-shadow:0 0 0 3px #00a6aa10}.auth-submit{padding:14px}.auth-tip{color:#8da39a;line-height:1.8}.auth-actions button{color:#008e95}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83d9cc;outline-offset:3px}
@media(min-width:1500px){.auth-screen{padding-left:12vw;padding-right:12vw}}
@media(max-width:1100px){.sidebar{width:216px}.view{padding:28px 24px}.auth-screen{padding:28px;gap:20px}.auth-hero{padding:30px 24px}.auth-card{padding:28px}.auth-features{flex-direction:column;align-items:flex-start}}
@media(max-width:800px){.auth-screen{display:block;padding:24px 18px}.auth-hero{min-height:0;padding:24px;border-radius:20px}.auth-copy{padding:26px 0 10px;margin:0}.auth-copy h1{font-size:31px}.auth-copy p{font-size:13px}.auth-features{flex-direction:row}.auth-foot{display:none}.auth-card{margin:20px auto 0;width:100%;max-width:520px}.metrics article{padding:20px}.metrics article:after{width:34px;height:34px;right:12px;top:18px}.metrics strong{font-size:28px}}
@media(max-width:680px){.sidebar{width:64px;padding:18px 7px}.sidebar .brand{padding:0 0 22px}.sidebar .brand>div{display:block}.sidebar .brand b{font-size:11px;padding:4px 0;white-space:nowrap}.sidebar .brand small{display:none}.sidebar nav button{padding:0;justify-content:center}.side-foot{display:none}header{height:64px;padding:0 16px}.crumb{font-size:11px}.account-menu-button small{max-width:100px}.view{padding:24px 14px 40px}.intro h1{font-size:23px}.intro{gap:12px;flex-wrap:wrap}.panel{padding:18px}.table{padding:0}.metrics{gap:10px}.metrics article{min-height:150px;padding:16px}.metrics article:after{display:none}.metrics small{font-size:12px}.metrics .text{font-size:20px}.auth-card{padding:26px 22px}.auth-features span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.metrics article:after{display:grid;place-items:center;font-size:25px;font-weight:500;color:#00a2a0;content:'✓'}
.metrics article:nth-child(2):after{content:'♙'}.metrics article:nth-child(3):after{content:'!';color:#d39525}.metrics article:nth-child(4):after{content:'¥'}
@media(max-width:680px){.metrics article:after{display:none}}
#sideCompany[role=button]{cursor:pointer;line-height:1.6;border-radius:4px}#sideCompany[role=button]:hover{color:var(--purple);text-decoration:underline}.company-header-entry{font-weight:600;color:#285557;max-width:260px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 12px;border-radius:8px;margin-right:20px}.company-header-entry:hover{background:var(--soft)}header .crumb{margin-right:auto}.company-profile-open{overflow:hidden}.company-profile-overlay{position:fixed;inset:0;z-index:130;background:#163c4259;display:flex;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(4px)}.company-profile-card{width:min(1120px,100%);max-height:calc(100dvh - 56px);overflow:auto;background:#f4faf8;border:1px solid #deeeea;border-radius:20px;box-shadow:0 24px 90px #163c4229}.company-profile-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.company-profile-heading h2{margin:0;font-size:20px}.company-profile-content.view{display:block!important;padding:24px;max-width:none}.company-profile-content>.intro h1,.company-profile-content>.intro label{display:none}.company-profile-content .company-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}
@media(max-width:800px){.company-profile-content .company-grid{grid-template-columns:1fr}.company-profile-overlay{padding:12px}.company-profile-card{max-height:calc(100dvh - 24px)}.company-header-entry{max-width:150px;font-size:12px;margin-right:5px;padding:6px}.company-profile-content.view{padding:16px}.company-profile-content .company-form{grid-template-columns:1fr}.company-profile-content .company-form .wide{grid-column:auto}header .crumb{display:none}}