*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f5f7fb;color:#1e2633}.app-shell{min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid #edf0f6;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:285px;cursor:pointer}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#ffbf2f,#ff8a00);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 6px 16px rgba(255,153,0,.25)}.brand-name{font-size:18px;font-weight:800;letter-spacing:1px}.brand-sub{font-size:9px;color:#a0a8b8;margin-top:1px}.top-nav{display:flex;gap:6px;flex:1}.top-nav-item,.side-nav-item{border:0;background:transparent;cursor:pointer;font:inherit}.top-nav-item{padding:9px 14px;border-radius:8px;color:#667085}.top-nav-item:hover,.top-nav-item.active{color:#635bff;background:#f1f0ff}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:#f5f7fb;width:36px;height:36px;border-radius:10px;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7357ff,#8d4df6);color:#fff;display:grid;place-items:center;font-weight:800}.user-mini{display:flex;flex-direction:column;font-size:12px}.user-mini span{font-size:10px;color:#9aa3b2;margin-top:2px}.main-layout{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:18px}.sidebar{min-height:calc(100vh - 104px)}.profile-card{padding:18px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#7765ff,#8d44ef);box-shadow:0 12px 30px rgba(108,80,230,.24)}.profile-head{display:flex;gap:10px;align-items:center;margin-bottom:18px}.profile-avatar{width:42px;height:42px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;font-weight:800}.profile-head strong{font-size:14px}.verified{font-size:11px;color:#dcd8ff;margin-top:4px}.profile-line{display:flex;justify-content:space-between;font-size:11px;padding:7px 0;color:#ebe8ff}.profile-line b{font-weight:600}.wallet-btn{width:100%;border:0;margin-top:10px;padding:9px;border-radius:9px;background:#fff;color:#704fff;font-weight:700;cursor:pointer}.side-group-title{font-size:12px;color:#9aa3b2;margin:22px 10px 8px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;color:#667085;text-align:left}.side-nav-item:hover,.side-nav-item.active{background:#eef1ff;color:#5b58f6}.side-nav-item em{margin-left:auto;font-style:normal;background:#ff5a64;color:#fff;font-size:10px;padding:2px 7px;border-radius:999px}.content{min-width:0}.panel{background:#fff;border:1px solid #edf0f6;border-radius:16px;box-shadow:0 4px 18px rgba(21,35,60,.04)}.page-head{padding:20px 22px 12px}.page-title{font-size:20px;font-weight:800;margin:0}.page-desc{margin-top:6px;font-size:12px;color:#8c95a5}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 22px;border-top:1px solid #f1f3f7;border-bottom:1px solid #f1f3f7}.input,.select{height:36px;border:1px solid #e4e8f0;border-radius:8px;background:#fff;padding:0 11px;color:#596274;outline:none}.input{min-width:285px}.btn{border:0;border-radius:8px;height:36px;padding:0 15px;cursor:pointer;font-weight:700}.btn-primary{background:#635bff;color:#fff}.btn-primary:hover{filter:brightness(.96)}.btn-soft{background:#f0efff;color:#6559f4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #edf0f6;border-radius:14px;padding:17px}.stat-card span{font-size:12px;color:#8e97a7}.stat-card strong{display:block;font-size:25px;margin-top:7px}.stat-card small{display:block;color:#35a86b;margin-top:5px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 16px;border-bottom:1px solid #f0f2f6;text-align:left;font-size:12px;white-space:nowrap}.table th{color:#6f7888;background:#fafbfc;font-weight:700}.event-cell{display:flex;gap:10px;align-items:center}.poster{width:42px;height:54px;border-radius:7px;object-fit:cover;flex:0 0 auto}.poster-placeholder{width:42px;height:54px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:10px;background:linear-gradient(145deg,#5d5bff,#b45cff)}.event-title{font-weight:700;color:#2b3340;max-width:300px;overflow:hidden;text-overflow:ellipsis}.event-meta{font-size:10px;color:#9aa3b2;margin-top:4px}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700}.tag-green{background:#e9f9f0;color:#26925a}.tag-orange{background:#fff4e7;color:#d98219}.tag-blue{background:#eaf2ff;color:#3974df}.tag-purple{background:#f0edff;color:#6751e5}.tag-red{background:#ffecef;color:#d94b59}.action-link{color:#5c5bf3;cursor:pointer;margin-right:10px;font-weight:700}.dashboard-hero{background:linear-gradient(120deg,#141627 0,#242745 45%,#6549ef 100%);border-radius:18px;padding:26px;color:white;display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-bottom:18px;overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-90px;background:rgba(255,255,255,.08)}.hero-copy h1{font-size:28px;margin:0 0 10px}.hero-copy p{font-size:13px;color:#d9d8ea;line-height:1.8;max-width:620px}.hero-search{display:flex;gap:8px;margin-top:18px}.hero-search input{flex:1;min-width:0;border:0;border-radius:10px;padding:0 14px;height:42px}.hero-search button{height:42px}.hero-card{align-self:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);padding:18px;border-radius:14px;backdrop-filter:blur(8px)}.hero-card strong{font-size:30px;display:block}.hero-card span{font-size:12px;color:#deddf0}.section-title{font-size:16px;font-weight:800;margin:0 0 12px}.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.event-card{background:#fff;border:1px solid #edf0f6;border-radius:14px;overflow:hidden;transition:.2s}.event-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(36,46,77,.09)}.event-cover{height:135px;background:linear-gradient(135deg,#ff9c50,#6d54ef);display:flex;align-items:flex-end;padding:14px;color:#fff;font-weight:800}.event-card-body{padding:14px}.event-card-body h3{font-size:14px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card-body p{font-size:11px;color:#8e97a7;margin:4px 0}.price{margin-top:10px;color:#ef5c4f;font-size:18px;font-weight:800}.message-layout{display:grid;grid-template-columns:310px 1fr;min-height:640px}.chat-list{border-right:1px solid #edf0f6}.chat-list-head{padding:18px;border-bottom:1px solid #edf0f6}.chat-row{padding:14px 16px;display:flex;gap:10px;cursor:pointer;border-bottom:1px solid #f1f3f7}.chat-row:hover,.chat-row.active{background:#f6f5ff}.chat-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff8c40,#6d54ef);color:white;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.chat-info{min-width:0;flex:1}.chat-name{font-weight:700;font-size:13px}.chat-preview{font-size:11px;color:#919aaa;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main{display:flex;flex-direction:column}.chat-top{padding:18px 20px;border-bottom:1px solid #edf0f6;font-weight:800}.chat-body{flex:1;background:#fbfcfe;padding:20px;overflow:auto}.bubble{max-width:70%;padding:10px 12px;border-radius:12px;margin-bottom:12px;font-size:12px;line-height:1.6}.bubble.other{background:#fff;border:1px solid #eaedf4}.bubble.me{background:#665af5;color:#fff;margin-left:auto}.chat-send{display:flex;gap:10px;padding:15px;border-top:1px solid #edf0f6}.chat-send input{flex:1}.empty-state{padding:60px 24px;text-align:center;color:#8e97a7}.empty-icon{font-size:42px;margin-bottom:12px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.help-card{padding:20px;background:#fff;border:1px solid #edf0f6;border-radius:14px}.help-card h3{margin:0 0 8px;font-size:15px}.help-card p{font-size:12px;color:#8e97a7;line-height:1.7}.toast{position:fixed;right:22px;bottom:22px;background:#242839;color:#fff;padding:11px 16px;border-radius:9px;box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s;z-index:50;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.top-nav{display:none}.main-layout{grid-template-columns:210px 1fr}.event-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{padding:0 14px}.brand{min-width:auto}.user-mini{display:none}.main-layout{display:block;padding:10px}.sidebar{min-height:auto}.profile-card{display:none}.side-group-title{display:none}.side-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.side-nav-item{justify-content:center;font-size:11px;padding:10px 5px}.side-nav-item span{display:none}.dashboard-hero{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.message-layout{grid-template-columns:1fr}.chat-list{border-right:0}.chat-main{min-height:520px}.help-grid{grid-template-columns:1fr}}
.service-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#635bff,#9c4df3);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;flex:0 0 auto}.progress{height:7px;background:#eef0f5;border-radius:999px;overflow:hidden;min-width:110px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#665cf6,#9b57ef);border-radius:999px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-full{grid-column:1/-1}.textarea{width:100%;min-height:130px;border:1px solid #e4e8f0;border-radius:9px;padding:12px;resize:vertical;font:inherit;outline:none}.badge-dark{display:inline-flex;padding:4px 8px;border-radius:6px;background:#25283b;color:#fff;font-size:10px}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}}


