/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:Inter, "Noto Sans JP", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, Arial, sans-serif, "Segoe UI Symbol", "Apple Symbols", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-sm:0 .125rem .25rem #00000013}@supports (color:color-mix(in lab, red, red)){:root,:host{--shadow-sm:0 .125rem .25rem color-mix(in srgb, var(--myopti-color-black) 7.5%, transparent)}}:root,:host{--shadow-md:0 .5rem 1rem #00000026}@supports (color:color-mix(in lab, red, red)){:root,:host{--shadow-md:0 .5rem 1rem color-mix(in srgb, var(--myopti-color-black) 15%, transparent)}}:root,:host{--shadow-lg:0 1rem 3rem #0000002d}@supports (color:color-mix(in lab, red, red)){:root,:host{--shadow-lg:0 1rem 3rem color-mix(in srgb, var(--myopti-color-black) 17.5%, transparent)}}:root,:host{--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--myopti-color-white:#fff;--myopti-color-black:#000;--myopti-color-gray-100:#f8f9fa;--myopti-color-gray-200:#e9ecef;--myopti-color-gray-300:#dee2e6;--myopti-color-gray-700:#495057;--myopti-color-gray-900:#212529;--myopti-color-brand:#714b67;--myopti-color-action:#017e84;--myopti-color-success:#28a745;--myopti-color-warning:#ffac00;--myopti-color-danger:#dc3545;--myopti-color-app-bg:var(--myopti-color-gray-100);--myopti-color-surface:var(--myopti-color-white);--myopti-color-border:var(--myopti-color-gray-300);--myopti-color-border-subtle:var(--myopti-color-gray-200);--myopti-color-text:var(--myopti-color-gray-900);--myopti-color-text-muted:#495057c2}@supports (color:color-mix(in lab, red, red)){:root,:host{--myopti-color-text-muted:color-mix(in srgb, var(--myopti-color-gray-700) 76%, transparent)}}:root,:host{--myopti-color-active-bg:#c7e0e2}@supports (color:color-mix(in lab, red, red)){:root,:host{--myopti-color-active-bg:color-mix(in srgb, var(--myopti-color-action) 20%, var(--myopti-color-gray-100))}}:root,:host{--myopti-color-active-border:var(--myopti-color-action);--myopti-color-action-bg-subtle:#e6f2f3}@supports (color:color-mix(in lab, red, red)){:root,:host{--myopti-color-action-bg-subtle:color-mix(in srgb, var(--myopti-color-action) 10%, var(--myopti-color-white))}}:root,:host{--myopti-color-danger-bg-subtle:#fcebec}@supports (color:color-mix(in lab, red, red)){:root,:host{--myopti-color-danger-bg-subtle:color-mix(in srgb, var(--myopti-color-danger) 10%, var(--myopti-color-white))}}:root,:host{--myopti-color-warning-bg-subtle:#fff3d9}@supports (color:color-mix(in lab, red, red)){:root,:host{--myopti-color-warning-bg-subtle:color-mix(in srgb, var(--myopti-color-warning) 15%, var(--myopti-color-white))}}:root,:host{--myopti-color-link:#01787d}@supports (color:color-mix(in lab, red, red)){:root,:host{--myopti-color-link:color-mix(in srgb, var(--myopti-color-action) 95%, var(--myopti-color-black))}}:root,:host{--myopti-space-1:4px;--myopti-space-2:calc(var(--myopti-space-1) * 2);--myopti-space-4:16px;--myopti-shadow-sm:var(--shadow-sm);--myopti-font-size-base:14px;--myopti-line-height-base:1.5}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{font-family:var(--font-sans);color:var(--myopti-color-text);background:var(--myopti-color-app-bg)}body{min-width:0;font-size:var(--myopti-font-size-base);line-height:var(--myopti-line-height-base);margin:0}a{color:var(--myopti-color-link);text-decoration:none}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.app{background:var(--myopti-color-app-bg);min-height:100vh;display:flex}aside{background:var(--myopti-color-surface);border-right:1px solid var(--myopti-color-border);z-index:2;flex-direction:column;width:220px;display:flex;position:fixed;inset:0 auto 0 0}.logo{height:64px;color:var(--myopti-color-brand);letter-spacing:-.7px;align-items:center;padding:0 24px;font-size:20px;display:flex}.logo span{color:var(--myopti-color-action);margin-right:5px;font-size:26px}nav{flex:1;padding:1px 10px}nav button{width:100%;height:36px;color:var(--myopti-color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:0 10px;display:flex}nav button:hover,nav button.active{background:var(--myopti-color-active-bg);color:var(--myopti-color-active-border)}nav button span{white-space:nowrap}.nav-icon{text-align:center;width:16px;color:var(--myopti-color-action);font-size:15px;font-family:"Noto Sans Symbols 2","Noto Sans Symbols","Segoe UI Symbol","Apple Symbols",var(--font-sans);font-variant-emoji:text}nav button em{background:var(--myopti-color-success);color:var(--myopti-color-white);border-radius:10px;margin-left:auto;padding:1px 4px;font-size:14px;font-style:normal;line-height:1}nav button i{color:var(--myopti-color-text-muted);margin-left:auto;font-style:normal}.aside-bottom{border-top:1px solid var(--myopti-color-border-subtle);height:42px;color:var(--myopti-color-text-muted);justify-content:center;align-items:center;display:flex}.content{width:calc(100% - 220px);margin-left:220px}header{background:var(--myopti-color-surface);border-bottom:1px solid var(--myopti-color-border);align-items:center;gap:18px;height:64px;padding:0 24px;display:flex}.create{background:var(--myopti-color-action);color:var(--myopti-color-white);border:0;border-radius:6px;padding:10px 18px;font-weight:700}.search{color:var(--myopti-color-text-muted)}.toplinks{color:var(--myopti-color-text);align-items:center;gap:18px;margin-left:auto;font-size:14px;display:flex}.toplinks small{color:var(--myopti-color-text-muted);font-size:14px;display:block}.avatar,.mini-avatar{background:var(--myopti-color-action-bg-subtle);width:30px;height:30px;color:var(--myopti-color-action);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}main{max-width:1600px;margin:auto;padding:24px 25px 32px}h1{letter-spacing:-.8px;margin:0 0 17px;font-size:26px}h3{margin:20px 0 9px;font-size:18px}.title-row{align-items:center;gap:16px;display:flex}.title-row h1{margin:0}.title-row a,.actions a,a{color:var(--myopti-color-link)}.title-row a{font-size:14px}.cards{gap:8px;display:grid}.jobs-cards{grid-template-columns:repeat(4,1fr)}.activity-cards{grid-template-columns:repeat(5,1fr)}.card{background:var(--myopti-color-surface);height:77px;box-shadow:var(--myopti-shadow-sm);border-radius:3px;flex-direction:column;padding:13px 16px;display:flex}.card b{font-size:25px;line-height:28px}.card span{margin-top:5px;font-size:14px}.activity-cards .card:nth-child(6){grid-column:1}.task-head{justify-content:space-between;align-items:end;margin-top:18px;display:flex}.task-head h3{margin:0}.task-head small{font-weight:400}.task-head a{font-size:14px}.todo{grid-template-columns:4fr 1fr;gap:10px;height:255px;margin-top:10px;display:grid}.empty{background:var(--myopti-color-surface);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty span{color:var(--myopti-color-text-muted);font-size:14px}.tray{color:var(--myopti-color-text-muted);font-size:30px}.side{border-left:1px solid var(--myopti-color-border-subtle)}.tabs{gap:2px;margin-bottom:16px;display:flex}.tabs button{background:var(--myopti-color-gray-200);color:var(--myopti-color-text);border:0;padding:7px 14px}.tabs button:first-child{border-radius:5px 0 0 5px}.tabs button:last-child{border-radius:0 5px 5px 0}.tabs button.selected{background:var(--myopti-color-surface);box-shadow:var(--myopti-shadow-sm);color:var(--myopti-color-action)}.tabs b{color:var(--myopti-color-action)}.actions{height:48px;color:var(--myopti-color-link);justify-content:space-between;align-items:center;display:flex}.actions>div{gap:7px;display:flex}.actions button,.actions input{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);height:34px;color:var(--myopti-color-text);border-radius:5px;padding:0 14px;font-size:14px}.actions button.primary{background:var(--myopti-color-action);color:var(--myopti-color-white);border-color:var(--myopti-color-action);font-weight:700}.actions input{width:150px;color:var(--myopti-color-text)}.table-wrap{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);height:calc(100vh - 200px);overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}th{text-align:left;border-bottom:1px solid var(--myopti-color-border);height:36px;color:var(--myopti-color-text);padding:0 11px}td{border-bottom:1px solid var(--myopti-color-border-subtle);height:34px;color:var(--myopti-color-text);padding:0 11px}tbody tr:hover{background:var(--myopti-color-active-bg)}mark{background:var(--myopti-color-action-bg-subtle);color:var(--myopti-color-action);border-radius:5px;padding:3px 7px;font-size:14px}.faces{background:#eee9ed}@supports (color:color-mix(in lab, red, red)){.faces{background:color-mix(in srgb, var(--myopti-color-brand) 12%, var(--myopti-color-white))}}.faces{color:var(--myopti-color-brand);border-radius:10px;padding:4px}.mini-avatar{background:var(--myopti-color-action);width:18px;height:18px;color:var(--myopti-color-white);margin-right:3px;font-weight:700}.orange{background:var(--myopti-color-warning);color:var(--myopti-color-white);border-radius:10px}.green{color:var(--myopti-color-success)}.info{color:var(--myopti-color-action);font-size:14px}@media (width<=1050px){.toplinks>span:nth-child(-n+5){display:none}.cards{grid-template-columns:repeat(2,1fr)}.activity-cards .card:nth-child(6){grid-column:auto}}.client-shortcut{gap:8px;display:flex;position:fixed;bottom:20px;right:25px}.client-shortcut button,.blue,.save{background:var(--myopti-color-action);color:var(--myopti-color-white);border:0;border-radius:5px;padding:9px 14px}.page-tabs,.wide-tabs{border-bottom:1px solid var(--myopti-color-border);gap:2px;margin-bottom:14px;display:flex;overflow:auto}.page-tabs button,.wide-tabs button{background:var(--myopti-color-gray-200);white-space:nowrap;border:0;padding:8px 13px}.page-tabs button.on,.wide-tabs button.on{background:var(--myopti-color-surface);color:var(--myopti-color-action);border-bottom:2px solid var(--myopti-color-action)}.wide-tabs.wrap{flex-wrap:wrap}.page-tools{height:48px;color:var(--myopti-color-link);justify-content:space-between;align-items:center;display:flex}.page-tools>div{gap:7px;display:flex}.page-tools button,.page-tools input{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);border-radius:5px;height:34px;padding:0 13px;font-size:14px}.data-box{background:var(--myopti-color-surface);height:calc(100vh - 200px);overflow:auto}.data-box table{border-collapse:collapse;width:100%}.dot{background:var(--myopti-color-success);border-radius:50%;width:6px;height:6px;display:inline-block}.feature{background:var(--myopti-color-active-bg);border-radius:5px;justify-content:space-between;padding:20px;display:flex}.feature h2{margin:0;font-size:20px}.feature button{background:var(--myopti-color-action);color:var(--myopti-color-white);border:0;border-radius:5px;padding:8px 12px;font-size:14px}.feature>b{color:var(--myopti-color-action);font-size:42px}.feed{background:var(--myopti-color-surface)}.feed article{border-bottom:1px solid var(--myopti-color-border-subtle);align-items:center;gap:14px;height:58px;padding:0 15px;display:flex}.feed article div{flex-direction:column;flex:1;display:flex}.feed small,.feed time{color:var(--myopti-color-text-muted);font-size:14px}.chatbox{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);grid-template-columns:260px 1fr 220px;height:calc(100vh - 125px);display:grid}.threads{border-right:1px solid var(--myopti-color-border)}.thread-search{border-bottom:1px solid var(--myopti-color-border);padding:15px}.threads button{border:0;border-bottom:1px solid var(--myopti-color-border-subtle);background:var(--myopti-color-surface);text-align:left;align-items:center;gap:8px;width:100%;height:68px;display:flex}.threads button.on{background:var(--myopti-color-active-bg)}.person{background:var(--myopti-color-action-bg-subtle);width:33px;height:33px;color:var(--myopti-color-action);border-radius:50%;place-items:center;display:grid}.threads button span{flex:1}.threads button small{color:var(--myopti-color-text-muted);margin-top:4px;font-size:14px;display:block}.threads time{color:var(--myopti-color-text-muted);font-size:14px}.messages{flex-direction:column;display:flex}.messages header{border-bottom:1px solid var(--myopti-color-border);justify-content:space-between;height:50px;padding:15px;display:flex}.message-area{background:var(--myopti-color-app-bg);flex:1;padding:25px}.message-area p{background:var(--myopti-color-surface);max-width:66%;box-shadow:var(--myopti-shadow-sm);border-radius:8px;padding:12px}.message-area p.mine{background:var(--myopti-color-action-bg-subtle);margin-left:auto}.message-area small{text-align:right;color:var(--myopti-color-text-muted);font-size:14px;display:block}.messages footer{border:1px solid var(--myopti-color-border);color:var(--myopti-color-text-muted);border-radius:5px;margin:12px;padding:14px}.messages footer span{float:right;color:var(--myopti-color-link)}.thread-info{border-left:1px solid var(--myopti-color-border);padding:15px}.thread-info small,.thread-info b,.thread-info a{margin-top:14px;display:block}.overview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.overview section{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);min-height:180px;padding:18px}.blank{background:var(--myopti-color-surface);flex-direction:column;justify-content:center;align-items:center;height:480px;display:flex}.blank>b{color:var(--myopti-color-text-muted);font-size:42px}.blank button{background:var(--myopti-color-success);color:var(--myopti-color-white);border:0;border-radius:5px;padding:9px 15px;font-size:14px}.board{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.board>section{background:var(--myopti-color-gray-200);min-height:470px;padding:10px}.board article{background:var(--myopti-color-surface);margin-bottom:9px;padding:12px}.cal{background:var(--myopti-color-surface)}.cal>h2{text-align:center;padding:15px}.cal>div{grid-template-columns:repeat(7,1fr);display:grid}.cal>div>b,.cal section{border:1px solid var(--myopti-color-border-subtle);padding:8px}.cal section{height:95px}.cal mark{margin-top:8px;display:block}.market{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.market article{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);align-items:center;gap:10px;padding:12px;display:flex}.market article>div{flex:1}.market article>button{border:1px solid var(--myopti-color-action);background:var(--myopti-color-surface);color:var(--myopti-color-action);border-radius:5px;padding:8px 12px;font-size:14px}.settings{background:var(--myopti-color-surface);grid-template-columns:220px 1fr;min-height:580px;display:grid}.settings nav{border-right:1px solid var(--myopti-color-border);padding:15px}.settings nav button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:12px;font-size:14px;display:block}.settings nav button.on{background:var(--myopti-color-active-bg);color:var(--myopti-color-link)}.settings>section{max-width:750px;padding:25px}.settings label{border-bottom:1px solid var(--myopti-color-border-subtle);justify-content:space-between;align-items:center;padding:15px;display:flex}.settings label small{color:var(--myopti-color-text-muted);font-size:14px;display:block}.settings label input:not([type=checkbox]){border:1px solid var(--myopti-color-border);border-radius:5px;width:280px;padding:8px;font-size:14px}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metrics section{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);border-radius:5px;padding:20px}.metrics b{font-size:25px;display:block}.chart{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);border-radius:5px;align-items:end;gap:12px;height:340px;margin-top:14px;padding:20px;display:flex}.chart h2{align-self:start}.chart i{background:var(--myopti-color-action);flex:1}.en{opacity:.65;font-size:14px;font-weight:400}.note{opacity:.75;margin:12px 0;font-size:14px}.mine{text-align:right}@media (width<=700px){.app{flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}aside{border-right:0;border-bottom:1px solid var(--myopti-color-border);flex-direction:row;align-items:center;width:auto;max-width:100vw;position:static;inset:auto;overflow-x:auto}aside nav{flex-direction:row;gap:4px;padding:6px 8px;display:flex}aside nav button{white-space:nowrap;flex:none;width:auto}.logo{flex:none;padding:0 12px}.aside-bottom{display:none}.content{width:100%;margin-left:0}header{flex-wrap:wrap;gap:8px;height:auto;padding:8px 16px}main{padding:16px}.data-box,.table-wrap{overflow-x:auto}}.customer-page{min-width:0;font-size:14px}.customer-page table{white-space:normal;font-size:14px}.customer-page th,.customer-page td{vertical-align:top;height:auto;padding:10px 11px}.customer-page small{font-size:14px}.customer-page h2{font-size:20px}.customer-page h3{font-size:16px}.customer-page button,.customer-page input,.customer-page select,.customer-page textarea{font-size:14px}.customer-page .data-box{max-width:100%;height:auto;overflow:auto}.customer-page button:disabled{opacity:.5;cursor:not-allowed}.request-link{color:var(--myopti-color-link);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.request-detail{padding:20px}.request-detail h2{overflow-wrap:anywhere;margin-top:0}.request-meta{flex-wrap:wrap;gap:24px;margin:0 0 20px;display:flex}.request-meta div{min-width:140px}.request-meta dt{color:var(--myopti-color-text-muted)}.request-meta dd{margin:6px 0 0;font-weight:700}.request-detail li{margin:8px 0}.request-detail>.blue{cursor:pointer;border:0;margin-top:10px}.thread-list{gap:12px;max-height:calc(100vh - 270px);padding:16px;display:grid}.thread-message{background:var(--myopti-color-app-bg);border:1px solid var(--myopti-color-border-subtle);border-radius:6px;max-width:760px;margin:0;padding:12px 14px}.thread-message.mine{background:var(--myopti-color-action-bg-subtle);text-align:left;justify-self:end}.thread-message header{background:0 0;border:0;justify-content:space-between;gap:16px;height:auto;padding:0;display:flex}.thread-message header small{color:var(--myopti-color-text-muted)}.thread-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.customer-composer{gap:8px}.customer-composer input{flex:1;min-width:0}.customer-composer button{cursor:pointer;height:34px}.file-send{padding:18px}.file-send>label{margin-bottom:10px;font-weight:700;display:block}.file-input{width:100%;max-width:520px;display:block}.file-notice{background:var(--myopti-color-warning-bg-subtle);border:1px solid #ebcc8a;padding:12px}@supports (color:color-mix(in lab, red, red)){.file-notice{border:1px solid color-mix(in srgb, var(--myopti-color-warning) 40%, var(--myopti-color-border))}}.file-notice{overflow-wrap:anywhere}.answer-form{gap:18px;max-width:800px;padding:20px;display:grid}.answer-field{gap:7px;display:grid}.answer-field>span{font-weight:700}.answer-field input,.answer-field select,.answer-field textarea{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);width:100%;min-width:0;color:var(--myopti-color-text);border-radius:5px;padding:10px}.answer-field textarea{resize:vertical}.required{color:var(--myopti-color-danger);margin-left:6px;font-size:14px;font-style:normal;font-weight:400}.answer-check{align-items:flex-start;gap:9px;display:flex}.answer-check input{flex:none;width:18px;height:18px;margin:2px 0 0}.form-actions{flex-wrap:wrap;gap:9px;display:flex}.form-actions button{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);cursor:pointer;border-radius:5px;min-height:38px;padding:9px 14px;font-size:14px}.form-actions .blue{border-color:var(--myopti-color-action);background:var(--myopti-color-action);color:var(--myopti-color-white)}.form-errors{color:#a52834;padding:12px 16px}@supports (color:color-mix(in lab, red, red)){.form-errors{color:color-mix(in srgb, var(--myopti-color-danger) 75%, var(--myopti-color-black))}}.form-errors{background:var(--myopti-color-danger-bg-subtle);border:1px solid #dd9da6}@supports (color:color-mix(in lab, red, red)){.form-errors{border:1px solid color-mix(in srgb, var(--myopti-color-danger) 40%, var(--myopti-color-border))}}.form-errors ul{margin-bottom:0}.draft-status{color:var(--myopti-color-text-muted);margin:0}.form-complete{text-align:center;padding:30px 20px}.form-complete>b{color:var(--myopti-color-success);font-size:32px}.form-complete .blue{cursor:pointer;border:0}@media (width<=700px){.customer-page .page-tools{flex-wrap:wrap;gap:8px;height:auto;min-height:48px;padding:8px 0}.customer-page .data-box{max-height:none}.customer-composer input{flex-basis:180px}.request-detail,.answer-form,.file-send{padding:14px}.request-meta{gap:14px}.thread-message{max-width:92%}}.caster-page{min-width:0;max-width:100%;font-size:14px}.caster-page .data-box{border:1px solid var(--myopti-color-border);max-width:100%;height:auto;max-height:calc(100vh - 250px);overflow:auto}.caster-page table{white-space:nowrap;font-size:14px}.caster-summary{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.caster-summary>span{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);border-radius:5px;padding:7px 11px}.caster-summary b{color:var(--myopti-color-link);margin:0 4px 0 8px}.caster-filter{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:12px;display:flex}.caster-filter select{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);max-width:100%;min-height:38px;color:var(--myopti-color-text);border-radius:5px;padding:7px 10px;font-size:14px}.caster-detail{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);min-width:0;max-width:100%;margin-top:14px;padding:18px}.caster-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.caster-detail h2{overflow-wrap:anywhere;margin:0;font-size:20px}.caster-detail dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.caster-detail dt{color:var(--myopti-color-text-muted)}.caster-detail dd{overflow-wrap:anywhere;margin:5px 0 0;font-weight:700}.caster-actions{flex-wrap:wrap;gap:8px;display:flex}.caster-actions button,.caster-detail-head button,.caster-comment-form button{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);cursor:pointer;min-height:38px;color:var(--myopti-color-text);border-radius:5px;padding:8px 13px;font-size:14px}.caster-actions .blue,.caster-comment-form .blue{border-color:var(--myopti-color-action);background:var(--myopti-color-action);color:var(--myopti-color-white)}.caster-page button:disabled{opacity:.5;cursor:not-allowed}.caster-comments{border-top:1px solid var(--myopti-color-border-subtle);margin-top:22px}.caster-comments h3{font-size:16px}.caster-comments ul{gap:8px;padding:0;list-style:none;display:grid}.caster-comments li{background:var(--myopti-color-app-bg);border:1px solid var(--myopti-color-border-subtle);border-radius:5px;padding:10px 12px}.caster-comments li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 5px}.caster-comment-form{gap:9px;display:grid}.caster-comment-form textarea{resize:vertical;border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);width:100%;min-width:0;min-height:84px;color:var(--myopti-color-text);border-radius:5px;padding:10px;font-size:14px}.caster-comment-form button{justify-self:start}@media (width<=700px){.caster-page .data-box{max-height:none;overflow-x:auto}.caster-detail{padding:14px}.caster-detail dl{grid-template-columns:1fr;gap:12px}}.restricted{padding:20px;font-size:14px}.restricted label{margin:0 0 12px;display:block}.entrance-page{overflow-wrap:anywhere;min-width:0;max-width:760px;font-size:14px}.entrance-person{gap:7px;max-width:560px;margin-bottom:24px;display:grid}.entrance-person label{font-weight:700}.entrance-person select{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);width:100%;min-width:0;min-height:42px;color:var(--myopti-color-text);border-radius:5px;padding:8px 10px;font-size:14px}.entrance-windows{gap:12px;max-width:560px;display:grid}.entrance-windows button{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);min-width:0;min-height:76px;color:var(--myopti-color-text);text-align:left;cursor:pointer;border-radius:6px;padding:14px 16px}.entrance-windows button:hover{border-color:var(--myopti-color-action);background:var(--myopti-color-action-bg-subtle)}.entrance-window-name{font-size:19px;font-weight:700;display:block}.entrance-window-subtitle{color:var(--myopti-color-text-muted);margin-top:6px;font-size:14px;display:block}.entrance-empty{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);padding:18px}.entrance-sample{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);min-width:0;max-width:640px;padding:20px}.entrance-sample h1{overflow-wrap:anywhere}.entrance-sample h2{font-size:18px}.entrance-moving{background:var(--myopti-color-active-bg);color:#01656a;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.entrance-moving{color:color-mix(in srgb, var(--myopti-color-action) 80%, var(--myopti-color-black))}}.entrance-moving{border:1px solid var(--myopti-color-border-subtle);border-radius:5px}.entrance-sample-switch{z-index:auto;border-right:0;width:auto;max-width:560px;margin-top:14px;padding:11px 13px;display:block;position:static;inset:auto}.entrance-custom-form{max-width:480px;margin-top:18px}.entrance-custom-form>label{margin-bottom:7px;font-weight:700;display:block}.entrance-custom-row{flex-wrap:wrap;gap:8px;display:flex}.entrance-custom-row input{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);min-width:0;min-height:40px;color:var(--myopti-color-text);border-radius:5px;flex:180px;padding:8px 10px;font-size:14px}.entrance-custom-row button{cursor:pointer;border:0;min-height:40px}.entrance-error{color:#a52834;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.entrance-error{color:color-mix(in srgb, var(--myopti-color-danger) 75%, var(--myopti-color-black))}}.entrance-error{background:var(--myopti-color-danger-bg-subtle);border:1px solid #dd9da6}@supports (color:color-mix(in lab, red, red)){.entrance-error{border:1px solid color-mix(in srgb, var(--myopti-color-danger) 40%, var(--myopti-color-border))}}.entrance-error{border-radius:5px}.entrance-back{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);cursor:pointer;border-radius:5px;min-height:38px;margin-top:12px;padding:8px 13px;font-size:14px}@media (width<=700px){.entrance-page{width:100%;max-width:100%}.entrance-sample{padding:14px}}.entrance-custom-form input[type=text],.entrance-custom-form input:not([type]),.entrance-custom-form input[type=password]{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);width:100%;max-width:360px;min-height:40px;color:var(--myopti-color-text);margin-bottom:14px;padding:6px 10px;font-size:16px;display:block}.entrance-custom-form button.blue{cursor:pointer;border:0;min-height:40px;padding:0 18px}.entrance-sample-switch{max-width:560px;margin:18px auto 0;font-size:14px}.mail-section{max-width:1600px;margin:auto;padding:0 25px 32px}@media (width<=700px){.mail-section{padding:0 16px 24px}}.mail-list{margin-top:8px}.mail-item{background:var(--myopti-color-surface);border:1px solid var(--myopti-color-border);margin-bottom:12px;padding:12px 14px}.mail-item .mail-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.mail-item.sent{border-left:4px solid var(--myopti-color-action)}.mail-item h3{margin:6px 0 2px}.mail-from{color:var(--myopti-color-text-muted);margin:0 0 8px}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;font-size:14px}.mail-files{margin:8px 0 0;padding-left:18px;font-size:14px}.mail-summary{background:var(--myopti-color-action-bg-subtle);border:1px solid var(--myopti-color-border-subtle);border-radius:5px;margin:10px 0 0;padding:8px 10px;font-size:14px}.entrance-logo{width:auto;max-width:100%;height:40px;display:block}.entrance-windows button{align-items:center;min-height:72px;display:flex}.entrance-sample h1 .entrance-logo{height:44px}.entrance-windows button img[alt=Project\ Management],.entrance-sample h1 img[alt=Project\ Management]{height:64px}.case-card{margin-bottom:18px;padding:14px 16px}.case-meta{margin:6px 0 14px}.case-company{margin-top:0}.steps{align-items:center;gap:3px;margin-top:6px;display:flex}.steps>span{background:var(--myopti-color-border-subtle);border-radius:3px;width:34px;height:6px}.steps>span.on{background:var(--myopti-color-action)}.steps small{margin-left:6px}.turn{border-radius:10px;padding:2px 8px;font-size:14px;font-weight:700;display:inline-block}.turn-customer{background:var(--myopti-color-warning-bg-subtle);color:#b37800}@supports (color:color-mix(in lab, red, red)){.turn-customer{color:color-mix(in srgb, var(--myopti-color-warning) 70%, var(--myopti-color-black))}}.turn-other{background:var(--myopti-color-action-bg-subtle);color:#01585c}@supports (color:color-mix(in lab, red, red)){.turn-other{color:color-mix(in srgb, var(--myopti-color-action) 70%, var(--myopti-color-black))}}.turn-none{color:var(--myopti-color-text-muted);font-weight:400}.password-page{max-width:560px;padding:24px 16px}.password-page input{width:100%;max-width:480px;margin-bottom:14px;display:block}.file-send label{margin:14px 0 6px;font-weight:700;display:block}.file-send label:first-child{margin-top:0}.file-send select,.file-send .file-input{max-width:100%;margin-bottom:8px;display:block}.file-send+h2{margin-top:24px}.live-tabs{flex-wrap:wrap;gap:8px;padding:12px 25px 0;display:flex}.live-tabs button{border:1px solid var(--myopti-color-border);background:var(--myopti-color-surface);cursor:pointer;width:auto;height:auto;padding:8px 14px;font-size:14px}.live-tabs button.on{border-color:var(--myopti-color-action);background:var(--myopti-color-action-bg-subtle);font-weight:700}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}