:root{--bg:#f3efe8;--bg-outer:#e7e1d7;--surface:#fff;--chip:#f1ece4;--primary:#10302c;--accent:#b4532a;--accent-hover:#9a4522;--accent-light:#e39a74;--ink:#14211f;--ink-2:#3b4542;--muted:#5d6663;--muted-dark:#b9c6c2;--border:#e2dcd2;--divider:#f0ebe3;--error:#a3321a;--error-bg:#fbeae4;--success:#15803d;--grey:#9aa09d}*{box-sizing:border-box}html,body{background:var(--bg-outer);margin:0;padding:0}body{color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font-family:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{background:var(--bg);flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.ltr{direction:ltr;unicode-bidi:isolate}.grow{flex:1}.login-head{background:var(--primary);color:#fff;flex-direction:column;gap:8px;padding:56px 24px 40px;display:flex}.login-head b{font-size:26px}.login-head span{color:var(--muted-dark);font-size:16px}.login-body{flex-direction:column;flex:1;gap:18px;padding:28px 20px;display:flex}.label{font-size:16px;font-weight:700}.phone-row{direction:ltr;gap:8px;display:flex}.cc{border:1.5px solid var(--border);height:58px;color:var(--muted);background:#fff;border-radius:12px;flex:none;align-items:center;padding:0 16px;font-size:17px;display:flex}.input{border:1.5px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;min-width:0;height:58px;padding:0 16px;font-size:19px}.input:focus{border-color:var(--accent)}.input.bad{border-color:var(--error)}.phone-input{letter-spacing:1px;flex:1}.code-input{text-align:center;letter-spacing:12px;direction:ltr;border-radius:14px;height:72px;padding:0 0 0 12px;font-size:30px;font-weight:700}.field-err{color:var(--error);font-size:14px}.btn{background:var(--accent);color:#fff;border:none;border-radius:14px;width:100%;height:58px;font-size:18px;font-weight:700}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.7}.btn.dark{background:var(--primary)}.btn.dark:hover:not(:disabled){background:#0a221f}.hint{color:var(--muted);text-align:center;font-size:14px;line-height:1.7}.links{justify-content:space-between;align-items:center;font-size:15px;display:flex}.link{background:0 0;border:none;min-height:44px;padding:0;font-size:15px}.link.strong{color:var(--primary);font-weight:600}.link.accent{color:var(--accent)}.link.grey{color:var(--grey)}.done-mark{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 0;display:flex}.done-mark span{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.done-mark b{font-size:18px}.foot-note{text-align:center;color:var(--muted);padding:20px;font-size:14px;line-height:1.7}.choices{flex-direction:column;gap:10px;display:flex}.choice-btn{border:1.5px solid var(--border);text-align:right;background:#fff;border-radius:14px;min-height:58px;padding:0 18px;font-size:17px;font-weight:600}.choice-btn:hover{border-color:var(--accent)}.inbox-head{background:var(--primary);color:#fff;padding:18px 18px 0}.inbox-title{justify-content:space-between;align-items:center;display:flex}.inbox-title b{font-size:20px}.inbox-title span{color:var(--muted-dark);font-size:13.5px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.stat{background:#f3efe814;border-radius:12px;padding:12px 14px}.stat b{font-size:26px;display:block}.stat span{color:var(--muted-dark);font-size:13.5px}.tabs{scrollbar-width:none;gap:4px;margin-top:14px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{height:46px;color:var(--muted-dark);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1 0 auto;padding:0 12px;font-size:15px;font-weight:600}.tab.on{color:#fff;border-bottom-color:var(--accent-light)}.tab small{opacity:.8;font-size:12.5px}.list{background:#fff;flex:1}.row{border:none;border-bottom:1px solid var(--divider);text-align:right;background:#fff;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 16px;display:flex}.row:hover{background:#fcfbf9}.badge{border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;height:46px;font-size:14px;font-weight:700;display:flex}.row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-name{white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;overflow:hidden}.row-time{color:var(--muted);flex:none;font-size:13px}.row-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;overflow:hidden}.row.unread .row-name,.row.unread .row-sub,.row.unread .row-time{font-weight:700}.row.unread .row-time{color:var(--accent)}.dot{border-radius:50%;flex:0 0 12px;width:12px;height:12px}.empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:16px}.more{width:100%;height:56px;color:var(--accent);background:#fff;border:none;font-size:15px;font-weight:600}.banner{color:#7a5520;text-align:center;background:#fdf6e8;padding:8px 12px;font-size:13.5px}.banner.err{background:var(--error-bg);color:var(--error)}.banner.staff{color:#fff;z-index:20;background:#2f6a6a;position:sticky;top:0}.detail-head{background:var(--primary);color:#fff;align-items:center;gap:10px;padding:14px 12px;display:flex}.back{color:#fff;background:0 0;border:none;width:44px;height:44px;font-size:22px}.detail-head .t{flex-direction:column;min-width:0;line-height:1.3;display:flex}.detail-head b{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.detail-head span{color:var(--muted-dark);font-size:13px}.detail{flex-direction:column;flex:1;gap:18px;padding:18px 16px 28px;display:flex}.info{background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:16px;font-size:16px;display:flex}.info div{justify-content:space-between;gap:12px;display:flex}.info span:first-child{color:var(--muted)}.info span:last-child{text-align:left;font-weight:600}.actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action{height:76px;color:var(--ink);background:#fff;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}.action i{font-size:22px;font-style:normal;line-height:1}.action.dark{background:var(--primary);color:#fff}.action.dark:hover{color:#fff}.section{flex-direction:column;gap:10px;display:flex}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1.5px solid var(--border);min-height:48px;color:var(--ink);background:#fff;border-radius:24px;align-items:center;gap:8px;padding:0 16px;font-size:15.5px;display:flex}.pill.on{border-color:var(--primary);background:var(--primary);color:#fff}.pill.small{min-height:42px;font-size:14.5px}.pill .d{border-radius:50%;width:10px;height:10px}.money{align-items:center;gap:8px;display:flex}.money .input{height:52px;font-size:18px}.money span{color:var(--muted);font-size:15px}textarea.note{border:1.5px solid var(--border);resize:vertical;background:#fff;border-radius:12px;outline:none;min-height:110px;padding:14px;font-size:16px;line-height:1.7}textarea.note:focus{border-color:var(--accent)}.save-state{color:var(--muted);font-size:13px}.save-state.err{color:var(--error)}.nav{border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#fff;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0}.nav a{height:62px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13.5px;display:flex}.nav a i{font-size:19px;font-style:normal;line-height:1.2}.nav a.on{color:var(--accent);font-weight:600}.soon{text-align:center;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:12px;padding:60px 24px;font-size:16px;line-height:1.8;display:flex}.soon b{color:var(--ink);font-size:20px}.page-head{background:var(--primary);color:#fff;padding:18px;font-size:20px;font-weight:700}.loading{text-align:center;color:var(--muted);padding:60px 20px}.mypage-head{background:var(--primary);color:#fff;padding:18px}.mypage-head>b{margin-bottom:14px;font-size:20px;display:block}.domain-card{background:#f3efe814;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.domain-text{flex-direction:column;gap:4px;display:flex}.domain-text .host{text-align:right;font-size:18px;font-weight:700}.status{align-items:center;gap:6px;font-size:13.5px;display:flex}.status i{border-radius:50%;width:8px;height:8px}.status.ok{color:#a9d5bf}.status.ok i{background:#4ade80}.status.wait{color:#e8c48c}.status.wait i{background:#c58b3a}.open-site{background:var(--bg);height:48px;color:var(--primary);border-radius:10px;align-items:center;padding:0 18px;font-size:15.5px;font-weight:600;display:flex}.open-site:hover{color:var(--primary)}fieldset.mypage{border:none;flex-direction:column;gap:22px;min-width:0;margin:0;padding:18px 16px 24px;display:flex}.logo-row{align-items:center;gap:16px;display:flex}.logo-box{width:96px;height:96px;color:var(--muted);background:#fff;border:1.5px dashed #c9c1b4;border-radius:16px;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex;overflow:hidden}.logo-box img{object-fit:cover;width:100%;height:100%;display:block}.logo-actions{flex-direction:column;gap:2px;display:flex}.link.danger{color:var(--error)}textarea.note.tagline{min-height:90px;font-size:16.5px}.chip{border:1.5px solid var(--border);background:#fff;border-radius:23px;align-items:center;gap:6px;min-height:46px;padding:0 16px 0 6px;font-size:15.5px;display:flex}.chip button{background:var(--chip);width:34px;height:34px;color:var(--error);border:none;border-radius:50%;font-size:14px}.add-row{gap:8px;display:flex}.input.small{height:50px;padding:0 14px;font-size:16px}.input.wa{text-align:right;height:54px;font-size:17px}.btn.small{border-radius:12px;flex:none;width:auto;height:50px;padding:0 18px;font-size:15.5px;font-weight:400}.works{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.work{aspect-ratio:1;background:#fff;border-radius:10px;display:block;position:relative;overflow:hidden}.work img{object-fit:cover;width:100%;height:100%;display:block}.work button{color:#fff;background:#14211fa6;border:none;border-radius:50%;width:32px;height:32px;font-size:13px;position:absolute;top:6px;left:6px}.dashed{height:48px;color:var(--ink);background:0 0;border:1.5px dashed #c9c1b4;border-radius:12px;font-size:15.5px}.dashed:disabled{opacity:.5}.card-edit{background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.input.soft{background:#faf8f4;border-color:#efe9df;border-radius:10px;height:46px;padding:0 12px;font-size:15.5px}.input.soft.q{font-weight:600}textarea.note.soft{background:#faf8f4;border-color:#efe9df;border-radius:10px;min-height:64px;padding:10px 12px;font-size:15.5px}.del{background:var(--chip);width:46px;height:46px;color:var(--error);border:none;border-radius:10px;flex:0 0 46px}.stars-pick{direction:ltr;justify-content:flex-end;gap:2px;display:flex}.stars-pick button{color:#d9d2c6;background:0 0;border:none;width:40px;height:40px;padding:0;font-size:24px}.stars-pick button.on{color:var(--accent)}.mypage-foot{flex-direction:column;gap:14px;padding:0 16px 24px;display:flex}.logout{border:1.5px solid var(--border);height:48px;color:var(--error);background:0 0;border-radius:12px;font-size:15.5px}.save-bar{bottom:calc(62px + env(safe-area-inset-bottom));background:var(--bg);z-index:9;flex-direction:column;gap:8px;padding:10px 16px;display:flex;position:sticky}.save-err{border-radius:10px}.saved-note{color:var(--muted);text-align:center;font-size:13px}fieldset:disabled .dashed,fieldset:disabled .del,fieldset:disabled .chip button,fieldset:disabled .work button{display:none}.report-head{background:var(--primary);color:#fff;padding:18px}.week-switch{background:#f3efe814;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:4px;display:flex}.week-switch span{font-size:16px;font-weight:600}.week-switch button{color:#fff;background:0 0;border:none;width:48px;height:48px;font-size:20px}.week-switch button:disabled{color:#ffffff40}.report{flex-direction:column;flex:1;gap:16px;padding:18px 16px 28px;display:flex}.rcard{background:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.rcard.row-between{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.col{flex-direction:column;gap:2px;display:flex}.rmuted{color:var(--muted);font-size:15px}.rtitle{font-size:16px;font-weight:700}.three{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.three div{flex-direction:column;gap:2px;display:flex}.three .mid{border-inline:1px solid var(--divider)}.three b{font-size:32px}.three b.green{color:var(--success)}.three span{color:var(--muted);font-size:14px}.stack{background:var(--chip);border-radius:5px;height:10px;display:flex;overflow:hidden}.value{font-size:28px;font-weight:700}.value small{font-size:16px;font-weight:500}.trend{white-space:nowrap;font-size:14px;font-weight:600}.trend.up{color:var(--success)}.trend.down{color:var(--error)}.reply{font-size:24px;font-weight:700}.reply.good{color:var(--success)}.reply.warn{color:#c58b3a}.reply.bad{color:var(--error)}.tip{color:var(--muted);font-size:14.5px;line-height:1.7}.src{align-items:center;gap:12px;display:flex}.badge.small{flex:0 0 36px;height:36px;font-size:13px}.src-main{flex-direction:column;flex:1;gap:6px;display:flex}.src-line{justify-content:space-between;font-size:15px;display:flex}.src-line b{font-weight:600}.track{background:var(--chip);border-radius:3px;height:6px;display:block}.track span{background:var(--primary);border-radius:3px;height:6px;display:block}.waiting{background:var(--accent);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.waiting:hover{color:#fff;background:var(--accent-hover)}.waiting b{font-size:17px}.waiting .col span{opacity:.9;font-size:14px}.waiting .arrow{font-size:22px}.footnote{color:var(--muted);text-align:center;font-size:13.5px}.col-gap{flex-direction:column;gap:10px;display:flex}.fixed-q{background:#f6f2ec}.fixed-q b{font-size:15.5px}.switch-row{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:15.5px;font-weight:600;display:flex}.switch-row input{width:20px;height:20px;accent-color:var(--primary);flex:none}.switch-row.small{min-height:36px;font-size:14.5px;font-weight:400}.muted-s{color:var(--muted);font-size:13px;font-weight:400}.q-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.q-tools .grow{flex:1}.kind{background:#faf8f4;border:1.5px solid #efe9df;border-radius:10px;height:40px;padding:0 10px;font-size:14.5px}.arrow-btn{background:var(--chip);border:none;border-radius:10px;width:40px;height:40px;font-size:16px}.arrow-btn:disabled{opacity:.35}.options{border-inline-start:3px solid var(--chip);flex-direction:column;gap:6px;padding-inline-start:8px;display:flex}.del.small{flex:0 0 40px;width:40px;height:40px}.answers{border-top:1px solid var(--divider);flex-direction:column;gap:10px;padding-top:10px;display:flex}.answers>div{align-items:flex-start}.answers span:last-child{white-space:pre-line;overflow-wrap:anywhere;max-width:65%}.alerts-card{border-bottom:1px solid var(--divider);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.alerts-text{flex-direction:column;flex:220px;gap:4px;display:flex}.alerts-text b{font-size:15.5px}.alerts-text span{color:var(--muted);font-size:13.5px;line-height:1.7}.alerts-actions{align-items:center;gap:12px;display:flex}.alerts-actions .btn.small{height:44px;padding:0 22px;font-weight:700}.or-line{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.or-line:before,.or-line:after{content:"";background:var(--divider);flex:1;height:1px}.google-btn{border:1px solid var(--divider);height:54px;color:var(--primary);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;font-size:16.5px;font-weight:600;text-decoration:none;display:flex}.google-btn:hover{background:#f7f7f5}.google-card{border:1px solid var(--divider);text-align:start;background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.google-card b{font-size:15.5px}.google-card .muted{color:var(--muted);font-size:13.5px;line-height:1.7}.google-card .ok{color:var(--primary);font-size:14.5px}