/* =========================================================
   在线消息 · 科幻客户项目沟通界面
   ========================================================= */
.cyber-chat-shell{
  position:relative;
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  min-height:760px;
  border:1px solid rgba(118,109,255,.22);
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 10%,rgba(111,80,255,.17),transparent 30%),
    radial-gradient(circle at 10% 80%,rgba(0,224,255,.08),transparent 25%),
    linear-gradient(145deg,#0d1020 0%,#111426 45%,#0b0f1c 100%);
  box-shadow:0 26px 80px rgba(23,19,64,.22), inset 0 1px 0 rgba(255,255,255,.04);
  color:#e9ecff;
}
.cyber-chat-shell:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;
  background-image:linear-gradient(rgba(126,129,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(126,129,255,.2) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.cyber-chat-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.35}
.glow-a{width:260px;height:260px;background:#6e50ff;right:10%;top:-120px}
.glow-b{width:220px;height:220px;background:#00c8ff;left:-100px;bottom:0}

.cyber-contact-panel{position:relative;z-index:2;border-right:1px solid rgba(150,156,255,.14);background:rgba(7,10,22,.62);backdrop-filter:blur(16px)}
.cyber-contact-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 15px}
.cyber-contact-header h2{font-size:20px;margin:3px 0 0;color:#fff}
.cyber-kicker{font-size:9px;letter-spacing:2.2px;color:#7e86ac}
.online-pill{font-size:10px;padding:5px 8px;border-radius:999px;background:rgba(0,217,155,.09);border:1px solid rgba(0,217,155,.22);color:#7af5c9}
.online-pill i,.cyber-user-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#32e3ab;margin-right:5px;box-shadow:0 0 12px #32e3ab}
.cyber-search{margin:0 16px;display:flex;align-items:center;gap:8px;padding:0 12px;height:39px;border:1px solid rgba(135,143,221,.17);border-radius:11px;background:rgba(255,255,255,.035)}
.cyber-search span{color:#697396}.cyber-search input{flex:1;border:0;outline:0;background:transparent;color:#dce0f5;font:inherit;font-size:11px}
.cyber-filter-row{display:flex;gap:7px;padding:13px 16px}
.cyber-filter{border:1px solid rgba(133,140,222,.13);background:rgba(255,255,255,.025);color:#7f88aa;border-radius:8px;padding:6px 10px;font-size:10px;cursor:pointer}
.cyber-filter.active{border-color:rgba(118,92,255,.55);background:rgba(104,82,255,.14);color:#b9b4ff}
.cyber-chat-list{padding:0 10px 16px}
.cyber-chat-item{position:relative;display:flex;gap:11px;align-items:flex-start;padding:14px 12px;border-radius:14px;margin-bottom:7px;cursor:pointer;border:1px solid transparent;transition:.2s}
.cyber-chat-item:hover{background:rgba(255,255,255,.035)}
.cyber-chat-item.active{border-color:rgba(114,91,255,.28);background:linear-gradient(100deg,rgba(100,78,255,.15),rgba(80,59,213,.045));box-shadow:inset 3px 0 0 #725cff}
.cyber-avatar,.cyber-msg-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,#714fff,#9e5cff);color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(103,77,240,.28)}
.cyber-avatar{width:42px;height:42px}.cyber-avatar.big{width:45px;height:45px;border-radius:14px}.cyber-avatar.alt{background:linear-gradient(145deg,#ff6d6d,#ff9f55)}.cyber-avatar.blue{background:linear-gradient(145deg,#25a3ff,#5e67ff)}
.cyber-chat-meta{min-width:0;flex:1}.cyber-name-line{display:flex;align-items:center;justify-content:space-between}.cyber-name-line strong{font-size:12px;color:#e9ecff}.cyber-name-line time{font-size:9px;color:#626a8d}
.cyber-project-mini{font-size:9px;color:#7f74dd;margin:4px 0}.cyber-chat-meta p{font-size:10px;color:#77809f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.cyber-unread{position:absolute;right:10px;bottom:12px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#6d58ff;color:#fff;font-size:9px;box-shadow:0 0 15px rgba(109,88,255,.6)}

.cyber-conversation{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column}
.cyber-conversation-head{padding:18px 22px;border-bottom:1px solid rgba(148,154,226,.13);display:flex;gap:20px;align-items:center;justify-content:space-between;background:rgba(13,16,32,.54);backdrop-filter:blur(13px)}
.cyber-user-block{display:flex;align-items:center;gap:11px}.cyber-user-name{font-size:14px;font-weight:800;color:#f4f5ff}.cyber-user-name span{margin-left:7px;font-size:8px;letter-spacing:1.2px;color:#8f80ff;border:1px solid rgba(142,126,255,.28);padding:3px 6px;border-radius:999px}
.cyber-user-status{font-size:10px;color:#858fae;margin-top:5px}
.cyber-project-card{min-width:420px;padding:12px 14px;border-radius:13px;border:1px solid rgba(122,111,255,.2);background:linear-gradient(115deg,rgba(111,87,255,.09),rgba(16,19,38,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.cyber-project-top{display:flex;align-items:center;justify-content:space-between}.cyber-project-top span{display:block;font-size:8px;letter-spacing:1px;color:#70799d}.cyber-project-top strong{font-size:12px;color:#ebedff}.cyber-project-top b{font-size:18px;color:#8b7cff;text-shadow:0 0 20px rgba(127,104,255,.5)}
.cyber-tags{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.cyber-tags span{font-size:8px;padding:4px 7px;border-radius:6px;background:rgba(95,82,222,.12);border:1px solid rgba(122,108,255,.17);color:#9ea4d8}

.cyber-message-area{flex:1;overflow:auto;padding:22px 28px 28px;scrollbar-width:thin;scrollbar-color:#413b7e transparent}
.cyber-date-line{display:flex;align-items:center;gap:12px;margin:5px 0 22px}.cyber-date-line:before,.cyber-date-line:after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(126,132,199,.18));flex:1}.cyber-date-line:after{background:linear-gradient(90deg,rgba(126,132,199,.18),transparent)}.cyber-date-line span{font-size:9px;color:#66708f;letter-spacing:.6px}
.cyber-msg-row{display:flex;align-items:flex-end;gap:10px;margin:16px 0}.cyber-msg-row.me{justify-content:flex-end}
.cyber-msg-avatar{width:32px;height:32px;border-radius:10px;font-size:10px}.cyber-msg-avatar.mine{background:linear-gradient(145deg,#00a8ff,#6b58ff)}
.cyber-msg-name{font-size:9px;color:#66708e;margin:0 0 5px 4px}.cyber-msg-name time{margin-left:5px;color:#4e5775}.cyber-msg-name.right{text-align:right;margin-right:4px}
.cyber-bubble{max-width:570px;padding:11px 13px;border-radius:5px 15px 15px 15px;background:rgba(30,34,57,.86);border:1px solid rgba(137,145,207,.13);color:#ccd2e8;font-size:11px;line-height:1.75;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.cyber-bubble b{color:#b8b0ff}
.cyber-msg-row.me .cyber-bubble{border-radius:15px 5px 15px 15px;background:linear-gradient(135deg,rgba(91,67,219,.92),rgba(76,63,176,.85));border-color:rgba(139,120,255,.34);color:#f0eeff}
.cyber-msg-row.me .cyber-bubble b{color:#fff}
.bank-bubble{min-width:390px;background:linear-gradient(135deg,rgba(91,67,219,.96),rgba(48,45,110,.95))!important}
.bank-title{font-size:9px;letter-spacing:1.4px;color:#c4bcff;margin-bottom:9px;text-transform:uppercase}.bank-line{display:flex;justify-content:space-between;gap:20px;padding:5px 0;border-top:1px solid rgba(255,255,255,.07)}.bank-line span{color:#a8a6c8}.bank-line strong{font-weight:700;color:#fff;letter-spacing:.4px}
.success-bubble{display:flex;align-items:center;gap:8px}.success-check{width:19px;height:19px;border-radius:50%;background:#29d7a0;display:grid;place-items:center;color:#06261d;font-weight:900;box-shadow:0 0 18px rgba(41,215,160,.35)}
.cyber-receipt-card{width:230px;margin-top:8px;border-radius:13px;overflow:hidden;border:1px solid rgba(121,111,222,.22);background:rgba(18,21,38,.9);cursor:zoom-in;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:.2s}
.cyber-receipt-card:hover{transform:translateY(-2px);border-color:rgba(130,112,255,.48);box-shadow:0 14px 34px rgba(56,39,151,.22)}
.cyber-receipt-card img{display:block;width:100%;height:205px;object-fit:cover;object-position:top;background:#fff}
.cyber-receipt-info{padding:10px 11px;display:flex;justify-content:space-between;align-items:center}.cyber-receipt-info span{font-size:9px;color:#757f9e;display:block}.cyber-receipt-info strong{font-size:12px;color:#fff}.cyber-receipt-info em{font-size:8px;color:#8c7cff;font-style:normal}

.cyber-composer{display:flex;gap:10px;align-items:center;padding:14px 18px;border-top:1px solid rgba(148,154,226,.13);background:rgba(8,11,24,.77);backdrop-filter:blur(15px)}
.cyber-tools{display:flex;gap:5px}.cyber-tools button{width:32px;height:32px;border:1px solid rgba(125,133,205,.15);border-radius:8px;background:rgba(255,255,255,.025);color:#7782a6;cursor:pointer}.cyber-tools button:hover{color:#b5b0ff;border-color:rgba(123,105,255,.35)}
.cyber-input-wrap{flex:1;height:40px;border:1px solid rgba(128,137,206,.16);background:rgba(255,255,255,.025);border-radius:10px;display:flex;align-items:center;padding:0 12px}.cyber-input-wrap input{flex:1;border:0;outline:0;background:transparent;color:#e3e6f7;font:inherit;font-size:11px}.cyber-input-wrap span{font-size:8px;color:#505a79}
.cyber-send{height:40px;padding:0 17px;border:1px solid rgba(128,109,255,.45);border-radius:10px;background:linear-gradient(135deg,#7258ff,#5d4ce5);color:#fff;font-weight:700;font-size:11px;cursor:pointer;box-shadow:0 8px 24px rgba(94,72,224,.28)}

.receipt-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(2,4,12,.88);backdrop-filter:blur(14px);padding:30px}.receipt-modal.show{display:flex}.receipt-modal img{max-height:90vh;max-width:min(620px,92vw);border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.45);background:#fff}.receipt-close{position:fixed;right:28px;top:20px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:25px;cursor:pointer}

@media(max-width:1050px){
  .cyber-chat-shell{grid-template-columns:270px minmax(0,1fr)}
  .cyber-project-card{min-width:330px}
}
@media(max-width:820px){
  .cyber-chat-shell{display:block;min-height:auto}
  .cyber-contact-panel{border-right:0;border-bottom:1px solid rgba(150,156,255,.14)}
  .cyber-chat-list{display:flex;overflow:auto}.cyber-chat-item{min-width:240px}
  .cyber-conversation-head{align-items:flex-start;flex-direction:column}.cyber-project-card{min-width:0;width:100%}
  .cyber-message-area{min-height:600px;padding:18px 13px}.cyber-bubble{max-width:75vw}.bank-bubble{min-width:0}
  .cyber-composer{flex-wrap:wrap}.cyber-tools{display:none}.cyber-input-wrap{min-width:65%}
}


/* =========================================================
   V3 · 全站科幻技术视觉系统
   ========================================================= */
:root{
  --bg0:#060914;
  --bg1:#0a0f1e;
  --bg2:#0e1426;
  --panel:rgba(13,19,35,.86);
  --panel2:rgba(17,24,43,.78);
  --line:rgba(115,143,255,.16);
  --line-strong:rgba(104,120,255,.34);
  --text:#e6ebf7;
  --muted:#8f9ab7;
  --dim:#65708d;
  --accent:#7a6dff;
  --accent2:#3fc6ff;
  --success:#48d7ae;
  --shadow:0 20px 60px rgba(0,0,0,.28);
}
html{background:var(--bg0)}
body{
  background:
    radial-gradient(circle at 10% -10%,rgba(83,80,255,.15),transparent 34%),
    radial-gradient(circle at 95% 20%,rgba(20,173,255,.08),transparent 28%),
    linear-gradient(180deg,#070b15,#070b14 35%,#050812);
  color:var(--text);
  min-height:100vh;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:
    linear-gradient(rgba(82,104,180,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,104,180,.12) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}
.app-shell{position:relative}
.topbar{
  height:72px;
  background:rgba(7,11,22,.82);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}
.brand-mark{
  width:42px;height:42px;border-radius:11px;
  background:linear-gradient(145deg,#171d3b,#222758);
  border:1px solid rgba(117,110,255,.38);
  color:#a9a4ff;
  box-shadow:inset 0 0 22px rgba(102,86,255,.13),0 0 28px rgba(91,75,255,.16);
  font-family:Consolas,monospace;font-size:11px;letter-spacing:-1px;
}
.brand-name{color:#f3f5ff;font-weight:760}
.brand-sub{color:#6e7c9f;letter-spacing:1.45px}
.top-nav-item{color:#8390ad;border:1px solid transparent}
.top-nav-item:hover,.top-nav-item.active{
  color:#e9e7ff;
  background:rgba(105,89,255,.09);
  border-color:rgba(111,97,255,.18);
  box-shadow:inset 0 0 16px rgba(105,89,255,.05);
}
.icon-btn{
  background:rgba(255,255,255,.025);
  border:1px solid var(--line);
  color:#aeb7cf;
}
.avatar,.profile-avatar{
  background:linear-gradient(145deg,#3e4fb6,#795bff);
  box-shadow:0 0 22px rgba(104,84,255,.22);
}
.user-mini strong{color:#dfe5f4}.user-mini span{color:#74809d}
.main-layout{grid-template-columns:250px minmax(0,1fr);gap:20px;padding:20px}
.sidebar{position:relative}
.profile-card{
  background:
    linear-gradient(145deg,rgba(25,33,65,.93),rgba(17,22,43,.95));
  border:1px solid rgba(112,112,255,.23);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035);
  position:relative;overflow:hidden;
}
.profile-card:before{
  content:"DEV NODE 01";position:absolute;right:12px;top:10px;
  font-size:7px;letter-spacing:1.5px;color:#566180
}
.profile-card:after{
  content:"";position:absolute;width:130px;height:130px;border-radius:50%;
  right:-60px;bottom:-70px;background:rgba(105,84,255,.13);filter:blur(12px)
}
.profile-head strong{color:#f1f3ff}.verified,.profile-line{color:#99a6c3}
.profile-line b{color:#dfe4f3}
.wallet-btn{
  background:linear-gradient(135deg,#6659ec,#5468d9);
  color:white;border:1px solid rgba(137,129,255,.38);
  box-shadow:0 10px 24px rgba(66,57,173,.22)
}
.side-group-title{color:#596783;letter-spacing:1.3px;font-size:9px;text-transform:uppercase}
.side-nav-item{
  color:#7885a3;border:1px solid transparent;
  transition:.2s;
}
.side-nav-item:hover,.side-nav-item.active{
  background:linear-gradient(90deg,rgba(101,85,255,.12),rgba(101,85,255,.025));
  border-color:rgba(111,98,255,.15);
  color:#dcdcff;
  box-shadow:inset 3px 0 0 #7565ff;
}
.side-nav-item em{background:#6d5dff;color:#fff;box-shadow:0 0 15px rgba(109,93,255,.36)}
.content{position:relative}
.panel,.stat-card,.event-card,.help-card,.capability-panel{
  background:linear-gradient(145deg,rgba(15,21,39,.92),rgba(10,15,29,.92));
  border:1px solid var(--line);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.025);
}
.panel{border-radius:18px;overflow:hidden}
.page-title,.section-title,.event-card-body h3,.help-card h3{color:#e8ecf8}
.page-desc,.event-card-body p,.help-card p,.event-meta{color:var(--muted)}
.page-head{position:relative}
.page-head:after{content:"";position:absolute;left:22px;bottom:0;width:70px;height:1px;background:linear-gradient(90deg,#7567ff,transparent)}
.toolbar{border-color:var(--line);background:rgba(255,255,255,.008)}
.input,.select,.textarea{
  background:rgba(5,9,18,.72);
  border:1px solid rgba(111,128,189,.18);
  color:var(--text);
  box-shadow:inset 0 0 18px rgba(0,0,0,.08)
}
.input::placeholder,.textarea::placeholder{color:#55617c}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(112,96,255,.55);box-shadow:0 0 0 3px rgba(104,86,255,.08)}
.select option{background:#0b1020;color:#dce2ef}
.btn{transition:.2s;border:1px solid transparent}
.btn-primary{
  background:linear-gradient(135deg,#6d5aff,#526fea);
  border-color:rgba(133,124,255,.34);
  color:#fff;
  box-shadow:0 10px 28px rgba(82,69,216,.24)
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgba(82,69,216,.32)}
.btn-soft{background:rgba(102,86,255,.09);border-color:rgba(110,97,255,.18);color:#a9a3ff}
.stat-card{position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;right:-24px;bottom:-42px;width:110px;height:110px;border-radius:50%;background:rgba(84,97,255,.08)}
.stat-card span{color:#697997;letter-spacing:.8px;font-size:9px}
.stat-card strong{color:#eef1ff;font-family:Consolas,"Microsoft YaHei",monospace;letter-spacing:.5px}
.stat-card small{color:#75839f}
.table th,.table td{border-bottom:1px solid rgba(103,119,174,.11);color:#c9d1e4;background:transparent}
.table th{background:rgba(99,112,181,.035);color:#7b88a7;font-size:10px;letter-spacing:.55px}
.table tr:hover td{background:rgba(99,83,255,.035)}
.event-title{color:#e2e7f4}
.action-link{color:#9b94ff}
.service-icon{
  background:linear-gradient(145deg,#19214a,#503fd2);
  border:1px solid rgba(117,106,255,.28);color:#dcd8ff;
  box-shadow:0 0 20px rgba(81,66,203,.15)
}
.progress{background:#171d30}.progress>i{background:linear-gradient(90deg,#665aff,#3fc6ff);box-shadow:0 0 14px rgba(71,153,255,.2)}
.tag{border:1px solid rgba(120,134,190,.12);background:rgba(255,255,255,.035)!important;color:#b5bed3!important}
.tag-green{border-color:rgba(72,215,174,.2)!important;color:#76dcc1!important}.tag-orange{border-color:rgba(255,189,97,.18)!important;color:#d4b27d!important}.tag-red{border-color:rgba(255,106,132,.18)!important;color:#d28d9a!important}.tag-purple,.tag-blue{border-color:rgba(117,104,255,.2)!important;color:#a9a2ff!important}
.price{color:#aaa4ff}
.badge-dark{background:#13192a;border:1px solid var(--line);color:#929db8}

.dashboard-hero{
  border:1px solid rgba(109,106,255,.24);
  background:
    radial-gradient(circle at 78% 20%,rgba(70,103,255,.20),transparent 25%),
    radial-gradient(circle at 25% 110%,rgba(122,70,255,.16),transparent 35%),
    linear-gradient(120deg,#0d1328 0%,#0e1425 48%,#10152b 100%);
  box-shadow:0 28px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);
  padding:32px;
  min-height:315px;
}
.dashboard-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;
  background-image:linear-gradient(rgba(107,121,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(107,121,255,.25) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,black,transparent 80%);
}
.dashboard-hero:after{background:rgba(92,79,255,.1);filter:blur(6px)}
.hero-copy,.terminal-card{position:relative;z-index:2}
.hero-copy h1{font-size:34px;line-height:1.22;color:#f3f5ff;letter-spacing:-.8px}
.hero-copy p{color:#97a3bf;max-width:710px}
.hero-eyebrow{display:flex;align-items:center;gap:8px;color:#7f8aa8;font-size:9px;letter-spacing:2px;margin-bottom:12px}
.hero-eyebrow span{display:inline-block;width:25px;height:1px;background:linear-gradient(90deg,#7a69ff,#43c8ff)}
.hero-eyebrow.small{margin-bottom:7px}
.tech-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.tech-chip-row span{
  padding:5px 8px;border:1px solid rgba(107,117,255,.16);border-radius:6px;
  background:rgba(255,255,255,.025);color:#8995b5;font-size:9px;font-family:Consolas,monospace
}
.hero-search input{background:rgba(4,8,18,.76);border:1px solid rgba(109,120,186,.2);color:#e5e8f3}
.terminal-card{
  align-self:center;border-radius:15px;overflow:hidden;
  background:rgba(5,9,19,.86);border:1px solid rgba(90,112,190,.22);
  box-shadow:0 22px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.03)
}
.terminal-top,.terminal-bottom{height:38px;padding:0 13px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(95,115,178,.12);color:#66738f;font-size:8px;letter-spacing:.7px}
.terminal-top b{margin-left:auto;color:#72cfb6;font-size:8px}.terminal-dots{display:flex;gap:5px}.terminal-dots i{width:6px;height:6px;border-radius:50%;background:#4a536e}.terminal-dots i:nth-child(2){background:#625b93}.terminal-dots i:nth-child(3){background:#487b84}
.terminal-code{padding:15px 0;font-family:Consolas,monospace;font-size:10px;line-height:2.05}.terminal-code div{display:flex}.terminal-code em{width:38px;text-align:right;padding-right:10px;color:#3d4865;font-style:normal}.terminal-code code{color:#9aa6c2}.terminal-code code span{color:#9c91ff}.terminal-code code strong{color:#69c9df}
.terminal-bottom{border-top:1px solid rgba(95,115,178,.12);border-bottom:0;justify-content:space-between}.terminal-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#49cfaa;margin-right:5px;box-shadow:0 0 10px rgba(73,207,170,.5)}
.event-card{position:relative}
.event-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(123,103,255,.03),transparent 35%)}
.event-card:hover{transform:translateY(-4px);border-color:rgba(111,101,255,.28);box-shadow:0 18px 44px rgba(0,0,0,.26),0 0 30px rgba(80,66,220,.06)}
.event-cover{
  height:118px;
  background:
    linear-gradient(180deg,transparent,rgba(5,8,18,.82)),
    linear-gradient(135deg,#16204c,#432e8d 58%,#184a70);
  color:#cfd4ff;letter-spacing:1.2px;font-family:Consolas,monospace;font-size:11px;
}
.section-head-tech{display:flex;align-items:flex-end;justify-content:space-between;margin:23px 0 12px}.section-head-tech .section-title{margin:0;font-size:18px}.system-ready{color:#6f7e9c;font-size:8px;letter-spacing:1.2px}
.capability-panel{margin-top:20px;padding:25px;border-radius:18px;display:grid;grid-template-columns:1fr 1.25fr;gap:28px}
.capability-copy h2{margin:5px 0 9px;color:#edf0ff;font-size:21px}.capability-copy p{margin:0;color:#8390ad;font-size:11px;line-height:1.9}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capability-grid>div{padding:14px;border-radius:12px;background:rgba(255,255,255,.018);border:1px solid rgba(98,116,175,.12)}.capability-grid b{display:block;color:#5b6683;font-family:Consolas,monospace;font-size:9px}.capability-grid strong{display:block;color:#dfe5f4;margin:6px 0;font-size:12px}.capability-grid span{color:#6f7c9a;font-size:9px}

/* 在线消息统一颜色与更克制的技术风格 */
.cyber-chat-shell{background:linear-gradient(145deg,#080d19,#0a1020 52%,#080c17);border-color:rgba(111,124,206,.18)}
.cyber-chat-shell:before{opacity:.08}
.cyber-chat-glow{opacity:.18}
.cyber-contact-panel,.cyber-conversation-head,.cyber-composer{background:rgba(6,10,20,.70)}
.cyber-contact-header h2,.cyber-user-name,.cyber-name-line strong{color:var(--text)}
.cyber-kicker,.cyber-user-status,.cyber-chat-meta p,.cyber-msg-name,.cyber-msg-name time,.cyber-date-line span,.cyber-project-mini{color:var(--muted)}
.cyber-project-mini{color:#7f8caf}
.cyber-project-card{background:rgba(17,24,43,.64);border-color:rgba(103,119,194,.17)}
.cyber-project-top strong{color:var(--text)}.cyber-project-top b{color:#c3c0ff;text-shadow:none}
.cyber-tags span{color:#9ca8c4;background:rgba(255,255,255,.022);border-color:rgba(114,127,189,.14)}
.cyber-avatar,.cyber-msg-avatar,.cyber-msg-avatar.mine{background:linear-gradient(145deg,#344883,#6656cf);box-shadow:0 7px 18px rgba(41,48,105,.22)}
.cyber-avatar.alt,.cyber-avatar.blue{background:linear-gradient(145deg,#344883,#6656cf)}
.cyber-bubble,.cyber-msg-row.me .cyber-bubble{
  color:#d8deec;
  background:rgba(19,27,46,.86);
  border-color:rgba(108,124,183,.13);
  box-shadow:0 10px 22px rgba(0,0,0,.09);
}
.cyber-msg-row.me .cyber-bubble{background:rgba(45,49,89,.88);border-color:rgba(118,109,210,.18)}
.cyber-bubble b,.cyber-msg-row.me .cyber-bubble b{color:#e1e5f2}
.cyber-receipt-card{background:rgba(17,23,39,.92);border-color:rgba(106,120,181,.16)}
.cyber-receipt-info span,.cyber-receipt-info em{color:#8390ac}.cyber-receipt-info strong{color:#dce2ef}
.cyber-send{background:linear-gradient(135deg,#5f57d6,#526bc9);border-color:rgba(117,119,225,.27);box-shadow:0 8px 22px rgba(53,54,143,.22)}
.success-check,.bank-bubble,.bank-title,.bank-line{display:initial}
.receipt-modal{background:rgba(2,5,12,.90)}
.toast{background:#121827;border:1px solid rgba(109,126,190,.18);color:#dfe5f3}

@media(max-width:1100px){
  .main-layout{grid-template-columns:215px minmax(0,1fr)}
  .dashboard-hero{grid-template-columns:1fr}
  .terminal-card{width:100%}
  .capability-panel{grid-template-columns:1fr}
}
@media(max-width:760px){
  .main-layout{display:block;padding:10px}
  .topbar{height:64px}
  .brand-name{font-size:14px}
  .dashboard-hero{padding:22px}.hero-copy h1{font-size:25px}
  .capability-grid{grid-template-columns:1fr}
}

.bank-bubble,.bank-title,.bank-line{all:unset}

/* V4 · 王春磊项目双回执附件 */
.cyber-receipt-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:min(500px,72vw);
  margin-top:8px;
}
.cyber-receipt-grid .cyber-receipt-card{width:100%;margin-top:0}
.cyber-receipt-grid .cyber-receipt-card img{height:220px;object-fit:cover;object-position:center top}
@media(max-width:760px){
  .cyber-receipt-grid{grid-template-columns:1fr;width:min(250px,72vw)}
}


/* V6 · 第三个客户闫大永 */
.cyber-receipt-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:min(500px,74vw);
  margin-top:8px;
}
.cyber-receipt-grid .cyber-receipt-card{
  width:100%;
  margin-top:0;
}
.cyber-receipt-grid .cyber-receipt-card img{
  height:220px;
  object-fit:cover;
  object-position:center top;
}
@media(max-width:760px){
  .cyber-receipt-grid{grid-template-columns:1fr;width:min(250px,72vw)}
}

/* V7 多客户消息中心 */
.cyber-chat-list{max-height:640px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(111,101,255,.30) transparent}
.cyber-chat-list::-webkit-scrollbar{width:5px}.cyber-chat-list::-webkit-scrollbar-thumb{background:rgba(111,101,255,.24);border-radius:999px}
.cyber-chat-item{min-height:76px}


/* =========================================================
   V8 · 消息中心固定布局 + 客户付款回执入口
   ========================================================= */

/* 在线消息页面锁定在当前视口内，避免聊天记录把整页一起向下推 */
body.messages-page{
  overflow:hidden;
}
.messages-page .main-layout{
  height:calc(100vh - 72px);
  min-height:0;
  overflow:hidden;
}
.messages-page .sidebar{
  height:100%;
  min-height:0;
  overflow-y:auto;
}
.messages-page .content{
  height:100%;
  min-height:0;
  overflow:hidden;
}
.messages-page .cyber-chat-shell{
  height:100%;
  min-height:0;
  max-height:none;
  overflow:hidden;
}

/* 左侧客户列表与右侧聊天记录使用两个完全独立的滚动区域 */
.messages-page .cyber-contact-panel{
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.messages-page .cyber-contact-header,
.messages-page .cyber-search,
.messages-page .cyber-filter-row{
  flex:0 0 auto;
}
.messages-page .cyber-chat-list{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.messages-page .cyber-conversation{
  height:100%;
  min-height:0;
  overflow:hidden;
}
.messages-page .cyber-conversation-head,
.messages-page .cyber-composer{
  flex:0 0 auto;
}
.messages-page .cyber-message-area{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}

/* 顶部项目区与付款回执按钮 */
.cyber-head-right{
  min-width:0;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:10px;
}
.receipt-head-btn{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:122px;
  padding:0 13px;
  border-radius:11px;
  border:1px solid rgba(112,109,255,.26);
  background:linear-gradient(145deg,rgba(68,65,145,.42),rgba(34,42,81,.72));
  color:#dce2f2;
  font-size:10px;
  font-weight:700;
  letter-spacing:.2px;
  cursor:pointer;
  transition:.2s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.receipt-head-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(126,116,255,.48);
  background:linear-gradient(145deg,rgba(79,73,168,.56),rgba(41,48,92,.84));
  box-shadow:0 8px 22px rgba(64,53,165,.18);
}
.receipt-head-btn.no-receipt{
  opacity:.62;
}
.receipt-head-icon{
  font-family:Consolas,monospace;
  color:#a9a5ff;
}
.cyber-head-right .cyber-project-card{
  min-width:420px;
}

/* 回执弹窗 */
.receipt-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(2,5,12,.92);
  backdrop-filter:blur(16px);
}
.receipt-modal.show{display:flex}
.receipt-modal-panel{
  width:min(860px,94vw);
  max-height:92vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(112,123,193,.22);
  background:linear-gradient(145deg,rgba(14,20,36,.98),rgba(8,13,26,.98));
  box-shadow:0 35px 110px rgba(0,0,0,.5);
}
.receipt-modal-head{
  flex:0 0 auto;
  min-height:66px;
  padding:13px 16px 13px 19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(112,126,188,.14);
}
.receipt-modal-head strong{
  display:block;
  margin-top:3px;
  color:#e7ebf7;
  font-size:14px;
}
.receipt-modal-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.receipt-print-btn{
  height:35px;
  padding:0 14px;
  border-radius:9px;
  border:1px solid rgba(114,109,255,.28);
  background:rgba(88,76,212,.20);
  color:#d9dcf1;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
}
.receipt-print-btn:hover:not(:disabled){
  background:rgba(100,86,230,.31);
}
.receipt-print-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.receipt-modal .receipt-close{
  position:static;
  width:35px;
  height:35px;
  border-radius:9px;
  font-size:20px;
  line-height:1;
}
.receipt-modal-body{
  min-height:260px;
  overflow:auto;
  padding:18px;
}
.receipt-gallery{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
  justify-items:center;
}
.receipt-gallery.multi{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.receipt-figure{
  width:100%;
  max-width:580px;
  margin:0;
  padding:10px;
  border-radius:13px;
  border:1px solid rgba(112,126,188,.13);
  background:rgba(255,255,255,.025);
}
.receipt-figure img{
  display:block;
  width:100%;
  max-height:72vh;
  object-fit:contain;
  border-radius:9px;
  background:#fff;
}
.receipt-figure figcaption{
  padding:8px 2px 1px;
  text-align:center;
  color:#8793ad;
  font-size:9px;
}
.receipt-empty{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#7f8ba6;
}
.receipt-empty-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:15px;
  border:1px solid rgba(111,105,255,.18);
  background:rgba(93,78,218,.08);
  color:#9d98ef;
  font-size:20px;
}
.receipt-empty strong{color:#cfd5e6;font-size:13px}
.receipt-empty span{max-width:360px;margin-top:7px;font-size:10px;line-height:1.7}

/* 仅打印当前弹出的付款回执 */
@media print{
  body *{visibility:hidden!important}
  .receipt-modal,
  .receipt-modal *{visibility:visible!important}
  .receipt-modal{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    padding:0!important;
    background:#fff!important;
  }
  .receipt-modal-panel{
    width:100%!important;
    max-height:none!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .receipt-modal-head,
  .receipt-print-btn,
  .receipt-close,
  .receipt-figure figcaption{
    display:none!important;
  }
  .receipt-modal-body{
    overflow:visible!important;
    padding:0!important;
  }
  .receipt-gallery,
  .receipt-gallery.multi{
    display:block!important;
  }
  .receipt-figure{
    border:0!important;
    padding:0!important;
    background:#fff!important;
    page-break-after:always;
  }
  .receipt-figure:last-child{page-break-after:auto}
  .receipt-figure img{
    max-width:100%!important;
    max-height:96vh!important;
    object-fit:contain!important;
  }
}

@media(max-width:1180px){
  .cyber-head-right{
    width:min(520px,58%);
    flex-direction:column;
  }
  .receipt-head-btn{
    align-self:flex-end;
    min-height:34px;
  }
  .cyber-head-right .cyber-project-card{
    min-width:0;
    width:100%;
  }
}

@media(max-width:820px){
  body.messages-page{overflow:auto}
  .messages-page .main-layout{
    height:auto;
    overflow:visible;
  }
  .messages-page .sidebar{
    height:auto;
    overflow:visible;
  }
  .messages-page .content{
    height:auto;
    overflow:visible;
  }
  .messages-page .cyber-chat-shell{
    height:auto;
    min-height:760px;
    overflow:visible;
  }
  .messages-page .cyber-contact-panel{
    height:auto;
  }
  .messages-page .cyber-chat-list{
    max-height:280px;
  }
  .messages-page .cyber-conversation{
    height:720px;
  }
  .cyber-head-right{
    width:100%;
  }
  .receipt-head-btn{
    align-self:flex-start;
  }
  .receipt-gallery.multi{
    grid-template-columns:1fr;
  }
}