@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";section{background:#fff;margin:0}section.home-hero-panel{background:transparent!important}.mainpage-root{position:relative;min-height:100vh;width:100%;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background-image:url(/project_bg_2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}.mainpage-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#00000059,#000c);pointer-events:none}.mainpage-logo{position:absolute;top:20px;left:30px;z-index:2}.mainpage-logo-image{width:70px;height:70px}.mainpage-inner{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 60px;box-sizing:border-box}.mainpage-content{position:relative;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.home-hero-panel{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;text-align:center;padding-top:0;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .7s cubic-bezier(.22,.61,.36,1)}.home-hero-text{max-width:420px;text-align:center;cursor:pointer}.mainpage-root--show-login .home-hero-text{opacity:.45;transition:opacity .25s ease}.mainpage-root--show-login .home-hero-text:hover{opacity:.9}.home-hero-text:hover{opacity:1}.home-hero-eyebrow{font-size:1.8rem;margin-bottom:5px;opacity:.9}.home-hero-title-block{margin-top:8px}.home-hero-title{font-size:2.4rem;font-weight:700;line-height:1.2;margin:0}.home-hero-demo-tag{display:inline-flex;padding:2px 12px;margin-top:10px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#00000040;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:#ffffffd9}.home-hero-login-button{margin-top:24px;padding:18px 64px;border-radius:999px;font-size:.95rem;font-weight:500;background-color:#1476998c;border:1px solid rgba(20,118,153,.8);color:#fff;cursor:pointer;transition:.25s}.home-hero-login-button:hover{background-color:#147699;transform:translateY(-2px);box-shadow:0 10px 24px #00000073}.mainpage-root--show-login .home-hero-panel{transform:translate(-65%)}.home-login-panel{position:absolute;top:50%;right:60px;transform:translate(110%,-50%);opacity:0;pointer-events:none;width:460px;max-width:480px;background:transparent;padding:32px 40px;border-radius:20px;box-shadow:none;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .7s cubic-bezier(.22,.61,.36,1)}.home-login-back{background:transparent;border:none;color:#fffc;font-size:.9rem;cursor:pointer;margin-bottom:12px;padding:0;outline:none;box-shadow:none}.home-login-back:hover{color:#fff;background:transparent}.home-login-back:focus{outline:none;box-shadow:none;background:transparent}.home-login-heading{margin:0 0 20px;font-size:1.8rem;font-weight:600;text-align:center}.mainpage-root--show-login .home-login-panel{transform:translate(15%,-50%);opacity:1;pointer-events:auto}.home-login-form{background:transparent;padding:0;display:flex;flex-direction:column;gap:10px}.home-login-form input{padding:10px 12px;border-radius:8px;border:2px solid rgba(255,255,255,.7);background:transparent;color:#fff;font-size:.95rem}@media (max-width: 900px){.mainpage-inner{padding:20px}.mainpage-content{flex-direction:row;min-height:100vh;overflow:hidden}.home-hero-panel,.home-login-panel{position:absolute;width:100%;max-width:none;top:50%;transform:translate(-50%,-50%);left:50%;right:auto}.home-hero-panel{opacity:1;transform:translate(-50%,-50%)}.mainpage-root--show-login .home-hero-panel{opacity:0;transform:translate(-150%,-50%)}.home-login-panel{transform:translate(150%,-50%)}.mainpage-root--show-login .home-login-panel{transform:translate(-50%,-50%)}}.home-login-form .shared-login-button{margin-top:16px;background-color:#1476998c;color:#fff;border:1px solid rgba(20,118,153,.8);border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}.home-login-form .shared-login-button:hover{background-color:#147699;transform:translateY(-1px);box-shadow:0 10px 24px #00000073}.shared-login-form{display:flex;flex-direction:column;gap:10px;width:100%}.shared-login-form label{font-weight:400;color:#fff}.shared-login-form input{padding:10px 12px;border-radius:8px;border:2px solid rgba(255,255,255,.7);font-size:.95rem;background-color:transparent;color:#fff;outline:none}.shared-login-form input::placeholder{color:#ffffffb3}.shared-login-forgot-wrapper{display:none}.shared-login-button{margin-top:16px;padding:14px 32px;background-color:#1476998c;color:#fff;border:1px solid rgba(20,118,153,.8);border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}.shared-login-button:hover{background-color:#147699;transform:translateY(-1px);box-shadow:0 10px 24px #00000073}.shared-login-error{margin-top:10px;color:#ffb3b3;font-size:.9rem}.register-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh}.register-form{width:300px}.register-page h2{margin-bottom:20px}.register-form label{display:block;margin-bottom:5px}.register-form input,.register-form select{width:calc(100% - 20px);padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.register-form button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.register-form button:hover{background-color:#0056b3}.login-link{color:#007bff;cursor:pointer}.login-link:hover{text-decoration:underline}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:2500}.app-modal{position:relative;background:#fff;border-radius:12px;padding:72px 160px;width:min(960px,96vw);max-height:80vh;box-shadow:0 12px 36px #0003;overflow:auto;color:#03213e;text-align:left;box-sizing:border-box;z-index:2600}.app-modal-body{display:flex;flex-direction:column;gap:12px}.app-modal-body h2{font-size:1.25rem;font-weight:600;margin:0 0 6px;color:#03213e;text-align:left}.modal-description{font-size:.9rem;color:#555;line-height:1.5;margin:0 0 20px;max-width:620px}.app-modal-body label{font-size:.9rem;font-weight:600;color:#555;margin:12px 0 4px;text-align:left;display:block}.app-modal-body input,.app-modal-body select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;box-sizing:border-box;margin:0 0 8px}.app-modal-actions{margin-top:32px;display:flex;justify-content:center}.modal-primary-button,.modal-secondary-button{border-radius:999px;padding:8px 18px;min-width:140px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:.85rem;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;border:none;margin-right:8px}.modal-primary-button{background-color:#03213e;color:#fff}.modal-primary-button:hover{background-color:#0d5a7a}.modal-secondary-button{background-color:#fff;color:#147699;border:1px solid #147699}.modal-secondary-button:hover{background-color:#e6f3f7}.modal-inline-actions{margin-top:8px;display:flex;justify-content:flex-start;gap:8px}.modal-inline-actions--center{justify-content:center}@media (max-width: 768px){.app-modal{padding:32px 20px;width:min(94vw,520px)}.modal-description{max-width:100%}}.error-message{color:red;margin-top:10px;font-weight:700}.confirmation-message{background-color:#fff;padding:16px 20px;border:1px solid #ccc;border-radius:8px;margin-top:16px;text-align:center}.confirmation-message p{margin:0 0 10px}.confirmation-message button{margin-right:10px}.party-b-label{color:#007bff;font-weight:700;display:block;margin-bottom:10px}.project-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.project-list-page{padding:20px 30px;min-height:calc(100vh - 90px);position:relative}.project-table-container{margin:25px;background-color:#fff;border-radius:20px;overflow:hidden;padding:30px 70px}.project-table{width:100%;border-collapse:separate;border-spacing:0;background-color:transparent;margin:0}.project-table tr{background-color:transparent!important}.project-table tr:nth-child(2n){background-color:transparent!important}.project-table tr:hover,.project-table thead{background-color:transparent!important}.project-table thead tr{background-color:#ffffff4d!important}.project-table thead th{padding:20px 25px;font-weight:600;font-size:1rem;color:#147699;border-bottom:2px solid rgba(20,118,153,.4);background-color:transparent!important}.project-table tbody tr{transition:background-color .2s ease;background-color:#fff!important}.project-table tbody tr:hover{background-color:#f8f9fa!important}.project-table th:first-child,.project-table td:first-child{text-align:left;padding-left:30px}.project-table th:last-child,.project-table td:last-child{text-align:right;padding-right:30px}.project-table th:not(:first-child):not(:last-child),.project-table td:not(:first-child):not(:last-child){text-align:center}.project-table th,.project-table td{padding:20px 25px;border:none!important;vertical-align:middle}.project-table th,.project-table td{border:none!important}.project-table td:first-child a{font-weight:600;color:#333;text-decoration:none}.project-table tbody tr:not(:last-child) td{border-bottom:1px solid rgba(20,118,153,.3)!important}.status-pill{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:8px 16px;border-radius:999px;font-size:.85rem;white-space:nowrap;box-sizing:border-box;min-width:120px;max-width:200px;border:1px solid #555555}.status-pill--default{border:1px solid #555555!important;color:#555;background-color:transparent}.status-pill--default .status-pill-icon img{filter:grayscale(1) brightness(.45)}.status-pill--completed{background-color:#2eb85c;border:1px solid #2eb85c!important;color:#fff;justify-content:center}.status-pill--completed .status-pill-icon img{filter:brightness(0) invert(1)}.status-pill--completed .status-pill-text{color:#fff}.status-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.status-pill-icon img{width:14px;height:14px;display:block}.status-pill-text{display:inline-block;text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.create-project-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.create-project-button:hover{background-color:#0056b3}.create-project-button--hidden{position:absolute;left:-9999px;opacity:0;pointer-events:none}.floating-create-button{position:fixed;bottom:40px;right:40px;background-color:#03213e;color:#fff;border:none;border-radius:50px;padding:30px 28px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:1000;font-weight:600;font-size:1rem;height:50px}.floating-create-button:hover{background-color:#02162c;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.floating-create-button img{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 768px){.project-list-page{padding:15px}.project-table-container{border-radius:14px}.project-table thead th,.project-table td{padding:12px 16px}.project-table th:first-child,.project-table td:first-child{padding-left:20px}.project-table th:last-child,.project-table td:last-child{padding-right:20px}.status-pill{min-width:100px;max-width:150px;padding:6px 12px;font-size:.8rem}.floating-create-button{bottom:20px;right:20px;padding:14px 22px;font-size:.9rem;height:46px}.floating-create-button img{width:18px;height:18px}}.app-modal-close-button{border-radius:999px;padding:10px 24px;width:220px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:.9rem;text-decoration:none;cursor:pointer;transition:background-color .3s ease;border:none;background-color:#03213e;color:#fff}.app-modal-close-button:hover{background-color:#0d5a7a}.dashboard{padding:20px;flex:1;display:flex;flex-direction:column}.user-info{display:none}.section-title{font-size:24px;font-weight:700;color:#147699;margin:0 0 15px;text-align:left;padding-left:0}.project-overview{margin-bottom:30px;padding:25px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-height:120px}.project-overview h3{margin:0 0 15px;font-size:20px;color:#147699;text-align:left}.project-info{display:flex;flex-direction:column;gap:10px}.project-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.project-info-item:last-child{border-bottom:none}.project-info-label{font-weight:700;color:#555;min-width:120px}.project-info-value{color:#333;text-align:right;flex:1}.milestone-section{margin-bottom:30px}.milestone-title{font-size:24px;font-weight:700;color:#147699;margin:0 0 15px;text-align:left}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.widget-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.widget-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.widget-icon img{width:100%;height:100%;object-fit:contain}.widget-header h3{margin:0;font-size:18px;color:#147699}.widget-title{background-color:#fff;padding:25px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease;cursor:pointer;min-height:160px;display:flex;flex-direction:column}.widget-title:hover{background-color:#f8f9fa}.widget-title.disabled{opacity:.6;cursor:not-allowed}.widget-title.disabled:hover{background-color:#fff}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0}.info-item:last-child{margin-bottom:0}.info-label{font-size:14px;color:#555;font-weight:500}.info-value{font-size:14px;color:#333;font-weight:700;text-align:right}.contracts-status-list{margin-top:10px}.contract-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0;border-bottom:1px solid #f0f0f0}.contract-item:last-child{border-bottom:none;margin-bottom:0}.contract-title{font-size:13px;color:#555;flex:1;margin-right:10px}.contract-status{font-size:13px;color:#333;font-weight:700;text-align:right;min-width:80px}@media (max-width: 768px){.dashboard{padding:15px}.project-overview,.widget-title{padding:20px;min-height:auto}.dashboard-widgets{grid-template-columns:1fr;gap:20px}.project-info-item{flex-direction:column;align-items:flex-start;gap:5px}.project-info-value{text-align:left}}.widget-container{margin-bottom:25px}.widget-external-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:18px;color:#147699;font-weight:700;text-align:left}.widget-external-title .widget-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.widget-external-title .widget-icon img{width:100%;height:100%;object-fit:contain}.info-item.single-line,.contract-item.single-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;white-space:nowrap}.info-item.single-line .info-label,.contract-item.single-line .contract-title{white-space:nowrap;flex-shrink:0;margin-right:10px}.info-item.single-line .info-value,.contract-item.single-line .contract-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0;flex:1}.widget-title h3{display:none}@media (max-width: 768px){.widget-container{margin-bottom:20px}.widget-external-title{font-size:16px;margin-bottom:8px}.widget-external-title .widget-icon{width:20px;height:20px}.info-item.single-line,.contract-item.single-line{white-space:normal}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:400px;width:90%;z-index:1001}.btn-close{margin-top:15px;padding:8px 16px;background-color:#147699;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-close:hover{background-color:#0e5a7a}.mb-row{width:100%;margin:16px 0;display:block;overflow:visible;position:relative;z-index:1}.mb-card{background:#fcfcfc;border-radius:0;box-shadow:none;padding:0;width:100%;box-sizing:border-box;overflow:visible}.mb-card__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.mb-card__head h3{margin:0;font-size:1.1rem;color:#333}.mb-head-right{display:flex;gap:8px;align-items:center}.mb-ribbon{background:#6c63ff;color:#fff;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.mb-chip{background:#eaf8f0;color:#2eb85c;border:1px solid #d0f1de;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600}.mb-bar-container{width:100%;overflow:visible;margin:0 auto;padding:0 10px;box-sizing:border-box;background:transparent}.mb-bar{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;margin:0 auto;background:transparent}.mb-step{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;background:transparent}.mb-node{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:18px;margin-bottom:8px}.mb-dot{width:12px;height:12px;border-radius:50%;background:#d0d0d0;display:inline-block;position:relative;z-index:2}.mb-line{position:absolute;left:50%;right:-50%;height:3px;background:#e8e8e8;top:50%;transform:translateY(-50%)}.mb-node.is-done .mb-dot{background:#5fa75c;box-shadow:0 0 0 3px #5fa75c33}.mb-line.is-done{background:#5fa75c}.mb-step:first-child .mb-line{left:50%}.mb-step:last-child .mb-line{right:50%}.mb-label{margin-top:6px;color:#555;font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mb-label.is-done{color:#222;font-weight:700}.mb-badge{margin-top:4px;background:#e9eee7;color:#5fa75c;padding:3px 8px;border-radius:6px;font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mb-subnote{margin-top:2px;color:#777;font-size:.75rem;text-align:center}.mb-popover{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%) translateY(10px);opacity:0;pointer-events:none;transition:all .2s ease;background:#2d3748;color:#fff;font-size:.8rem;line-height:1.4;padding:10px 12px;border-radius:8px;width:180px;box-shadow:0 4px 12px #00000026;z-index:100;text-align:center}.mb-step:hover .mb-popover{opacity:1;transform:translate(-50%) translateY(0)}.mb-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#2d3748 transparent transparent transparent}.mb-legend{margin-top:24px;color:#666;font-size:.85rem;display:flex;justify-content:center;gap:16px;align-items:center;flex-wrap:wrap}.mb-legend .mb-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.mb-legend .mb-dot.done{background:#1e90ff}.mb-legend .mb-dot.todo{background:#d0d0d0}.mb-loading{text-align:center;padding:40px 0;color:#666;font-style:italic}@media (max-width: 900px){.mb-bar{padding:0 5px}.mb-label{font-size:.85rem}.mb-badge{font-size:.7rem;padding:2px 6px}.mb-popover{width:160px;font-size:.75rem}}@media (max-width: 768px){.mb-card{padding:16px}.mb-card__head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.mb-head-right{flex-wrap:wrap}.mb-label{font-size:.8rem}.mb-popover{width:140px;font-size:.7rem;padding:8px 10px}}@media (max-width: 600px){.mb-bar{flex-wrap:wrap;justify-content:flex-start;gap:20px 0}.mb-step{flex:0 0 33.33%;min-width:33.33%;margin-bottom:15px}.mb-node{margin-bottom:5px}.mb-line{display:none}.mb-popover{width:120px;font-size:.65rem}.mb-legend{flex-direction:column;gap:8px;align-items:center}}@media (max-width: 480px){.mb-step{flex:0 0 50%;min-width:50%}.mb-label{font-size:.75rem}.mb-badge{font-size:.65rem}}.mb-head{display:flex;align-items:baseline;gap:8px}.mb-title{margin:0}.mb-subtle{font-size:12px;color:#7a7a7a}.mb-steps.is-dim .mb-step.ghost{opacity:.65}.mb-step.ghost{display:inline-flex;align-items:center;margin-right:12px}.mb-step-index{display:inline-flex;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;background:#e9e9ee;margin-right:6px}.mb-step-label{font-size:13px}.mb-note{margin-top:6px;font-size:12px;color:#6b7280}.footer{width:100%;height:40px;background-color:#147699;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:auto;box-shadow:0 -2px 4px #0000001a;position:sticky;bottom:0}.footer-content{text-align:center;font-size:14px;font-weight:500}@media (max-width: 768px){.footer{height:35px}.footer-content{font-size:12px}}.container{display:flex;flex:1 0 auto}aside{width:200px;padding:20px 0;background-color:#fcfcfc;align-self:stretch;overflow:auto}.main-content{flex-grow:1;display:flex;flex-direction:column}main{flex-grow:1;padding:20px;min-height:auto;display:flex;flex-direction:column}main>:first-child:not(footer){flex:1}.project-interface-container{display:flex;position:relative;min-height:100vh;flex-direction:column}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 15px;padding:15px 10px;color:#666;text-decoration:none;transition:all .3s ease;border-radius:12px;min-height:80px;width:calc(100% - 30px);box-sizing:border-box}.nav-item:not(.selected) .nav-icon img{filter:grayscale(1) brightness(.7)}.nav-item.selected{color:#147699}.nav-item.selected .nav-icon img{filter:none}.nav-item:hover:not(.selected){background-color:#e6f3f8;color:#147699}.nav-item:hover:not(.selected) .nav-icon img{filter:none}.nav-item.center-text{justify-content:center!important}.nav-item.center-text .nav-icon{margin-right:0!important}.nav-icon{position:relative;width:32px;height:32px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.nav-icon img{width:100%;height:100%;object-fit:contain;transition:filter .3s ease}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#f44;border-radius:50%;border:2px solid #fcfcfc}.nav-item.pending{color:#999;font-style:normal;align-items:center;position:relative;text-align:center}.nav-item.pending:after{content:"TBD";position:absolute;top:5px;right:5px;background-color:orange;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px;font-style:normal}@media (max-width: 768px){.container{flex-direction:column}main{padding-bottom:50px}aside{width:100%;position:fixed;top:0;left:-100%;height:100%;background-color:#fff;transition:left .3s ease;z-index:1000;padding:60px 0 20px}aside.open{left:0}.nav-item{flex-direction:row;justify-content:flex-start;gap:12px;min-height:60px;margin:5px 15px}.nav-icon{margin-bottom:0;width:28px;height:28px}.hamburger-menu{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background-color:#007bff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1001;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.hamburger-menu:hover{background-color:#0056b3}.hamburger-icon{position:relative;width:25px;height:3px;background-color:#fff;border-radius:2px;transition:transform .3s ease}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:25px;height:3px;background-color:#fff;border-radius:2px}.hamburger-icon:before{top:-8px}.hamburger-icon:after{top:8px}.hamburger-menu{display:block}aside.open~.hamburger-menu{position:fixed;bottom:20px;left:20px}}.ct-wrap{margin:8px 0 16px;z-index:9;background:#fcfcfc}.ct-wrap.is-sticky{position:sticky;top:8px}.ct-inner{background:transparent}.create-contract{padding:20px 40px;max-width:none;margin:0 auto;width:100%;box-sizing:border-box}.create-contract-title{font-size:24px;font-weight:700;color:#434343;margin:40px 0 30px;text-align:left;padding-left:0}.contract-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 50px;margin:30px 0 50px;width:100%;box-sizing:border-box}.contract-form{display:flex;flex-direction:column;gap:5px;width:100%}.form-group{display:flex;flex-direction:column;margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:400!important;color:#333;font-size:14px;padding-left:6px}.form-group input,.form-group textarea{width:100%;padding:15px;border:1px solid #ccc!important;border-radius:5px;box-sizing:border-box;font-size:14px;font-family:Arial,sans-serif;transition:border-color .3s ease;resize:none;max-width:100%;overflow-x:hidden;overflow-y:auto}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#147699!important}.form-group.has-error input,.form-group.has-error textarea{border-color:red!important;background-color:#ffe6e6}.error-message{color:red!important;font-size:.9em;margin-top:8px;font-weight:400}.form-row{display:flex;gap:20px;margin-bottom:10px;width:100%}.field-full{width:100%}.field-half{width:calc(50% - 10px)}.field-double-height input{height:60px}.field-double-height textarea{min-height:120px;height:auto;width:100%!important;box-sizing:border-box!important;resize:none;overflow-x:hidden;padding:12px;border:1px solid #ccc!important;border-radius:5px;font-family:Arial,sans-serif;font-size:14px}.field-double-height{width:100%;box-sizing:border-box}.form-actions-outer{display:flex;gap:45px;justify-content:center;flex-wrap:wrap;margin:40px 0;width:100%}.form-actions-split{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px}.btn-save,.btn-submit,.btn-confirm,.btn-sign,.btn-edit,.btn-clear,.btn-cancel-edit,.btn-random{padding:14px 28px;border-radius:25px!important;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;min-width:80px;border:none}.btn-save{background-color:transparent!important;color:#ff6b35!important;border:2px solid #ff6b35!important}.btn-save:hover{background-color:#ff6b35!important;color:#fff!important}.btn-save.disabled{background-color:transparent!important;color:silver!important;border-color:silver!important;opacity:.5;cursor:not-allowed}.btn-submit,.btn-confirm,.btn-sign,.btn-edit{background-color:#147699!important;color:#fff}.btn-submit:hover,.btn-confirm:hover,.btn-sign:hover,.btn-edit:hover{background-color:#0d5a7a!important}.btn-clear,.btn-cancel-edit{background-color:#6c757d!important;color:#fff}.btn-clear:hover,.btn-cancel-edit:hover{background-color:#545b62!important}.btn-random{background-color:#00bb5d!important;color:#fff}.btn-random:hover{background-color:#009a4d!important}.btn-submit.disabled,.btn-confirm.disabled,.btn-sign.disabled,.btn-edit.disabled{background-color:silver!important;opacity:.5;color:#6c757d;cursor:not-allowed}@media (max-width: 768px){.create-contract{padding:15px 25px}.contract-container{padding:40px 30px;margin:20px 0 35px}.create-contract-title{margin:30px 0 20px;font-size:20px}.contract-form{gap:25px}.form-actions-outer{flex-direction:column;gap:20px;margin:30px 0}.form-actions-outer button{width:100%}.form-group input,.form-group textarea{width:100%;max-width:100%;box-sizing:border-box;display:block}.form-actions-split{flex-direction:column;align-items:stretch;gap:12px}.form-actions-split .btn-back,.form-actions-split .btn-submit{width:100%}}@media (min-width: 1200px){.create-contract{padding:20px 60px}.contract-container{padding:60px 100px}}.create-contract-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 12px}.create-contract-header .create-contract-title{margin:0}@media (max-width: 640px){.create-contract-header{flex-direction:column;align-items:flex-start;gap:8px}.create-contract-header .status-pill{align-self:flex-end}}.field-helper-text{margin-top:4px;font-size:12px;color:#666;padding-left:6px}.documents{padding:20px}.documents-tabs{display:flex;gap:0;margin-bottom:20px}.tab-button{padding:12px 30px;background:none;border:none;font-size:16px;color:#979797;cursor:pointer;transition:all .3s ease;border-radius:12px;position:relative}.tab-button.active{font-weight:700;color:#434343}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#147699;border-radius:3px 3px 0 0}.tab-button:hover:not(.active){background-color:#e6f3f8;color:#434343}.tab-button.active:hover{background-color:#e6f3f8;color:#434343}.documents-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px;min-height:400px;position:relative;display:flex;flex-direction:column}.skr-content{flex:1;display:flex;flex-direction:column}.skr-placeholder{text-align:center;color:#666;padding:60px 20px}.skr-placeholder h3{color:#147699;margin-bottom:15px}.other-documents-content{flex:1;display:flex;flex-direction:column}.file-list{flex:1;margin-bottom:16px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.file-item+.file-item{margin-top:10px}.file-name{color:#147699;text-decoration:none;font-size:14px;flex:1}.file-name:hover{text-decoration:underline}.btn-delete{background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background-color:#e6f3f8}.delete-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.delete-icon img{width:100%;height:100%;object-fit:contain}.documents-container .upload-container{position:absolute;bottom:30px;right:30px;left:850px;display:flex;justify-content:flex-end}.documents-container .btn-upload{background-color:#03213e;color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;transition:background-color .3s ease;font-size:14px}.documents-container .btn-upload:hover{background-color:#0d5a7a}.btn-upload-modal,.btn-close{background-color:#147699;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:background-color .3s ease;margin-right:10px}.btn-upload-modal:hover,.btn-close:hover{background-color:#0d5a7a}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.empty-state{text-align:center;color:#666;padding:60px 20px;font-style:italic}@media (max-width: 768px){.documents{padding:15px}.documents-container{padding:20px}.documents-tabs{flex-direction:column}.tab-button{padding:10px 20px;text-align:left}.documents-container .upload-container{position:static;left:auto;right:auto;bottom:auto;margin-top:20px;display:flex;justify-content:flex-end}.file-item{padding:12px 15px}}.file-kind-tag{margin-left:8px;font-size:12px;opacity:.8;color:#147699;background-color:#e6f3f8;padding:2px 6px;border-radius:25px;font-weight:500}.data-view{height:100%;display:flex;flex-direction:column}.data-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.data-view-header h3{color:#147699;margin:0}.data-table-container{flex:1;overflow:auto;border:1px solid #e0e0e0;border-radius:8px}.data-table{width:100%;border-collapse:collapse;background-color:#fff}.data-table th{background-color:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#434343;border-bottom:2px solid #e0e0e0;position:sticky;top:0}.data-table td{padding:10px 15px;border-bottom:1px solid #e0e0e0;color:#666}.data-table tr:hover{background-color:#f8f9fa}.data-table tr:last-child td{border-bottom:none}.file-actions{display:flex;align-items:center;gap:10px}.btn-view{background-color:#147699;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s ease}.btn-view:hover{background-color:#0d5a7a}.btn-close.success{background-color:#28a745}.btn-close.error{background-color:#dc3545}.btn-close.success:hover{background-color:#218838}.btn-close.error:hover{background-color:#c82333}@media (max-width: 768px){.data-view-header{flex-direction:column;gap:10px;align-items:flex-start}.data-table{font-size:14px}.data-table th,.data-table td{padding:8px 10px}.file-actions{flex-direction:column;gap:5px}.btn-view{padding:4px 8px;font-size:11px}}.data-list-container{flex:1;overflow:auto;border:1px solid #e0e0e0;border-radius:8px;padding:16px;background-color:#fff}.data-record-card+.data-record-card{margin-top:16px;border-top:1px dashed #e0e0e0;padding-top:16px}.data-record-title{font-weight:600;margin-bottom:10px;color:#147699}.data-record-body{display:flex;flex-direction:column;gap:8px}.data-row{display:grid;grid-template-columns:160px 1fr;align-items:flex-start;column-gap:12px}.data-label{font-size:13px;font-weight:600;color:#147699;word-break:break-word}.data-value{font-size:13px;color:#333;word-break:break-word}.empty-data{font-size:13px;color:#888}.process-tracking{padding:20px}.actions-container{margin-top:30px}.table-header{display:flex;padding:0 30px 20px;font-weight:700;color:#333;margin-bottom:0}.action-header,.time-header{flex:1;text-align:left}.user-header{flex:1;text-align:right}.actions-list-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:0;min-height:200px}.actions-list{list-style:none;padding:0;margin:15px}.action-item{position:relative;padding:20px 30px;cursor:pointer;transition:background-color .2s ease}.action-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:1px;background-color:#147699;opacity:.3}.action-item:hover{background-color:#f8f9fa}.action-content{display:flex;justify-content:space-between;align-items:center;gap:15px}.action-text{flex:1;text-align:left;font-size:14px;color:#333}.action-time{flex:1;text-align:left;font-size:14px;color:#666}.action-user{flex:1;text-align:right;font-size:14px;color:#666}@media (max-width: 768px){.process-tracking{padding:15px}.table-header{padding:0 20px 15px;font-size:14px}.action-item{padding:15px 20px}.action-content{flex-direction:column;align-items:flex-start;gap:8px}.action-time,.action-user{text-align:left;font-size:12px}.action-item:not(:last-child):after{left:10px;right:10px}}.inbox{padding:20px}.inbox-title{font-size:24px;font-weight:700;color:#147699;margin:0 0 20px;text-align:left;padding-left:0}.messages-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:0;min-height:400px}.messages-list{list-style:none;padding:0;margin:15px}.message-item{display:flex;align-items:center;padding:20px 30px;cursor:pointer;transition:background-color .2s ease;position:relative}.message-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:1px;background-color:#147699;opacity:.3}.message-item:last-child{border-bottom:none}.message-item:hover{background-color:#f8f9fa}.message-item.unread{font-weight:700}.message-dot-column{display:flex;align-items:center;justify-content:center;width:30px;flex-shrink:0;margin-right:10px}.inbox .message-item .message-dot-column .notification-dot{position:static!important;width:8px!important;height:8px!important;background-color:#f44!important;border-radius:50%!important;border:none!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;margin:0!important;flex-shrink:0}.inbox .notification-placeholder{width:8px;height:8px;margin-right:15px;flex-shrink:0;visibility:hidden}.message-content{display:flex;justify-content:space-between;align-items:center;flex:1;gap:15px}.message-title{font-size:14px;color:#333;text-align:left;flex:1;margin:0}.message-item.unread .message-title{color:#000}.message-time{font-size:12px;color:#666;text-align:right;flex-shrink:0;min-width:120px}.empty-state{text-align:center;color:#666;padding:60px 20px;font-style:italic;font-size:16px}.inbox .modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.inbox .modal{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000026}.inbox .modal h3{margin:0 0 15px;color:#147699;font-size:18px}.inbox .modal p{margin:0 0 10px;line-height:1.5}.inbox .modal .timestamp{color:#666;font-size:12px;margin-top:15px}.inbox .btn-close{background-color:#147699;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:20px;transition:background-color .3s ease;font-size:14px}.inbox .btn-close:hover{background-color:#0d5a7a}@media (max-width: 768px){.inbox{padding:15px}.message-item{padding:15px 20px}.message-content{flex-direction:column;align-items:flex-start;gap:8px}.message-time{text-align:left;min-width:auto;font-size:12px}.message-item:not(:last-child):after{left:10px;right:10px}.inbox .modal{padding:20px;width:95%}.empty-state{padding:40px 20px}}.camera{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.camera video{border:1px solid #ddd;border-radius:5px;margin-bottom:10px}.camera button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.camera button:hover{background-color:#0056b3}.camera img{margin-top:10px;border:1px solid #ddd;border-radius:5px;width:320px;height:240px}.capture-photo{display:flex;flex-direction:column;align-items:center}.camera{position:relative}.face-guide{position:absolute;top:50%;left:50%;width:200px;height:200px;border:2px dashed #00bb5d;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.photo-preview{display:flex;flex-direction:column;align-items:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-guide{border:2px dashed green;width:50%;height:50%}.onchain-card{border:1px solid #eaeaea;border-radius:12px;background:#fafafa;padding:14px;box-shadow:0 1px 2px #00000008}.onchain-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.onchain-title{margin:0;font-size:15px;font-weight:600;color:#333}.onchain-btn{padding:10px 16px;border:none;background:#147699;color:#fff;border-radius:25px;cursor:pointer;font-weight:600}.onchain-btn:hover{background:#0d5a7a}.onchain-btn:disabled{opacity:.6;cursor:not-allowed}.onchain-error{color:#c62828;margin-bottom:8px;font-size:13px}.onchain-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#555;margin-bottom:8px;word-break:break-all}.onchain-body{font-size:14px;color:#333}.onchain-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.onchain-badge{padding:4px 8px;border:1px dashed #d0d7de;border-radius:16px;font-size:12px}.onchain-badge.ok{border-style:solid;background:#eaf7ea}.error-message{color:red;font-size:.9em;margin-top:5px}.tooltip{position:relative;display:inline-block;cursor:pointer;margin-left:5px}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#555;color:#fff;text-align:left;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.sign-contract .form-group{margin-bottom:20px}.sign-contract .form-actions{display:flex;justify-content:space-between}.sign-contract input[type=text],.sign-contract textarea{width:100%;padding:15px;margin-bottom:20px;border-radius:8px;font-size:1.2em;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease;font:inherit}.sign-contract input[type=text]:focus,.sign-contract textarea:focus{border-color:#0056b3;outline:none}.sign-contract textarea{resize:vertical;height:150px}.sc-meta{margin:12px 0 8px;padding:10px 12px;background:#fafafa;border:1px solid #eaeaea;border-radius:8px}.sc-meta__row{display:flex;align-items:center;gap:10px;margin:4px 0}.sc-meta__key{width:90px;font-weight:600;color:#666}.sc-meta__val{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-all;background:#fff;border:1px dashed #e5e5e5;border-radius:6px;padding:4px 6px;color:#333}.sc-onchain__btn{padding:10px 16px;border:none;background:#007bff;color:#fff;border-radius:6px;cursor:pointer;font-weight:600}.sc-onchain__btn:hover{background:#0056b3}.sc-onchain__btn:disabled{opacity:.6;cursor:not-allowed}.sc-onchain{margin-top:16px;padding:12px;background:#fafafa;border:1px solid #eaeaea;border-radius:8px}.sc-onchain__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sc-onchain__title{font-weight:600}.sc-onchain__error{color:#c62828;margin-bottom:8px}.sc-onchain__meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#555;margin-bottom:8px}.sc-onchain__body{font-size:14px;color:#333}.sc-onchain__signers{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sc-onchain__badge{padding:4px 8px;border:1px dashed #d0d7de;border-radius:16px;font-size:12px}.sc-onchain__badge.ok{border-style:solid;background:#eaf7ea}.tx-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #eaeaea;border-radius:10px;background:#fafafa;font-size:14px;margin-bottom:12px}.tx-banner.finalizing{background:#fff8e1;border-color:#ffe082}.tx-banner.finalized{background:#eaf7ea;border-color:#c8e6c9}.tx-banner.error{background:#fdecea;border-color:#f5c2c7}.tx-banner__right code{font-family:ui-monospace,Menlo,monospace}.btn-primary{background:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:8px}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#f1f3f5;color:#333;border:1px solid #e0e0e0;padding:10px 16px;border-radius:8px}.btn-wallet{padding:8px 16px;border-radius:999px;border:1px solid #147699;color:#147699;background:transparent;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-wallet:hover{background:#1476990f}.sc-grid{display:flex;gap:24px;align-items:flex-start}.sc-left{flex:1.2;min-width:0}.sc-right{flex:1;min-width:260px}@media (max-width: 800px){.sc-grid{flex-direction:column}.sc-right{min-width:0}}.sc-section{margin-bottom:18px}.sc-subtitle{font-size:14px;font-weight:600;color:#555;margin-bottom:6px}.sc-dochash{padding-left:12px;line-height:1.8;background:transparent;border:none;color:#333}.sc-input{width:100%;padding:12px 14px;border-radius:8px;background:#fff;border:1px solid #eaeaea;box-shadow:none;font:inherit}.tx-modal .btn-primary,.tx-modal .btn-secondary{background-color:#147699;color:#fff;border:none;border-radius:25px;padding:10px 20px;cursor:pointer;transition:background-color .2s ease}.sc-photo-box{max-width:420px;width:100%}.sc-photo-frame{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:260px;line-height:0}.sc-photo-box button{padding:8px 16px;border-radius:999px;border:1px solid #147699;color:#147699;background:transparent;font-weight:600;cursor:pointer;transition:all .2s ease}.sc-photo-box button:hover{background:#1476990f}.sc-photo-box video,.sc-photo-box canvas,.sc-photo-box img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover;border-radius:8px}.sc-right{flex:0 0 420px;max-width:100%}@media (max-width: 800px){.sc-right{flex:1 1 auto}}.sign-contract input[type=text],.sign-contract textarea{box-shadow:none;font-size:1rem;border:1px solid #eaeaea;background:#fff}.sc-left,.sc-right{flex:1 1 0;min-width:0}.sc-right{flex:1 1 0!important}.sc-photo-box{max-width:100%!important;width:100%}.sc-photo-box video,.sc-photo-box canvas,.sc-photo-box img{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:8px}.sc-photo-frame button{display:none!important}.sc-photo-actions{margin-top:10px;display:flex;justify-content:center}.sc-photo-action{padding:8px 16px;border-radius:999px;border:1px solid #147699;color:#147699;background:transparent;font-weight:600;cursor:pointer;transition:all .2s ease}.sc-photo-action:hover{background:#1476990f}.sc-subtitle{font-size:14px;font-weight:400;color:#555;margin-bottom:6px}.sign-contract .contract-container .sc-input{border:1px solid #eaeaea!important;background:#fff!important;box-shadow:none!important}.sign-contract .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2500}.sign-contract .modal{background:#fff;border-radius:12px;padding:72px 200px;width:min(1200px,96vw);max-height:82vh;box-shadow:0 12px 36px #0003;overflow:auto;text-align:center;color:#03213e;z-index:2600}.sign-contract .modal-icon-container{margin-bottom:18px}.sign-contract .modal-icon{width:48px;height:48px}.sign-contract .modal-main-title{font-size:1.15rem;font-weight:600;margin:0;color:#03213e}.sign-contract .modal-main-title{margin-bottom:8px}.sign-contract .modal-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 150px;margin-top:40px;justify-items:flex-start;text-align:left}.sign-contract .modal-data-item{margin-bottom:8px}.sign-contract .modal-field-name{font-size:.85rem;color:#555;margin-bottom:8px}.sign-contract .modal-field-data{font-size:.9rem;color:#555;font-weight:600;word-break:break-all;padding-left:10px;margin-bottom:25px}.sign-contract .modal-button-group{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:12px}.sign-contract .btn-download-cert,.sign-contract .btn-modal-close{border-radius:999px;padding:10px 24px;width:260px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:.9rem;text-decoration:none;cursor:pointer;transition:background-color .3s ease}.sign-contract .btn-download-cert{background-color:#03213e;color:#fff}.sign-contract .btn-download-cert:hover{background-color:#0d5a7a;color:#fff}.sign-contract .btn-modal-close{background-color:#03213e;color:#fff}.sign-contract .btn-modal-close:hover{background-color:#0f647f}.sign-contract .btn-close{background-color:#03213e;color:#fff;border:none;padding:8px 18px;border-radius:999px;cursor:pointer;font-size:.85rem;margin-top:24px}.sign-contract .btn-test-modal{background-color:#03213e;color:#fff;border:none;padding:8px 20px;border-radius:999px;cursor:pointer;transition:background-color .3s ease;font-size:.85rem}.sign-contract .btn-test-modal:hover{background-color:#0d5a7a}@media (max-width: 768px){.sign-contract .modal{padding:40px 24px;width:min(94vw,640px)}.sign-contract .modal-data-grid{grid-template-columns:1fr;gap:12px 0}.sign-contract .modal-status-info{max-width:100%;margin-bottom:40px;white-space:normal}}.sign-contract .modal-status-info{font-size:1.15rem;font-weight:600;color:#03213e;line-height:1.4;max-width:1000px;margin:0 auto 60px}.avatar-menu{position:relative;display:inline-block}.avatar{cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#007bff;color:#fff;border-radius:50%;text-transform:uppercase;font-weight:700}.menu{position:absolute;top:50px;right:0;background-color:#fff;border:1px solid #666;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:140px;padding:12px}.menu-item{background:none;border:none;padding:8px 20px;width:100%;text-align:left;cursor:pointer;transition:background-color .3s ease;font-size:14px;color:#333;display:flex;align-items:center;gap:12px;margin:0;justify-content:flex-start}.menu-item:hover{background-color:#f5f5f5;color:#0056b3}.menu-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(.7)}.menu-divider{height:1px;background-color:#ddd;margin:6px 12px}.menu-item-content{display:flex;align-items:center;gap:12px;width:fit-content;margin:0 auto}.header{display:flex;justify-content:flex-start;align-items:center;padding:15px 30px;background-color:#147699;min-height:90px;position:relative;z-index:1200}.header h1{margin:0;color:#fff}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;gap:20px}.logo-container{display:flex;align-items:center;gap:10px;color:#fff;cursor:pointer;flex-shrink:0}.logo-image{width:70px;height:70px;object-fit:contain}.page-title-section{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-grow:1;text-align:left;margin-left:25px;margin-right:20px}.page-title{color:#fff;font-size:1.8em;font-weight:700;margin:0 0 4px;line-height:1.2;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.page-subtitle{color:#e0f7ff;font-size:1em;margin:0;line-height:1.2;opacity:.9}.header-right{display:flex;align-items:center;flex-shrink:0}.avatar-area{display:flex;align-items:center;gap:15px;position:relative;z-index:1300}.avatar-icon{width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.avatar-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.avatar-icon img{width:55%;height:55%;object-fit:contain;filter:brightness(.8)}header.logged-in-header{color:#fff}header.logged-in-header .logo{color:#fff;font-size:1.5em;font-weight:700}header.logged-in-header nav a{color:#fff}header.logged-in-header nav a:hover{color:#e0f7ff;text-decoration:none}@media (max-width: 768px){.header{padding:12px 20px;min-height:80px}.header-content{gap:15px}.logo-image{width:60px;height:60px;object-fit:contain}.page-title-section{margin-left:20px;margin-right:15px}.page-title{font-size:1.4em;margin-bottom:2px}.page-subtitle{font-size:.85em}.avatar-icon{width:40px;height:40px}}@media (max-width: 480px){.header{padding:10px 15px;min-height:70px}.logo-image{width:50px;height:50px;object-fit:contain}.page-title-section{margin-left:15px}.page-title{font-size:1.2em}.page-subtitle{font-size:.75em}.avatar-icon{width:35px;height:35px}}.header-projects{background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-projects .page-title,.header-projects .page-subtitle{color:#fff}.header-profile{background-color:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-bottom:none}.header-profile .page-title,.header-profile .page-subtitle,.header-profile .back-button{color:#147699!important;text-shadow:none}.back-button{background-color:transparent!important;border:none!important;color:#fff;font-size:2.2rem;cursor:pointer;margin-right:12px;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:300;flex-shrink:0;position:relative;top:-14px}.back-button:hover,.back-button:focus,.back-button:active{background-color:transparent!important;outline:none;box-shadow:none}.back-icon{width:20px;height:20px;display:block}.page-title-text{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.page-title{color:#fff;font-size:1.8em;font-weight:700;margin:0 0 4px!important;line-height:1.1;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.page-subtitle{color:#e0f7ff;font-size:1em;margin:0!important;line-height:1.2;opacity:.9}.header-light{background-color:transparent!important;box-shadow:none;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header-light .page-title,.header-light .page-subtitle,.header-light .back-button{color:#147699!important;text-shadow:none}.profile-page{min-height:100vh;width:100%;padding:40px 60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.profile-card{position:relative;z-index:1;width:100%;max-width:800px;background-color:#fffffff2;border-radius:12px;padding:40px;box-shadow:0 24px 60px #00000059}.profile-external-title{position:absolute;top:-40px;left:0;color:#374151;font-size:.9rem;font-weight:600;margin:0}.profile-card-header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:30px}.profile-settings-button{padding:10px 20px;border-radius:25px;border:none;background-color:#147699;color:#fff;font-size:.9rem;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.profile-settings-button:hover{background-color:#0d5a7a;transform:translateY(-1px)}.profile-details{margin-bottom:25px}.profile-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #147699}.profile-row:last-child{border-bottom:none}.profile-row .label{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#1e293b;font-weight:400}.profile-row .value{font-size:1rem;color:#1e293b;max-width:60%;text-align:right;word-break:break-all;font-weight:600}.profile-settings-icon{width:16px;height:16px}.profile-settings-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}@media (max-width: 768px){.profile-page{padding:20px}.profile-card{padding:30px 25px;max-width:90%}.profile-card-header{flex-direction:column;align-items:flex-start}.profile-external-title{position:relative;top:0;margin-bottom:15px}.profile-row .value{max-width:55%}}@media (max-width: 600px){.profile-page{padding:12px}.profile-card{border-radius:10px;padding:25px 20px}}.tx-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.tx-modal__dialog{background:#fff;border-radius:12px;padding:16px;width:min(520px,90vw);box-shadow:0 10px 30px #00000026}.tx-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.tx-modal .btn-primary,.tx-modal .btn-secondary{background-color:#147699;color:#fff;border:none;border-radius:25px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.tx-modal .btn-primary:hover,.tx-modal .btn-secondary:hover{background-color:#0d5a7a}.tx-modal .btn-primary.disabled,.tx-modal .btn-secondary.disabled{background-color:silver;opacity:.5;color:#6c757d;cursor:not-allowed}.tx-modal .tx-modal__actions{display:flex;gap:16px;justify-content:flex-end;margin-top:12px}.verify-wrap{max-width:1000px;margin:24px auto;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.verify-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.verify-head h2{margin:0;color:#1f2937;font-size:28px;font-weight:600}.verify-toggles{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.v-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563}.mode-hint{font-size:12px;color:#6b7280;font-style:italic}.verify-tabs{display:flex;gap:0;margin-bottom:20px}.v-tab{padding:12px 30px;background:none;border:none;font-size:16px;color:#979797;cursor:pointer;transition:all .3s ease;border-radius:12px;position:relative}.v-tab:hover{background-color:#e6f3f8;color:#434343}.v-tab.active{font-weight:700;color:#434343}.v-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#147699;border-radius:3px 3px 0 0}.v-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px;min-height:500px;position:relative}.v-section{margin-bottom:30px;padding-bottom:20px;position:relative}.v-section:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e0e0e0;margin-top:20px}.v-section:has(+.v-section .v-title:contains("Verification Results")):after{display:none}.v-section:has(.v-title:contains("Verification Results")){border-top:1px solid #e0e0e0;padding-top:20px;margin-top:20px}.hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;color:#666;border:1px solid #666;border-radius:50%;cursor:help;font-size:10px;font-weight:700;transition:all .2s ease;margin-left:6px}.hint:hover{background:#f5f5f5}.hint-content{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;padding:12px;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:250px;font-size:13px;line-height:1.5;margin-top:8px;white-space:normal}.v-grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:16px 0;position:relative}.v-grid2:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#e0e0e0;transform:translate(-50%)}.pdf-step2-actions{display:flex;flex-direction:column;align-items:center;margin-top:20px}.qr-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:16px 0;position:relative}.qr-mode-toggle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#e0e0e0;transform:translate(-50%)}.camera-frame,.upload-frame{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.camera-container{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding-right:15px;box-sizing:border-box}.qr-scanner-wrapper{width:100%;display:flex;justify-content:center;min-height:200px}.v-json-title{color:#6b7280;font-size:14px;font-weight:400;margin-bottom:8px;text-align:left;width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding-left:0}.v-json-container{margin:20px 0;display:flex;flex-direction:column;align-items:center}.v-btn-primary,.qr-mode-toggle button,.camera-action-btn,.upload-action-btn{background-color:#147699!important;color:#fff!important;border:none;padding:10px 20px;border-radius:25px!important;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease;min-width:120px;text-align:center}.v-btn-primary:hover:not(:disabled),.qr-mode-toggle button:hover:not(:disabled),.camera-action-btn:hover:not(:disabled),.upload-action-btn:hover:not(:disabled){background-color:#0d5a7a!important}.v-btn-primary:disabled,.qr-mode-toggle button:disabled,.camera-action-btn:disabled,.upload-action-btn:disabled{opacity:.6;cursor:not-allowed}.qr-mode-toggle button.active{background:#147699!important;color:#fff;border-color:#147699}.qr-mode-toggle button{padding:12px 20px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:25px!important;cursor:pointer;font-size:14px;color:#374151;transition:all .3s ease}.v-json-container{margin:20px 0;padding:0 40px}.v-json{width:100%;max-width:600px;margin:0 auto;border:1px solid #e5e7eb;border-radius:8px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;padding:16px;resize:vertical;min-height:120px;box-sizing:border-box;display:block}.qr-step2-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:16px 0;position:relative}.qr-step2-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#e0e0e0;transform:translate(-50%)}.qr-step2-section,.qr-optional-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.file-input{width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:8px;background:#fafafa;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.file-input:hover{border-color:#9ca3af}.file-info{display:flex;justify-content:space-between;margin-top:12px;font-size:14px;color:#6b7280;width:100%;max-width:400px}.scan-hint,.upload-hint{margin-top:8px;color:#6b7280;font-size:14px;text-align:center}.or-divider{display:flex;align-items:center;margin:20px 0;color:#9ca3af}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.or-divider span{padding:0 15px;font-size:14px}.v-kv{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;font-size:14px;margin:8px 0}.v-kv input,.v-kv select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;box-sizing:border-box}.v-kv input:disabled,.v-kv select:disabled{background:#f9fafb;color:#9ca3af}.v-inline{display:flex;align-items:flex-start;gap:12px;margin-top:15px;flex-wrap:wrap}.v-chk{display:flex;align-items:center;gap:8px;font-size:14px}.v-chk input{margin:0}.muted{color:#6b7280;font-size:13px;flex:1}.mock-warning{margin-top:12px;padding:8px 12px;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;color:#92400e;font-size:13px}.v-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:12px 16px;border-radius:8px;margin:16px 0;font-size:14px}.v-result{margin-top:24px;padding:24px;background:#fff;position:relative}.v-ribbon{position:absolute;top:-12px;left:20px;padding:6px 16px;background:#147699;color:#fff;border-radius:6px;font-size:14px;font-weight:600}.v-row{display:grid;grid-template-columns:140px 1fr;gap:12px;margin-bottom:16px}.v-k{color:#6b7280;font-weight:500;font-size:14px}.v-v{color:#111827;word-break:break-all}.mono{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.v-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.v-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:20px;border:none;color:#fff}.v-badge.ok{background:#5fa75c}.v-badge.fail{background:#bc4847}.v-grid{display:grid;grid-template-columns:1fr;gap:24px;margin:20px 0}.v-subtitle{font-weight:600;margin-bottom:12px;color:#374151;font-size:15px;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.v-ctx{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:16px}.mt8{margin-top:8px}.demo-result{background:#f8f9fa;border:2px dashed #6c757d;border-radius:8px;padding:20px;margin:20px 0}.demo-result h4{color:#495057;margin-bottom:15px;text-align:center}.demo-badge{display:inline-block;padding:6px 12px;margin:5px;border-radius:15px;font-size:12px;font-weight:500}.demo-badge.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.demo-badge.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.demo-badge.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.verify-wrap{padding:0 16px}.verify-head{flex-direction:column;align-items:flex-start}.verify-tabs{overflow-x:auto;white-space:nowrap}.v-grid2,.v-grid,.qr-mode-toggle,.qr-step2-grid{grid-template-columns:1fr;gap:12px}.v-grid2:before,.qr-mode-toggle:before,.qr-step2-grid:before{display:none}.v-json-container{padding:0 16px}.v-json{max-width:100%}.v-kv{grid-template-columns:1fr;gap:4px}.v-inline{flex-direction:column;align-items:flex-start}.v-row{grid-template-columns:1fr;gap:4px}.v-badges{flex-direction:column}.hint-content{min-width:200px;left:-80px}}@media (max-width: 480px){.v-card,.v-section{padding:16px}.v-json{font-size:12px}}.v-step-number{font-weight:600;margin-bottom:4px;color:#1f2937;font-size:16px}.v-step-main-title{font-weight:500;margin-bottom:8px;color:#1f2937;font-size:18px;display:flex;align-items:center;gap:8px}.v-step-description{color:#6b7280;font-size:14px;margin-bottom:16px;line-height:1.5}.v-json{width:100%;border:1px solid #d1d5db;border-radius:8px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;padding:16px;resize:vertical;min-height:120px;box-sizing:border-box;display:block;background:#fff;color:#374151}.v-json:focus{outline:none;border-color:#147699;box-shadow:0 0 0 3px #1476991a}.upload-action-btn{background:transparent!important;color:#666!important;border:1px solid #666!important;padding:10px 20px;border-radius:25px!important;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:120px;text-align:center}.upload-action-btn:hover:not(:disabled){background:#f5f5f5!important}.camera-action-btn{background-color:#147699!important;color:#fff!important;border:none;padding:10px 20px;border-radius:25px!important;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease;min-width:120px;text-align:center}.camera-action-btn:hover:not(:disabled){background-color:#0d5a7a!important}.qr-mode-areas{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:16px 0;position:relative;align-items:start}.qr-mode-areas:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#e0e0e0;transform:translate(-50%);z-index:1}.qr-mode-toggle{display:none}.demo-result-panel{margin-top:24px;padding:24px;background:#fff;position:relative}.demo-ribbon{position:absolute;top:-12px;left:20px;padding:6px 16px;background:#147699;color:#fff;border-radius:6px;font-size:14px;font-weight:600}.demo-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.demo-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:20px;border:none;color:#fff}.demo-badge.ok{background:#5fa75c}.demo-badge.fail{background:#bc4847}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.demo-subtitle{font-weight:600;margin-bottom:12px;color:#374151;font-size:15px;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.demo-note{margin-top:20px;padding:16px;background:#dae7ed;border:none;border-radius:8px;font-size:14px;color:#1f2937}.demo-note b{color:#0369a1}.file-name-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px 12px;font-size:12px;color:#495057;margin-bottom:8px;max-width:200px;word-break:break-all;text-align:center}.camera-action-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.camera-placeholder{width:100%;max-width:400px;height:300px;background-color:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d}.upload-container{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding-left:15px;box-sizing:border-box}.upload-frame{justify-content:center;align-items:center;height:100%;width:100%;padding:0 20px}.upload-action-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;justify-content:center;height:100%}.qr-step2-section .v-step-description,.qr-optional-section .v-step-description{text-align:left;width:100%}.qr-step2-section .upload-action-container,.qr-optional-section .upload-action-container{align-items:center;width:100%}.scan-hint{margin-top:12px;color:#6b7280;font-size:14px;text-align:center;width:100%}.qr-step2-section,.qr-optional-section{gap:8px}.v-result,.demo-result-panel{border:none;background:#fff;box-shadow:none}.v-title{font-weight:600;margin-bottom:8px;color:#1f2937;font-size:18px;display:flex;align-items:center;gap:8px}.v-hash-value{color:#111827;word-break:break-all;margin-bottom:16px;font-size:13px;padding:8px 0;font-family:SF Mono,Monaco,Cascadia Code,monospace}.v-note{margin-top:20px;padding:16px;background:#dae7ed;border:none;border-radius:12px;font-size:14px;color:#0c4a6e}.v-note-title{font-weight:600;margin-bottom:8px;color:#0c4a6e;font-size:14px;text-transform:uppercase}.v-note-content{padding-left:16px;line-height:1.5;color:#0c4a6e}.qr-mode-areas{display:flex;justify-content:space-between;margin:16px 0;position:relative}.qr-mode-areas:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#e0e0e0;transform:translate(-50%)}.camera-container,.upload-container{width:48%;min-height:300px;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.qr-mode-areas{flex-direction:column;gap:30px}.camera-container,.upload-container{width:100%}.qr-mode-areas:before{display:none}}.v-form-group{display:flex;flex-direction:column;gap:8px}.v-form-label{font-size:14px;color:#374151;font-weight:500}.v-form-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;box-sizing:border-box}.v-form-input:disabled{background:#f9fafb;color:#9ca3af}.file-hash-value{font-weight:600;color:#111827}.v-section-inner .pdf-step2-actions,.server-step2-actions{margin-top:20px;width:100%;display:flex;justify-content:center}@media (max-width: 768px){.v-form-grid{grid-template-columns:1fr;gap:12px}}.v-section-inner .upload-action-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-bottom:12px}.v-section-inner .v-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;width:100%}.v-section-inner .v-form-label{font-size:14px;color:#374151;font-weight:500}.v-section-inner .v-form-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;box-sizing:border-box}.file-hash-display{width:100%;max-width:400px;text-align:center;margin:8px 0}.file-hash-label{font-size:12px;color:#6b7280;margin-bottom:4px;font-weight:500}.file-hash-display .file-hash-value{font-size:11px;word-break:break-all;line-height:1.3;color:#374151;padding:0;background:transparent;border:none}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal{background:#fff;border-radius:8px;padding:20px;max-width:400px;width:100%;text-align:center;box-shadow:0 4px 15px #0000001a}.modal-icon{font-size:48px;margin-bottom:10px}.modal-message h2{color:#007bff;margin:0;padding-bottom:10px}.modal-message p{color:#666;font-size:16px}.modal-ok-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.modal-ok-button:hover{background-color:#0056b3}.decrypt-skr{--primary: #1976d2;--primary-600: #1565c0;--primary-50: #f5f9ff;--border: #e6edf5;--text: #1f2937;--muted: #64748b}.decrypt-skr{max-width:720px;margin:0 auto;text-align:center;color:var(--text)}.decrypt-skr h2{margin-bottom:20px;font-weight:700;letter-spacing:.2px}.decrypt-skr .input-skr-id{width:100%;padding:12px 20px;margin-bottom:15px;box-sizing:border-box;font-size:16px;border:1px solid var(--border);border-radius:10px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.decrypt-skr .input-skr-id:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1976d226}.decrypt-skr .btn-decrypt{padding:10px 20px;font-size:16px;cursor:pointer;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:10px;transition:background .15s ease,border-color .15s ease,transform .02s ease}.decrypt-skr .btn-decrypt:hover{background:var(--primary-600);border-color:var(--primary-600)}.decrypt-skr .btn-decrypt:active{transform:translateY(1px)}.decrypt-skr .error-message{color:#c62828;margin-top:10px}.decrypt-skr .result-card{margin-top:20px;text-align:left;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 6px 18px #0000000a}.decrypt-skr .tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:12px}.decrypt-skr .tab-btn{padding:6px 12px;font-size:14px;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;cursor:pointer;border-radius:8px 8px 0 0;color:var(--muted);transition:color .15s ease,background .15s ease,border-color .15s ease}.decrypt-skr .tab-btn:hover{color:var(--primary);background:var(--primary-50)}.decrypt-skr .tab-btn.active{border-color:var(--border);border-bottom-color:var(--primary);color:var(--primary);background:var(--primary-50)}.decrypt-skr .spacer{flex:1}.decrypt-skr .btn-copy{padding:6px 12px;font-size:13px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:8px;transition:background .15s ease,border-color .15s ease,color .15s ease}.decrypt-skr .btn-copy:hover{background:var(--primary-50);border-color:var(--primary)}.decrypt-skr .btn-copy:disabled{color:#94a3b8;background:#f8fafc;border-color:var(--border);cursor:not-allowed}.decrypt-skr .data-table{width:100%;border-collapse:collapse;margin-top:6px;table-layout:fixed}.decrypt-skr .data-table th,.decrypt-skr .data-table td{border:1px solid var(--border);padding:10px 8px;vertical-align:top;word-wrap:break-word}.decrypt-skr .data-table th{background-color:#f8fbff;font-weight:600;width:30%;color:var(--text)}.decrypt-skr .data-table tr:nth-child(2n) td{background-color:#fcfeff}.decrypt-skr .data-table tr:hover td{background-color:var(--primary-50)}.decrypt-skr .json-pre{background-color:#f6f8fa;padding:12px;border-radius:10px;overflow:auto;max-height:360px;font-size:13px;line-height:1.55;margin:0;border:1px solid var(--border)}.user-guide-page{position:relative;min-height:100vh;width:100%;padding:40px 60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.user-guide-card{position:relative;z-index:1;width:100%;max-width:800px;background-color:#fffffff7;border-radius:12px;padding:40px;box-shadow:0 24px 60px #00000059}.user-guide-header{text-align:center;margin-bottom:40px}.user-guide-title{margin:0 0 12px;font-size:1.8rem;font-weight:600;color:#132338}.user-guide-subtitle{margin:0;font-size:1rem;color:#64748b}.user-guide-content{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px}.guide-section{padding:20px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.guide-section-title{margin:0 0 10px;font-size:1.1rem;font-weight:600;color:#147699}.guide-section-text{margin:0;font-size:.9rem;color:#475569;line-height:1.5}.user-guide-footer{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}.user-guide-note{margin:0;font-size:.85rem;color:#94a3b8;font-style:italic}@media (max-width: 768px){.user-guide-page{padding:20px}.user-guide-card{padding:30px 25px}.user-guide-content{grid-template-columns:1fr;gap:16px}.guide-section{padding:16px}}@media (max-width: 600px){.user-guide-page{padding:12px}.user-guide-card{border-radius:10px;padding:25px 20px}}.x-sidebar{width:200px;background-color:#fcfcfc;border-right:1px solid #ddd;padding:20px}.x-sidebar-title{font-size:1.5em;margin-bottom:20px;color:#007bff}.x-sidebar-nav a{display:block;margin-bottom:15px;padding:10px;color:#007bff;text-decoration:none;transition:background-color .3s ease;border-radius:5px}.x-sidebar-nav a:hover{background-color:#eee}@media (max-width: 768px){.x-sidebar{width:100%;position:fixed;top:0;left:-100%;height:100%;background-color:#fff;transition:left .3s ease;z-index:1000}.x-sidebar.open{left:0}}.x-interface{display:flex;height:100vh;background-color:#f9f9f9}.x-content{flex:1;padding:20px;min-height:100vh;background-color:#fff;box-shadow:inset 0 0 10px #0000000d}@media (max-width: 768px){.x-interface{flex-direction:column}}.x-dashboard{padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a}.x-dashboard h2{margin-top:0;font-size:24px;color:#333}.x-dashboard p{font-size:16px;margin-top:10px;color:#555}.x-dashboard .admin-stats{margin-top:20px}.x-dashboard .admin-stats p{margin:5px 0;font-size:14px;color:#666}.contract-view{display:flex;flex-direction:column;gap:20px}@media (max-width: 960px){.contract-view{flex-direction:column}}.cv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cv-title{margin:0;font-size:22px;font-weight:700;color:#222}.status-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;border:1px solid transparent}.status-pill.completed{background:#eaf7ea;color:#1b5e20;border-color:#c8e6c9}.status-pill.signed{background:#fff8e1;color:#8d6e00;border-color:#ffe082}.status-pill.draft{background:#eef2ff;color:#1e3a8a;border-color:#c7d2fe}.cv-card{border:1px solid #eaeaea;border-radius:12px;background:#fff;padding:16px}.cv-form-grid{display:grid;gap:12px}.cv-row label{display:block;margin-bottom:6px;font-weight:600;color:#333}.cv-row input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;background:#fafafa}.cv-meta{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px;font-size:12px;color:#555}.cv-meta code{word-break:break-all}.cv-actions{display:flex;gap:10px;margin-top:12px}.cv-actions .btn-back{background:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.cv-actions .btn-back:hover{background:#0056b3}.ce-wrap{max-width:980px;margin:0 auto;text-align:left;padding:20px}.ce-sub{color:#6b7280;margin:12px 0 24px;font-size:16px}.ce-load{color:#374151;margin-bottom:16px;padding:12px;background:#f3f4f6;border-radius:8px}.ce-error{color:#dc2626;margin-bottom:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.ce-resume{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:16px;margin-bottom:24px;box-shadow:0 10px 25px #0000001a}.ce-resume-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ce-resume-title{font-weight:600;font-size:18px}.ce-resume-status{color:#e5e7eb;font-size:14px}.ce-resume-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.ce-kv{display:flex;justify-content:space-between;padding:12px;background:#ffffff1a;border-radius:8px;font-size:14px}.ce-resume-actions{margin-top:16px;display:flex;gap:12px;align-items:center}.ce-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.ce-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9;transition:all .3s ease}.ce-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.ce-card h3{margin-top:0;margin-bottom:12px;color:#1f2937;font-size:20px}.ce-card p{color:#6b7280;min-height:60px;line-height:1.5;margin-bottom:20px}.ce-btn{width:100%;padding:14px 20px;border-radius:12px;border:none;background:#f8fafc;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.ce-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.ce-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ce-btn.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.ce-hint{font-size:13px;color:#9ca3af;margin-top:12px;line-height:1.4}.ce-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.ce-link:hover{color:#2563eb;text-decoration:underline}.ce-footer{margin-top:32px;text-align:center}@media (max-width: 768px){.ce-resume-body,.ce-grid{grid-template-columns:1fr}.ce-wrap{padding:16px}}.du-wrap{max-width:960px;margin:0 auto;text-align:left;padding:20px}.du-lifecycle{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;margin:24px 0 32px}.du-step{display:flex;align-items:center;gap:10px}.du-badge{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 4px 12px #3b82f64d}.du-label{font-weight:600;color:#1f2937}.du-line{height:3px;background:linear-gradient(90deg,#3b82f6,#dbeafe);border-radius:2px}.du-body{margin-top:20px}.du-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9;margin-bottom:24px}.du-muted{color:#6b7280;margin:12px 0 20px;line-height:1.5}.du-hash{margin-top:12px;word-break:break-all;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.du-summary{background:#f0f9ff;padding:20px;border-radius:12px;margin:16px 0 20px;border:1px solid #bae6fd}.du-sub{font-size:13px;color:#6b7280;margin-top:6px}.du-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.du-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;margin:20px 0}.du-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;box-sizing:border-box}.du-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.du-mini{padding:8px 16px;border-radius:8px;background:#f1f5f9;color:#374151;border:none;cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap}.du-mini:hover{background:#e2e8f0;transform:translateY(-1px)}.du-mini.danger{background:#fef2f2;color:#dc2626}.du-mini.danger:hover{background:#fee2e2}.du-checkbox{display:flex;align-items:center;gap:10px;margin:16px 0 20px;padding:12px;background:#f8fafc;border-radius:8px}.du-actions{display:flex;gap:12px;margin-top:24px}.du-btn{padding:14px 24px;border-radius:10px;border:none;background:#f1f5f9;color:#374151;font-weight:500;cursor:pointer;transition:all .2s;border:2px solid transparent}.du-btn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.du-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.du-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.du-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.du-error{color:#dc2626;margin-top:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.du-footnote{color:#6b7280;font-size:13px;margin-top:16px;line-height:1.4}.du-footer{margin-top:24px;text-align:center}.du-link{color:#3b82f6;text-decoration:none;font-weight:500}.du-link:hover{color:#2563eb;text-decoration:underline}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Courier New,monospace}input[type=file]{width:100%;padding:16px;border:2px dashed #d1d5db;border-radius:12px;background:#fafafa;cursor:pointer;transition:border-color .2s;box-sizing:border-box}input[type=file]:hover{border-color:#9ca3af;background:#f8fafc}input[type=checkbox]{width:18px;height:18px;border-radius:4px}@media (max-width: 768px){.du-grid{grid-template-columns:1fr}.du-lifecycle{grid-template-columns:1fr;gap:8px}.du-step{justify-content:center}.du-line{display:none}.du-actions{flex-direction:column}.du-btn{width:100%}}.admin-invite-page{max-width:600px;margin:0 auto;padding:20px}.admin-invite-page h2{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:8px;margin-bottom:5px;box-sizing:border-box}button[type=submit]{padding:10px 20px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px}.org-management-page{padding:20px;max-width:700px;margin:0 auto}.org-management-page h2{margin-bottom:20px}.org-form-section,.org-list-section{margin-bottom:30px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:8px;box-sizing:border-box}button[type=submit]{padding:8px 16px;background-color:#007bff;color:#fff;border-radius:4px;border:none;cursor:pointer}button[type=submit]:hover{background-color:#0056b3}.org-table{width:100%;border-collapse:collapse;margin-top:10px}.org-table th,.org-table td{padding:10px;border:1px solid #ddd;text-align:left}.pw-setup-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9f9f9;padding:20px;box-sizing:border-box}.pw-setup-card{background-color:#fff;width:420px;max-width:95%;padding:30px;border-radius:8px;box-shadow:0 3px 15px #0000001a;text-align:left}.pw-setup-title{font-size:1.8rem;margin-bottom:15px;color:#333;text-align:center}.pw-setup-desc{margin-bottom:20px;color:#666;text-align:center;line-height:1.4}.pw-setup-form{display:flex;flex-direction:column;gap:15px}.pw-setup-label{font-weight:600;color:#444}.pw-setup-input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem;box-sizing:border-box}.pw-setup-error{color:#e74c3c;font-weight:500;text-align:center}.pw-setup-button{padding:12px;background-color:#007bff;color:#fff;border:none;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.pw-setup-button:hover{background-color:#0056b3}.pw-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.pw-modal{background-color:#fff;width:420px;max-width:95%;padding:20px 25px;border-radius:8px;box-shadow:0 2px 15px #0003;text-align:center}.pw-modal h3{margin-bottom:15px;font-size:1.3rem}.pw-modal textarea{width:100%;margin-bottom:15px;border-radius:5px;border:1px solid #ddd;padding:10px;font-family:monospace;resize:none}.pw-modal p{margin-bottom:15px;color:#666}.pw-modal-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.pw-modal-button:hover{background-color:#218838}.totp-setup-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#f5f5f5;padding-top:40px}.totp-setup-page h2{font-size:1.8rem;margin-bottom:20px;color:#333}.totp-content{background-color:#fff;padding:30px;border-radius:10px;width:360px;max-width:90%;box-shadow:0 2px 10px #0000001a}.totp-content p{margin-bottom:15px;line-height:1.4;color:#555}.qr-code{display:block;margin:0 auto 20px;width:180px;height:180px}.totp-secret{background-color:#f0f0f0;padding:8px;font-family:monospace;border-radius:5px;margin-bottom:20px;word-break:break-all}.verify-container{display:flex;align-items:center;gap:10px}.verify-container input{width:100px;padding:8px;font-size:1rem;text-align:center;border:1px solid #ccc;border-radius:4px}.verify-container button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.totp-message{margin-top:20px;color:#28a745;font-weight:600;text-align:center}.forgot-password-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5}.forgot-password-page h2{margin-bottom:20px;font-size:1.8em;color:#333}.forgot-form{background:#fff;padding:20px 25px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:320px;display:flex;flex-direction:column;gap:15px}.forgot-form label{font-weight:700;color:#555}.forgot-form input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1em}.forgot-form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em}.forgot-form button:hover{background-color:#0056b3}.forgot-message{margin-top:15px;color:#28a745;font-weight:700;text-align:center}.back-button{margin-top:20px;padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer}.back-button:hover{background-color:#5a6268}.totp-verify-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5}.totp-verify-page h2{margin-bottom:20px;font-size:1.8rem;color:#333}.verify-container{background:#fff;padding:25px 30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:320px;display:flex;flex-direction:column;gap:15px}.verify-container p{margin:0;color:#555}.verify-container input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1em;text-align:center}.verify-container button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em}.verify-container button:hover{background-color:#0056b3}.verify-message{margin-top:10px;font-weight:700;color:#28a745;text-align:center}.profile-setup-page{padding:20px;max-width:600px;margin:0 auto}.profile-setup-page h2{margin-bottom:20px;text-align:center}.profile-basic-info{margin-bottom:20px;background-color:#f7f7f7;padding:15px;border-radius:8px}.profile-basic-info p{margin:6px 0;font-size:16px}.profile-optional-section{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.profile-optional-section h3{margin-bottom:10px}.profile-optional-view p{margin:6px 0;font-size:16px}.profile-optional-view button{margin-top:10px}.profile-optional-edit{display:flex;flex-direction:column;gap:10px}.profile-optional-edit label{font-size:14px;font-weight:600}.profile-optional-edit input{padding:8px;border-radius:5px;border:1px solid #ddd;font-size:14px}.profile-setup-buttons{display:flex;gap:10px;margin-top:10px}.profile-back-button{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.profile-back-button:hover{background-color:#0056b3}button{cursor:pointer;border:none;border-radius:5px;padding:8px 16px;background-color:#007bff;color:#fff;transition:background-color .3s ease}.settings-page{position:relative;min-height:100vh;width:100%;padding:60px 80px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.settings-card{position:relative;z-index:1;display:flex;width:100%;max-width:900px;min-height:600px;background-color:#fffffff7;border-radius:12px;box-shadow:0 24px 60px #00000059;overflow:hidden}.settings-sidebar{width:280px;padding:40px 30px;background:#147699;color:#fff;border-right:none}.settings-sidebar-title{display:none}.settings-nav-group{margin-bottom:32px}.settings-nav-group-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin-bottom:12px;display:flex;align-items:center;gap:6px}.tbd-inline{font-size:.7rem;background-color:#fff3;color:#fff;padding:1px 6px;border-radius:999px}.tbd-badge{font-size:.7rem;background-color:orange;color:#fff;padding:2px 6px;border-radius:999px;margin-left:8px;text-transform:uppercase;letter-spacing:.06em}.settings-nav-list{list-style:none;margin:0;padding:0}.settings-nav-item{position:relative;padding:14px 16px;margin-bottom:10px;border-radius:6px;font-size:.95rem;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .25s ease,color .25s ease}.settings-nav-item:hover{background-color:#ffffff26;border-radius:6px 0 0 6px;margin-right:-30px;padding-right:46px;position:relative;z-index:1}.settings-nav-item:not(:hover):not(.active){border-radius:6px;margin-right:0;padding-right:16px}.settings-nav-item.active{background-color:#fff;color:#147699;border-radius:6px 0 0 6px;margin-right:-30px;padding-right:46px;position:relative;z-index:1}.settings-nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-nav-icon img{width:100%;height:100%;object-fit:contain}.settings-nav-item .settings-nav-icon img{filter:brightness(0) invert(1)}.settings-nav-item.active .settings-nav-icon img{filter:brightness(0) invert(.4)}.settings-main{flex:1;padding:0;background:#fff;display:flex;flex-direction:column}.settings-main-header{display:none}.settings-content{background-color:transparent;border-radius:0;padding:50px 60px;box-shadow:none;flex:1;min-height:500px}.settings-content-title,.settings-content-subtitle{display:none}.profile-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 35px;max-width:700px;margin:0 auto}.profile-overview-item{display:flex;flex-direction:column}.profile-overview-item .label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:8px;font-weight:500}.profile-overview-item .value{font-size:1rem;color:#1e293b;padding:14px 16px;border:1px solid #cbd5e1;border-radius:8px;background-color:#fff;width:100%;box-sizing:border-box}.profile-overview-item .value:focus{outline:none;border-color:#147699}.profile-save-button{grid-column:1 / -1;justify-self:center;margin-top:50px;padding:14px 28px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;min-width:160px;background-color:transparent!important;color:#ff6b35!important;border:2px solid #ff6b35!important}.profile-save-button:hover{background-color:#ff6b35!important;color:#fff!important}.edit-profile-form{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.edit-profile-form label{font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:8px}.edit-profile-form input{padding:14px 16px;border-radius:8px;border:1px solid #cbd5e1;font-size:1rem;width:100%;box-sizing:border-box}.edit-profile-form input:focus{outline:none;border-color:#147699}.primary-save-button{margin-top:40px;align-self:center;padding:14px 28px;border-radius:25px;border:2px solid #ff6b35!important;background-color:transparent!important;color:#ff6b35!important;font-size:14px;font-weight:500;cursor:pointer;min-width:160px;transition:all .3s ease}.primary-save-button:hover{background-color:#ff6b35!important;color:#fff!important;box-shadow:none;transform:none}.security-section{display:flex;flex-direction:column;gap:25px}.security-item{padding:25px 30px;border-radius:10px;background-color:#f8fafc;border:1px solid #e2e8f0}.security-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.security-item-header h3{margin:0;font-size:1.1rem;color:#0f172a}.security-status-tag{font-size:.7rem;padding:2px 6px;border-radius:999px;background-color:#eab308;color:#1f2937;text-transform:uppercase;letter-spacing:.06em}.security-item-text{margin:8px 0 15px;font-size:.95rem;color:#475569}.security-item-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary-disabled-button{padding:12px 24px;border-radius:999px;border:1px dashed #cbd5e1;background-color:#fff;color:#94a3b8;font-size:.85rem;cursor:not-allowed}.settings-content-placeholder{margin-top:12px;font-size:1rem;color:#475569;line-height:1.6}.security-public-key-box{padding:12px 16px;border-radius:8px;background-color:#0f172a;color:#e5e7eb;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;overflow-x:auto}.security-public-key-box .label{display:block;margin-bottom:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}@media (max-width: 900px){.settings-page{padding:30px 40px}.settings-card{flex-direction:column;max-width:100%;min-height:0}.settings-sidebar{width:100%;padding:30px 25px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.settings-nav-item.active,.settings-nav-item:hover{margin-right:0;border-radius:6px;padding-right:16px}.settings-main{padding:0}.settings-content{padding:40px 30px}.profile-overview-grid{grid-template-columns:1fr;max-width:100%;gap:20px}}@media (max-width: 600px){.settings-page{padding:20px}.settings-card{border-radius:12px}.settings-content{padding:30px 20px}}.safe-integration{max-width:600px;margin:2rem auto;padding:2rem;border-radius:12px;background-color:#f8f8fc;box-shadow:0 4px 12px #0000000d;font-family:Segoe UI,sans-serif}.safe-integration h2{margin-bottom:1.5rem;font-size:1.5rem;color:#222}.safe-integration label{display:block;margin-top:1.2rem;margin-bottom:.3rem;font-weight:500;color:#444}.safe-integration input{width:100%;padding:.6rem;font-size:.95rem;border-radius:6px;border:1px solid #ccc}.safe-integration button{margin-top:1rem;padding:.7rem 1.2rem;font-size:1rem;background-color:#3478f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.2s ease}.safe-integration button:hover{background-color:#245bd1}.safe-integration p{font-size:.95rem;color:#555;margin-top:.7rem}.safe-integration hr{margin:2rem 0;border:none;border-top:1px solid #ddd}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:#fcfcfc;scroll-behavior:auto;overflow-x:hidden}html{scroll-behavior:smooth}table{width:100%;border-collapse:collapse}table th,table td{padding:10px;border:1px solid #ddd}table th{background-color:#f5f5f5}table tr:nth-child(2n){background-color:#f9f9f9}table tr:hover{background-color:#e0e0e0}table th,table td{text-align:left;padding:8px}table a{text-decoration:none;color:inherit}table a:visited{color:inherit}button{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}form{display:flex;flex-direction:column}form div{margin-bottom:10px}form label{margin-bottom:5px}form input,form select{padding:10px;border:1px solid #ddd;border-radius:5px}form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}form button:hover{background-color:#0056b3}@media (max-width: 768px){header{flex-direction:column}header .user-info{flex-direction:column;align-items:center;margin-top:10px}.user-info span{margin-right:0;margin-top:10px}main{flex-direction:column;text-align:center}main a{margin:10px 0}.container{flex-direction:column}aside nav a{margin-bottom:0}}#info{display:flex;align-items:flex-start}#info .info-text{flex:1}#info .info-image{flex:1;text-align:right}#info .info-image img{max-width:90%;height:auto;border-radius:10px}.contract-form .form-group{margin-bottom:15px}.contract-form .form-group.has-error input{border-color:red;background-color:#ffe6e6}.contract-form label{display:block;margin-bottom:5px;font-weight:700;color:#333}.contract-form input{width:calc(100% - 20px);padding:10px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.form-group.has-error input{border-color:red;background-color:#ffe6e6}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.error-message{color:red!important;font-size:.9em;margin-top:5px}.btn-submit,.btn-clear,.btn-sign,.btn-close,.btn-leave,.btn-confirm,.btn-back,.btn-edit{background-color:#147699!important;border-radius:25px!important;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.btn-random{background-color:#00bb5d;color:#fff;border:none;padding:10px 20px;border-radius:25px!important;cursor:pointer;transition:background-color .3s ease}.btn-clear-records{background-color:#00bb5d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-right:10px}.btn-clear-contracts{background-color:#00bb5d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn-submit.disabled,.btn-clear.disabled,.btn-sign.disabled,.btn-random.disabled,.btn-confirm.disabled,.btn-back.disabled,.btn-edit.disabled{background-color:silver;opacity:.5;color:#6c757d;cursor:not-allowed}.btn-submit:hover,.btn-sign:hover,.btn-clear:hover,.btn-close:hover,.btn-leave:hover,.btn-back:hover,.btn-confirm:hover{background-color:#0d5a7a!important}.btn-random:hover,.btn-clear-records:hover,.btn-clear-contracts:hover{background-color:#009a4d}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal{background:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:400px}.modal h2{margin-top:0}.modal button{margin-top:10px;width:100%}body.project-bg{background-image:url(/project_bg_2.jpeg);background-size:cover;background-position:top center;background-repeat:no-repeat;background-attachment:fixed}body.project-bg{position:relative}body.project-bg.light-overlay-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffb8;pointer-events:none;z-index:-1}
