:root{--ic-ink:#183b31;--ic-green:#174b3c;--ic-sage:#e8f1ec;--ic-bg:#f8f6f1;--ic-card:#fff;--ic-red:#c63d2f;--ic-line:#dfe4df;--ic-muted:#748078;--ic-serif:Georgia,"Times New Roman",serif;--ic-sans:Inter,Arial,sans-serif}
body.intocn-modal-open{overflow:hidden}
.intocn-portal,.intocn-login-shell,.intocn-login-required{font-family:var(--ic-sans);color:var(--ic-ink);box-sizing:border-box}
.intocn-portal *,.intocn-login-shell *,.intocn-login-required *{box-sizing:border-box}
.intocn-portal{min-height:100vh;background:var(--ic-bg);display:grid;grid-template-columns:220px minmax(0,1fr);max-width:none!important;width:100vw;margin-left:calc(50% - 50vw);position:relative}
.intocn-side{position:sticky;top:0;height:100vh;background:#fbfaf6;border-right:1px solid var(--ic-line);padding:36px 16px 24px;display:flex;flex-direction:column}
.intocn-brand{display:flex;align-items:center;gap:10px;padding:0 14px 30px}.intocn-brand img{width:44px;height:44px;object-fit:contain}.intocn-brand strong{font-size:20px;letter-spacing:2px}.intocn-brand small{display:block;font-size:7px;letter-spacing:1.5px;line-height:1.4;color:var(--ic-muted)}
.intocn-side nav{display:flex;flex-direction:column;gap:8px}.intocn-side nav button{border:0;background:transparent;color:var(--ic-ink);border-radius:10px;padding:14px 16px;text-align:left;font:600 15px var(--ic-sans);cursor:pointer;display:flex;gap:14px;align-items:center}.intocn-side nav button:first-letter{font-size:20px}.intocn-side nav button:hover,.intocn-side nav button.is-active{background:#e6eee9}.intocn-side>p{margin:auto 14px 0;font-size:9px;line-height:1.65;letter-spacing:1.4px;color:#879087}
.intocn-main{padding:27px 30px 40px;min-width:0}.intocn-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.intocn-top h1{font:700 34px/1.1 var(--ic-serif);margin:0;color:var(--ic-ink)}.intocn-top p{margin:5px 0 0;color:var(--ic-muted);font-size:13px}.intocn-user{display:flex;align-items:center;gap:10px}.intocn-user>span{width:42px;height:42px;border-radius:50%;background:var(--ic-green);color:#fff;display:grid;place-items:center}.intocn-user strong,.intocn-user small{display:block;font-size:12px}.intocn-user small{color:var(--ic-muted);margin-top:3px}.intocn-user a{font-size:11px;color:var(--ic-red);text-decoration:none;margin-left:12px}
.intocn-dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(245px,1fr);gap:16px}.intocn-project-card,.intocn-team-card,.intocn-panel,.intocn-empty,.intocn-hidden-panel{background:var(--ic-card);border:1px solid var(--ic-line);border-radius:14px;box-shadow:0 2px 8px rgba(25,55,45,.02)}
.intocn-project-card{padding:22px}.intocn-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.intocn-kicker{display:block;color:#678478;font-size:9px;font-weight:800;letter-spacing:1.4px;margin-bottom:8px}.intocn-card-head h2,.intocn-team-card h2,.intocn-panel h2,.intocn-hidden-panel h2,.intocn-empty h2{font:700 29px/1.05 var(--ic-serif);margin:0;color:var(--ic-ink)}.intocn-card-head p{font-size:12px;color:var(--ic-muted);margin:10px 0}.intocn-card-head p i{display:inline-block;height:12px;border-left:1px solid var(--ic-line);margin:0 9px;vertical-align:middle}.intocn-ref{background:#eef3ef;border-radius:99px;padding:8px 12px;font-size:11px;white-space:nowrap}
.intocn-stages{display:grid;grid-template-columns:repeat(5,1fr);margin:18px 5px 22px;position:relative}.intocn-stages:before{content:"";position:absolute;top:15px;left:9%;right:9%;height:2px;background:#d9dfdc}.intocn-stages>div{position:relative;text-align:center;z-index:1}.intocn-stages>div>span{width:32px;height:32px;border-radius:50%;border:1px solid var(--ic-line);background:#f5f6f4;margin:0 auto 7px;display:grid;place-items:center;font-size:11px}.intocn-stages .done>span{background:var(--ic-green);border-color:var(--ic-green);color:#fff}.intocn-stages .current>span{background:#fff;border:2px solid var(--ic-green);box-shadow:0 0 0 3px #dbe9e2}.intocn-stages strong,.intocn-stages small{display:block}.intocn-stages strong{font-size:11px}.intocn-stages small{font-size:8px;color:var(--ic-muted);margin-top:3px}
.intocn-latest{background:var(--ic-sage);border-radius:10px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) 115px 115px;gap:9px;align-items:center}.intocn-update-copy small,.intocn-update-copy strong{display:block}.intocn-update-copy small{font-size:9px;color:var(--ic-muted);margin-bottom:5px}.intocn-update-copy strong{font-size:15px}.intocn-update-copy p{font-size:10px;line-height:1.55;margin:6px 0 0;color:#65736c}.intocn-latest img{width:100%;height:78px;border-radius:7px;object-fit:cover}.intocn-shipping{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.intocn-shipping small,.intocn-shipping strong,.intocn-shipping span{display:block}.intocn-shipping small{font-size:9px;color:var(--ic-muted)}.intocn-shipping strong{font:700 21px var(--ic-serif);margin:3px 0}.intocn-shipping span{font-size:9px;color:var(--ic-muted)}
.intocn-primary,.intocn-team-actions a{border:0;border-radius:7px;background:var(--ic-red);color:#fff!important;text-decoration:none!important;padding:13px 24px;font:700 12px var(--ic-sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.intocn-primary:hover{background:#ad3025}.intocn-primary:disabled{opacity:.5;cursor:not-allowed}.intocn-secondary{border:1px solid var(--ic-line);border-radius:7px;background:#fff;padding:12px 20px;color:var(--ic-ink);font-weight:700;cursor:pointer}
.intocn-team-card{padding:18px}.intocn-team-card h2{font-size:22px}.intocn-team-card>p{font-size:10px;margin:4px 0 12px;color:var(--ic-muted)}.intocn-manager-photo{width:100%;max-width:280px;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:#f1f1ef;margin:0 auto}.intocn-manager-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.intocn-online{display:block;color:#688075;font-size:8px;margin:8px 0}.intocn-online:first-letter{color:#35ac6e}.intocn-team-card h3{font:700 21px var(--ic-serif);margin:0}.intocn-team-card>span{font-size:10px;color:var(--ic-muted)}.intocn-team-card blockquote{font:700 14px/1.4 var(--ic-serif);margin:10px 0 13px}.intocn-team-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intocn-team-actions a{background:var(--ic-green);padding:11px 7px}.intocn-team-actions a.secondary{background:#fff;color:var(--ic-ink)!important;border:1px solid var(--ic-line)}
.intocn-lower-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px}.intocn-panel{padding:18px}.intocn-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.intocn-panel-head h2{font-size:20px}.intocn-panel-head b{font:700 10px var(--ic-sans);background:var(--ic-red);color:#fff;padding:4px 7px;border-radius:50%;vertical-align:middle}.intocn-timeline{display:grid;gap:12px}.intocn-timeline>div{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:14px;padding-left:15px;position:relative}.intocn-timeline>div:before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:#25805f}.intocn-timeline time{grid-row:1/3;font-size:9px;color:var(--ic-muted)}.intocn-timeline strong{font-size:11px}.intocn-timeline p{font-size:9px;color:var(--ic-muted);margin:3px 0}.intocn-approval{background:#fff3f1;border-radius:9px;padding:16px}.intocn-approval>span{color:var(--ic-red);font-size:8px;font-weight:800;letter-spacing:1.2px}.intocn-approval h3{font:700 17px var(--ic-serif);margin:8px 0 5px}.intocn-approval p,.intocn-approved p{font-size:10px;color:var(--ic-muted);line-height:1.45}.intocn-approval .intocn-primary{width:100%;padding:11px}.intocn-approved{padding:18px;background:#eef6f1;border-radius:9px}.intocn-approved strong{color:var(--ic-green)}
.intocn-documents{margin-top:16px}.intocn-doc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.intocn-doc-grid a{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:10px;align-items:center;color:var(--ic-ink)!important;text-decoration:none!important;padding:8px;border-radius:8px}.intocn-doc-grid a:hover{background:#f6f5f1}.intocn-doc-grid a>b{height:34px;border-radius:4px;background:#fdebea;color:var(--ic-red);font-size:8px;display:grid;place-items:center}.intocn-doc-grid strong,.intocn-doc-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intocn-doc-grid strong{font-size:10px}.intocn-doc-grid small{font-size:8px;color:var(--ic-muted);margin-top:4px}.intocn-doc-grid i{font-style:normal;font-size:20px}.intocn-no-docs{font-size:12px;color:var(--ic-muted)}.intocn-file-project{font:700 20px var(--ic-serif);margin:28px 0 10px}
.intocn-hidden-panel{padding:28px}.intocn-hidden-panel.intocn-hidden-panel{display:none}.intocn-order-list{display:grid;gap:12px;margin-top:25px}.intocn-order-row{border:1px solid var(--ic-line);border-radius:10px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 180px 100px;gap:18px;align-items:center}.intocn-order-row span{font-size:9px;color:var(--ic-muted)}.intocn-order-row h3{font:700 20px var(--ic-serif);margin:5px 0}.intocn-order-row p,.intocn-order-row small,.intocn-order-row strong{display:block;font-size:11px}.intocn-order-row small{color:var(--ic-muted);margin-bottom:4px}.intocn-empty{padding:60px;min-height:450px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.intocn-empty>span{font-size:10px;letter-spacing:1.5px;color:#688075}.intocn-empty h2{font-size:40px;margin:12px 0}.intocn-empty p{max-width:540px;color:var(--ic-muted);line-height:1.7}
.intocn-modal[hidden]{display:none!important}.intocn-modal{position:fixed;z-index:100000;inset:0;background:rgba(10,28,22,.58);display:grid;place-items:center;padding:20px}.intocn-modal>div{position:relative;width:min(540px,100%);background:#fff;border-radius:15px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.intocn-modal h2{font:700 32px var(--ic-serif);margin:0 0 12px}.intocn-modal p{color:var(--ic-muted);line-height:1.6}.intocn-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.intocn-modal-stats{display:grid;grid-template-columns:1fr 1fr;background:var(--ic-sage);border-radius:9px;padding:15px;margin:20px 0}.intocn-modal-stats span,.intocn-modal-stats strong{display:block;font-size:11px}.intocn-modal-stats strong{font-size:14px;margin-top:4px}.intocn-confirm{display:flex;align-items:flex-start;gap:8px;background:#f8f6f1;padding:14px;border-radius:8px;margin:20px 0;font-size:12px}.intocn-modal-actions{display:flex;justify-content:flex-end;gap:10px}.intocn-ajax-message{font-size:12px;color:var(--ic-green)}
.intocn-login-shell{min-height:calc(100vh - 80px);width:100vw;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:1.1fr .9fr;background:var(--ic-bg)}.intocn-login-aside{background:linear-gradient(140deg,rgba(18,68,52,.96),rgba(12,48,37,.96));color:#fff;padding:70px max(50px,8vw);display:flex;flex-direction:column;justify-content:center}.intocn-login-aside img{width:75px;height:75px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.intocn-login-aside>span{font-size:10px;letter-spacing:2px;margin:28px 0 16px;color:#b6d0c5}.intocn-login-aside h1{font:700 clamp(38px,5vw,66px)/1 var(--ic-serif);margin:0}.intocn-login-aside p{max-width:560px;font-size:15px;line-height:1.7;color:#d4e1dc}.intocn-login-card{padding:70px max(35px,8vw);display:flex;flex-direction:column;justify-content:center}.intocn-login-card h2{font:700 42px var(--ic-serif);margin:0}.intocn-login-card>p{color:var(--ic-muted);margin-bottom:28px}.intocn-login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.intocn-login-card input[type=text],.intocn-login-card input[type=password]{width:100%;height:50px;border:1px solid var(--ic-line);border-radius:8px;padding:0 14px;font:14px var(--ic-sans)}.intocn-login-card input[type=submit]{width:100%;height:50px;border:0;border-radius:8px;background:var(--ic-red);color:#fff;font-weight:700;cursor:pointer}.intocn-login-card .login-remember label{font-weight:400}.intocn-forgot{font-size:12px;color:var(--ic-red);text-decoration:none;margin-top:12px}.intocn-login-card>small{margin-top:28px;color:var(--ic-muted)}.intocn-login-required{background:#fff;border:1px solid var(--ic-line);border-radius:14px;padding:45px;max-width:600px;margin:80px auto;text-align:center}.intocn-login-required h2{font:700 36px var(--ic-serif)}
.intocn-team-directory-panel{padding:30px}.intocn-directory-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.intocn-directory-head h2{font-size:36px;max-width:700px}.intocn-directory-head p{max-width:720px;color:var(--ic-muted);font-size:13px;line-height:1.65;margin:10px 0 0}.intocn-directory-note{max-width:260px;background:var(--ic-sage);border-radius:9px;padding:13px 15px;font-size:10px;line-height:1.5;color:#567065}.intocn-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.intocn-agent-card{overflow:hidden;border:1px solid var(--ic-line);border-radius:12px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.intocn-agent-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(24,59,49,.09)}.intocn-agent-card.is-assigned{border:2px solid var(--ic-green)}.intocn-agent-photo{aspect-ratio:4/5;background:#edf0ed;overflow:hidden}.intocn-agent-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.intocn-agent-body{padding:17px}.intocn-agent-status{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#27815f;margin-bottom:9px}.intocn-agent-status .is-busy{color:var(--ic-muted)}.intocn-agent-status b{background:#e7f0eb;border-radius:99px;padding:4px 7px;font-size:8px}.intocn-agent-body h3{font:700 23px var(--ic-serif);margin:0 0 3px}.intocn-agent-body>strong{font-size:10px;color:var(--ic-muted)}.intocn-agent-body>p{min-height:44px;font:700 13px/1.45 var(--ic-serif);margin:12px 0;color:var(--ic-ink)}.intocn-agent-body dl{margin:0 0 15px;padding-top:12px;border-top:1px solid var(--ic-line)}.intocn-agent-body dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;margin:6px 0;font-size:9px}.intocn-agent-body dt{color:var(--ic-muted)}.intocn-agent-body dd{margin:0;font-weight:600}.intocn-agent-button{width:100%;border:0;border-radius:7px;padding:11px;background:var(--ic-green);color:#fff;font:700 11px var(--ic-sans);cursor:pointer}.intocn-agent-button:hover:not(:disabled){background:#0f3b2e}.intocn-agent-button:disabled{cursor:not-allowed;background:#e9eeeb;color:#6e7973}.intocn-agent-button.is-requested{background:#e3eee8;color:var(--ic-green)}.intocn-agent-button.is-current{background:var(--ic-green);color:#fff}.intocn-agent-message{position:sticky;bottom:18px;margin:18px auto 0;max-width:720px;border-radius:8px;background:var(--ic-green);color:#fff;text-align:center;font-size:12px;line-height:1.5}.intocn-agent-message:not(:empty){padding:13px 18px}.intocn-agent-message.is-error{background:var(--ic-red)}
@media(max-width:1050px){.intocn-portal{grid-template-columns:80px minmax(0,1fr)}.intocn-side{padding:26px 10px}.intocn-brand{padding:0 6px 28px}.intocn-brand>div,.intocn-side nav button span,.intocn-side>p{display:none}.intocn-side nav button{justify-content:center;font-size:20px}.intocn-dashboard-grid{grid-template-columns:1fr}.intocn-team-card{display:grid;grid-template-columns:200px 1fr;column-gap:18px;align-content:start}.intocn-team-card h2,.intocn-team-card>p{grid-column:1/-1}.intocn-manager-photo{grid-row:3/10;width:200px;max-width:200px}.intocn-doc-grid{grid-template-columns:repeat(2,1fr)}.intocn-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.intocn-portal{display:block}.intocn-side{position:fixed;z-index:99;left:0;right:0;bottom:0;top:auto;width:100%;height:68px;padding:7px 5px;border-top:1px solid var(--ic-line);border-right:0}.intocn-side .intocn-brand,.intocn-side>p{display:none}.intocn-side nav{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.intocn-side nav button{display:block;padding:8px 2px;font-size:14px;text-align:center}.intocn-side nav button span{display:block;font-size:7px;margin-top:3px}.intocn-main{padding:20px 14px 92px}.intocn-top{align-items:flex-start}.intocn-top h1{font-size:27px}.intocn-user>div,.intocn-user>a{display:none}.intocn-card-head{display:block}.intocn-ref{display:inline-block;margin-top:5px}.intocn-stages{overflow-x:auto;grid-template-columns:repeat(5,105px);padding-bottom:8px}.intocn-stages:before{display:none}.intocn-latest{grid-template-columns:1fr 82px}.intocn-latest img:last-child{display:none}.intocn-shipping{align-items:flex-end}.intocn-shipping .intocn-primary{padding:11px 14px}.intocn-team-card{display:block}.intocn-manager-photo{width:100%;max-width:320px}.intocn-lower-grid{grid-template-columns:1fr}.intocn-doc-grid{grid-template-columns:1fr}.intocn-order-row{grid-template-columns:1fr 1fr}.intocn-order-row>div:first-child{grid-column:1/-1}.intocn-modal>div{padding:28px 22px}.intocn-modal-stats{grid-template-columns:1fr;gap:12px}.intocn-login-shell{grid-template-columns:1fr}.intocn-login-aside{padding:45px 25px;min-height:42vh}.intocn-login-aside h1{font-size:42px}.intocn-login-card{padding:50px 25px}.intocn-login-card h2{font-size:35px}.intocn-team-directory-panel{padding:20px}.intocn-directory-head{display:block}.intocn-directory-head h2{font-size:29px}.intocn-directory-note{display:block;max-width:none;margin-top:15px}.intocn-agent-grid{grid-template-columns:1fr}.intocn-agent-card{max-width:420px;margin:0 auto;width:100%}}