.formal-bar{background:#edf4f2;color:#647873}.formal-bar .demo-label span{color:#177c6d;border-color:#cadfd8;background:#e2efea}.connection{display:flex;align-items:center;gap:7px;font-size:11px}.connection i{height:6px;width:6px;border-radius:100%;background:#1f9975}.connection span{color:#81938d}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-story{background:#eaf2ee;position:relative;padding:48px 10%;overflow:hidden;display:flex;flex-direction:column;min-height:100vh}.login-story:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #cdded6;border-radius:50%;left:-280px;bottom:-360px;box-shadow:0 0 0 80px #e0eae433,0 0 0 160px #d5e3db22;pointer-events:none}.login-story .brand{padding:0;color:#173d35;font-size:22px}.login-story .brand-mark{width:34px;height:40px}.story-copy{margin:auto 0;padding:60px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:#588075;font-weight:700}.story-copy h1{font-size:clamp(30px,3.1vw,46px);line-height:1.5;letter-spacing:-1px;font-weight:650;margin:22px 0 20px;color:#193d34}.story-copy>p{font-size:15px;line-height:2;color:#698077}.login-preview{padding:25px 28px;max-width:380px;margin-top:35px;border:1px solid #fff;background:linear-gradient(140deg,#fffffff0,#f6fbf8bb);box-shadow:0 14px 40px #244e3710;border-radius:16px;transform:rotate(-1.5deg)}.login-preview h3{font-size:20px;margin:23px 0}.preview-line{display:flex;align-items:center;gap:12px;color:#61756e;font-size:13px;margin:18px 0}.preview-line .dot{margin-left:auto;background:#c4d9d0}.mini-check{width:25px;height:25px;display:grid;place-items:center;background:#e5f1eb;color:#22846a;border-radius:50%}.story-foot{font-size:12px;letter-spacing:1px;color:#6a867b}.login-side{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 40px}.login-form-wrap{width:360px;max-width:100%}.login-form-wrap h2{font-size:30px;margin:20px 0 10px}.login-form-wrap>.muted{font-size:14px;line-height:1.7}.login-form-wrap .field{margin:22px 0}.login-form-wrap input{height:46px;background:#fcfdfc}.login-submit{height:48px;font-size:15px;margin-top:30px}.login-info{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.8;color:#83928e;margin-top:22px}.login-info svg{flex-shrink:0;margin-top:2px}.login-info code{font-family:inherit}.login-platform{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#6c8179;margin-top:44px;text-decoration:none}.login-footer{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:11px;color:#9aa6a0}.activity-strip{overflow:hidden}.activity-strip>span:last-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.activity-strip time{flex-shrink:0}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #aad8ca;outline-offset:2px}.form-error.show{display:block}.attachment small{color:#83918d}.usage-grid .usage p{font-size:12px;line-height:1.8}.audit-row{grid-template-columns:145px minmax(0,1fr) 60px}.audit-row span{overflow-wrap:anywhere}@media(max-width:850px){.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-side{min-height:100vh}.connection{display:none}.formal-bar .demo-right{display:flex}.layout{min-width:760px}.demo-bar{min-width:760px}.login-form-wrap{width:380px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.local-entry-steps{margin-top:26px;padding:20px 22px;background:#f0f7f4;border:1px solid #dcebe4;border-radius:12px;color:#4d7165;font-size:13px;line-height:1.9}.local-entry-steps strong{color:#255b49}.local-entry-steps ol{margin:12px 0 0;padding-left:20px}.local-entry-steps li+li{margin-top:12px}
.password-account{display:flex;gap:14px;align-items:center;background:#f1f8f5;border:1px solid #dfede6;border-radius:11px;padding:16px;margin-bottom:22px;color:#29765f}.password-account small{display:block;color:#7d9288;margin-top:5px;font-size:12px}.password-account strong{font-weight:600}#password-form .field{margin-top:18px}
.subscription-guide{padding:24px;border:1px solid #dcebe4;border-radius:16px;background:linear-gradient(135deg,#f0f7f3,#fafcfb);color:#365b4c}.subscription-guide-heading{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.subscription-guide-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:13px;color:#28765e;background:#dfeee5;border:1px solid #d2e5d9}.subscription-guide-heading>div{flex:1;min-width:185px}.subscription-guide-eyebrow{display:block;font-size:11px;letter-spacing:1.4px;color:#769182;margin-bottom:5px}.subscription-guide-heading h3{font-size:16px;font-weight:600;line-height:1.5;margin:0;color:#244e3e}.subscription-pending{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #eadfc6;border-radius:20px;padding:5px 10px;background:#fbf7ed;color:#957c45;font-size:11px}.subscription-pending:before{content:'';width:5px;height:5px;background:#b7a064;border-radius:50%}.subscription-guide-intro{font-size:13px;line-height:1.9;margin:18px 0;color:#668174}.subscription-guide-intro strong{font-weight:600;color:#286449}.subscription-guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;list-style:none;padding:0;margin:0}.subscription-guide-steps li{display:flex;gap:10px;align-items:flex-start;border:1px solid #e1ece5;border-radius:11px;background:#ffffffb8;padding:16px 13px}.subscription-guide-steps li>span{flex-shrink:0;font-size:11px;line-height:21px;font-weight:600;letter-spacing:.5px;color:#91ae9f}.subscription-guide-steps strong{display:block;font-size:12px;line-height:1.8;font-weight:600;color:#466956}.subscription-guide-steps p{margin:6px 0 0;font-size:12px;line-height:1.8;color:#7d9286}.subscription-guide-note{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #dfeae3;margin-top:18px;padding-top:15px;color:#789083;font-size:12px;line-height:1.85}.subscription-guide-note svg{flex-shrink:0;margin-top:2px}.follow-up-help{font-size:12px;line-height:1.8;color:#82928a;margin:0}.mobile-detail .subscription-guide{padding:18px}.mobile-detail .subscription-guide-steps{grid-template-columns:1fr}
.date-confirm,.import-confirm{display:flex;gap:10px;align-items:flex-start;padding:16px;border-radius:10px;background:#f0f7f3;border:1px solid #dcebe4;font-size:13px;line-height:1.8}.date-confirm input,.import-confirm input{flex:0 0 auto;margin-top:5px;accent-color:#087d76}.date-confirm[hidden]{display:none}.attention{flex-wrap:wrap}.audit-row{grid-template-columns:145px minmax(0,1fr) 90px}.event-item:disabled{opacity:.65;cursor:default}.tasks-tabs{flex-wrap:wrap}
.audit-entry{padding:18px 0;border-bottom:1px solid #e8efeb}.audit-entry:last-child{border-bottom:0}.audit-entry>header{display:grid;grid-template-columns:145px minmax(0,1fr) 90px;gap:16px;align-items:start;font-size:13px}.audit-entry time,.audit-entry>header>span{color:#84948b;font-size:12px}.audit-entry strong{font-weight:600;color:#365b4c;overflow-wrap:anywhere}.audit-preview{margin:10px 0 8px 161px;max-width:calc(100% - 161px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#71857a;font-size:12px;line-height:1.8}.audit-details{margin-left:161px;font-size:12px;line-height:1.9}.audit-details>summary{color:#28816c;cursor:pointer;width:fit-content}.audit-details ul{padding:12px 20px;margin:8px 0;background:#f6faf8;border-radius:9px;overflow-wrap:anywhere;color:#607a6c}.audit-details li+li{margin-top:7px}.audit-reference{color:#94a198;font-size:11px;overflow-wrap:anywhere}.audit-details[open]>summary{margin-bottom:6px}@media(max-width:950px){.audit-entry>header{grid-template-columns:125px minmax(0,1fr) 65px;gap:12px}.audit-preview,.audit-details{margin-left:137px}.audit-preview{max-width:calc(100% - 137px)}}
.attachment-form-note{display:flex;align-items:flex-start;gap:8px;margin:22px 0 0;padding:14px 16px;border-radius:10px;background:#f5f8f6;color:#6c8277;font-size:12px;line-height:1.9}.attachment-form-note svg{flex-shrink:0;margin-top:3px}.attachment-intro{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.attachment-intro-icon{flex:0 0 48px;height:48px;display:grid;place-items:center;background:#e8f3ee;border:1px solid #d5e9df;border-radius:13px;color:#308367}.attachment-intro h3{font-size:17px;line-height:1.6;margin:0 0 7px;overflow-wrap:anywhere}.attachment-intro p{color:#84948c;font-size:12px;line-height:1.9;margin:0}.attachment-limits{font-size:12px;line-height:1.9;color:#829389;margin:16px 0}.attachment-upload{padding:20px;border:1px dashed #b8d7c8;border-radius:13px;background:#f4f9f6}.attachment-upload h3{font-size:14px;margin:0}.attachment-upload p{font-size:12px;line-height:1.8;color:#819589;margin:6px 0 0}.attachment-upload .between{gap:12px;align-items:flex-start}.attachment-upload .btn{flex-shrink:0;font-size:12px}.attachment-selected{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #deebe3;margin-top:16px;padding-top:16px}.attachment-selected>div{min-width:0}.attachment-selected strong{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.7;font-weight:600;color:#3c6852}.attachment-selected small{display:block;margin-top:3px;color:#8a9d90;font-size:11px}.attachment-progress{margin-top:14px}.attachment-progress progress{display:block;width:100%;height:6px;accent-color:#278968}.attachment-progress span{display:block;color:#658673;font-size:11px;margin-top:8px}.attachment-list-heading{margin:28px 0 14px}.attachment-list-heading h3{font-size:15px;margin:0}.attachment-loading{font-size:12px;color:#638575;padding:10px 0}.attachment-file{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e6eee9}.attachment-file:last-child{border-bottom:0}.attachment-file-main{display:flex;align-items:flex-start;gap:13px;flex:1;min-width:220px}.attachment-type{display:grid;place-items:center;flex:0 0 43px;height:48px;font-size:10px;font-weight:650;letter-spacing:.4px;background:#f1f6f3;border:1px solid #e0ebe4;color:#53846a;border-radius:9px}.attachment-file-info{min-width:0}.attachment-file-info h4{font-size:13px;line-height:1.8;overflow-wrap:anywhere;margin:0 0 5px;font-weight:600}.attachment-file-info p{font-size:11px;line-height:1.7;margin:2px 0;color:#8a9a90;overflow-wrap:anywhere}.attachment-file-actions{display:flex;align-items:flex-start;gap:12px;padding-top:5px}.attachment-file-actions .link-btn{font-size:12px}.attachment-file-actions .attachment-delete{color:#ad756e}.attachment-status .hint{margin-bottom:12px;display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.9}.attachment-status .link-btn{display:block;margin-top:7px;font-size:12px}.attachment-readonly{font-size:12px;line-height:1.9}.attachment-delete-confirm{flex:0 0 100%;border-radius:10px;background:#fff5f1;border:1px solid #f0d7cf;padding:16px;color:#91645b;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.attachment-delete-confirm strong{font-weight:600}.attachment-delete-confirm p{margin:7px 0 13px}.attachment-danger{background:#ac6254;color:#fff;border-color:#ac6254}.attachment-danger:hover{background:#985548}.attachment-preview-heading h3{font-size:15px;line-height:1.8;overflow-wrap:anywhere;margin:0 0 5px}.attachment-preview-heading p{font-size:12px;color:#80968a;margin:0 0 18px}.attachment-pdf-preview{width:100%;height:60vh;min-height:320px;border:1px solid #dfe9e3;border-radius:10px;background:#f3f7f5}.attachment-image-preview{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:0 auto;border-radius:10px}.attachment-list .empty{margin:10px 0}#attachment-content button:disabled{opacity:.5;cursor:wait}
.storage-capacity{padding:18px 20px;border:1px solid #dceae2;border-radius:12px;background:#f5faf7;margin:16px 0;color:#446a59}.storage-capacity h3{font-size:14px;margin:0;font-weight:600}.storage-percent{font-size:12px;white-space:nowrap;color:#59816c}.storage-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 15px}.storage-amounts span{display:block;color:#80948a;font-size:11px;margin-bottom:7px}.storage-amounts strong{font-size:18px;font-weight:600;white-space:nowrap}.storage-capacity progress{display:block;width:100%;height:6px;accent-color:#278968;border:0;border-radius:8px;overflow:hidden}.storage-capacity progress::-webkit-progress-bar{background:#e1ebe5}.storage-capacity progress::-webkit-progress-value{background:#278968}.storage-capacity>p{font-size:11px;line-height:1.8;color:#7e9287;margin:10px 0 0}.storage-capacity.warning{background:#fffbf2;border-color:#eadbbe}.storage-capacity.warning progress{accent-color:#b58a37}.storage-capacity.warning progress::-webkit-progress-value{background:#b58a37}.storage-capacity.full{background:#fff6f3;border-color:#ecd0c8}.storage-capacity.full progress{accent-color:#b56858}.storage-capacity.full progress::-webkit-progress-value{background:#b56858}.storage-warning{font-size:12px;line-height:1.8;color:#9e7735;margin-top:12px}.storage-capacity.full .storage-warning,.storage-capacity.full .storage-percent{color:#a65c4e}.usage-grid .storage-capacity{margin:0;background:#fff}.usage-grid .storage-amounts{gap:8px}.usage-grid .storage-amounts strong{font-size:15px}.usage-grid:has(.storage-capacity){grid-template-columns:repeat(2,minmax(0,1fr))}
.login-recovery-help{margin:18px 0 0;color:var(--muted,#63777a);font-size:13px;line-height:1.7}
.member-recovery-guide{margin-bottom:18px}
.member-recovery-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--border,#e4eceb)}
.member-recovery-section p{margin:8px 0 16px;color:var(--muted,#63777a);font-size:13px;line-height:1.7}
.member-recovery-section .flex{flex-wrap:wrap}
.stat-unit{font-size:11px;font-weight:400;color:#85968d;margin-left:7px;white-space:nowrap;letter-spacing:0}
.calendar-contract-count{font-size:11px;color:#87998f;margin:0 0 8px}
.task-event-switcher{margin:22px 0 24px;padding:18px;background:#f5faf7;border:1px solid #deebe3;border-radius:13px}
.task-event-switcher h3{font-size:14px;margin:0}.task-event-switcher>.between{gap:12px}.task-event-switcher .muted{font-size:11px;white-space:nowrap}.task-event-switcher>p{font-size:12px;line-height:1.8;margin:9px 0 14px;color:#7c9185}
.task-event-options{display:grid;gap:9px}.task-event-option{display:block;width:100%;text-align:left;border:1px solid #dce9e1;border-radius:10px;background:#fff;padding:13px 15px;color:#3e6150}
.task-event-option:hover,.task-event-option.selected{border-color:#63a98b;background:#edf7f1}.task-event-option.selected{box-shadow:inset 3px 0 #28856a}.task-event-option strong{font-size:13px;font-weight:600}.task-event-date{display:block;font-size:11px;margin-top:8px;color:#7a9383}.task-event-selected{display:block;font-size:10px;margin-top:6px;color:#28816c}
.contract-notice{padding:19px 20px;border:1px solid #dce9e1;border-radius:12px;background:#f5faf7}.contract-notice .contract-notice-toggle{display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer;font-size:14px;color:#365b4c}.contract-notice-toggle input{width:17px;height:17px;flex:0 0 17px;margin:3px 0 0;accent-color:#28856a}.contract-notice-toggle small{display:block;font-size:12px;font-weight:400;color:#7c9185;margin-top:6px}.contract-notice-fields{margin:19px 0 13px;padding-top:17px;border-top:1px solid #e0ebe4}.contract-notice-fields[hidden]{display:none}.contract-notice>.follow-up-help{margin-top:13px}.contract-main-dates>.follow-up-help{margin-top:-9px}