@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
.rcp,.rcp *{box-sizing:border-box}
.rcp{font-family:Ubuntu,Arial,sans-serif;color:#0c3b25;min-height:100vh;background:#f2f2f4;margin:0}
.rcp button,.rcp input,.rcp select,.rcp textarea{font-family:inherit}
.rcp a{text-decoration:none}
.rcp .top{background:#fff;border-bottom:3px solid #0a6c3d;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.rcp .brand{font-weight:700;font-size:1.6rem;color:#0c3b25}.rcp .brand img{height:46px;width:auto;display:block}.rcp .lc .brand img{height:64px;margin:0 auto}
.rcp .who{display:flex;align-items:center;gap:1rem;font-size:.9rem}
.rcp .who .role{background:#0c3b25;color:#fff;border-radius:99px;padding:.2rem .7rem;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}
.rcp .who a{color:#0a6c3d;font-weight:500}
.rcp .wrap{max-width:70rem;margin:0 auto;padding:1.5rem 1rem 4rem}
.rcp .tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.2rem}
.rcp .tabs button{border:1px solid #ddd;background:#fff;color:#0c3b25;border-radius:99px;padding:.55rem 1.1rem;font-size:.9rem;cursor:pointer;font-weight:500}
.rcp .tabs button:hover{border-color:#0a6c3d;color:#0a6c3d;background:#fff}
.rcp .tabs button.on{background:#0a6c3d;color:#fff;border-color:#0a6c3d}
.rcp .tabs .n{background:rgba(0,0,0,.12);border-radius:99px;padding:0 .45rem;margin-left:.3rem;font-size:.75rem}
.rcp .bar-f{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.rcp .bar-f input,.rcp .bar-f select{height:2.6rem;border:1px solid #ddd;border-radius:8px;padding:0 .8rem;background:#fff;font-size:.9rem}
.rcp .bar-f input{flex:1 1 14rem}
.rcp .empty{background:#fff;border-radius:8px;padding:2rem;text-align:center;color:#777}
.rcp .bk{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;background:#fff;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.14);padding:.9rem 1.2rem;margin-bottom:.7rem;cursor:pointer;transition:box-shadow .15s}
.rcp .bk:hover{box-shadow:0 4px 14px rgba(10,108,61,.25)}
.rcp .bk .l{flex:1 1 14rem;min-width:0}
.rcp .bk .tn{font-size:.72rem;color:#0a6c3d}
.rcp .bk .st{font-size:1.3rem;font-weight:500;color:#222}
.rcp .bk .dt{font-size:.72rem;color:#777;margin-bottom:.4rem}
.rcp .bar{display:flex;gap:6px}.rcp .bar i{flex:1 1 0;height:4px;background:#dcdcdc;display:block}.rcp .bar i.on{background:#0a6c3d}
.rcp .loc{display:flex;gap:.6rem;align-items:flex-start;flex:0 1 11rem;min-width:8rem}
.rcp .loc b{display:block;font-weight:500;font-size:1.05rem;color:#222}.rcp .loc small{display:block;color:#777;font-size:.75rem}
.rcp .ic{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.rcp .ic.up{background:#222}.rcp .ic.dn{background:#0a6c3d}
.rcp .side{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end;flex:0 0 auto;min-width:8rem}
.rcp .amt{font-weight:700;font-size:1.05rem}.rcp .amt s{color:#999;font-weight:400;font-size:.85rem;margin-right:.3rem}
.rcp .pill{display:inline-block;border-radius:99px;padding:.15rem .6rem;font-size:.7rem;font-weight:500}
.rcp .pill.ok{background:#e3f6e8;color:#1c7a36}.rcp .pill.wait{background:#fff0d9;color:#9a5b00}.rcp .pill.red{background:#dcefe4;color:#b32a14}
.rcp .actions{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}
.rcp .btn{display:inline-block;border:0;border-radius:6px;background:#0c3b25;color:#fff;padding:.65rem 1.1rem;font-size:.9rem;cursor:pointer;font-weight:500}
.rcp .btn:hover{background:#0a6c3d;color:#fff}.rcp .btn.red{background:#0a6c3d}.rcp .btn.red:hover{background:#07522e}
.rcp .btn.line{background:#fff;color:#0c3b25;border:1px solid #ccc}.rcp .btn.line:hover{background:#fff;color:#0a6c3d;border-color:#0a6c3d}
.rcp .btn.green{background:#2fa84f}.rcp .btn.green:hover{background:#278a41}
.rcp .btn:disabled{opacity:.6;cursor:wait}
.rcp .ov{position:fixed;inset:0;background:rgba(20,20,20,.55);z-index:99999;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:2rem 1rem}
.rcp .md{background:#fff;border-radius:14px;max-width:50rem;width:100%;padding:1.5rem;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.rcp .md h3{margin:0 0 .2rem;font-size:1.4rem;font-weight:500}
.rcp .md .x{position:absolute;right:1rem;top:1rem;border:0;background:#eee;border-radius:8px;width:2.2rem;height:2.2rem;font-size:1.3rem;cursor:pointer;color:#0c3b25}
.rcp .md .x:hover{background:#0a6c3d;color:#fff}
.rcp .tl{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}
.rcp .tl div{display:flex;align-items:center;gap:.7rem;font-size:.9rem;color:#999}
.rcp .tl div:before{content:'';width:14px;height:14px;border-radius:50%;border:2px solid #ccc;flex:none}
.rcp .tl div.done{color:#222}.rcp .tl div.done:before{background:#0a6c3d;border-color:#0a6c3d}
.rcp .tl small{margin-left:auto;color:#777}
.rcp .g2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.rcp .box{background:#f7f7f9;border-radius:10px;padding:1rem;font-size:.88rem;line-height:1.55}
.rcp .box h4{margin:0 0 .4rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#0a6c3d}
.rcp .box.w{grid-column:1/-1}
.rcp .price{background:#f1f8f4;border:1px solid #cfe5d8;border-radius:10px;padding:1rem;margin:1rem 0}
.rcp .price .row{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;padding:.15rem 0}
.rcp .price .row.big{font-size:1.15rem;font-weight:700;border-top:1px dashed #bcd8c8;margin-top:.4rem;padding-top:.5rem}
.rcp .price .row s{color:#999}
.rcp .inl{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.6rem}
.rcp .inl select,.rcp .inl input{height:2.5rem;border:1px solid #ddd;border-radius:8px;padding:0 .7rem;font-size:.9rem;background:#fff}
.rcp .msg{font-size:.85rem;margin:.6rem 0;display:none}.rcp .msg.err{color:#c62828;display:block}.rcp .msg.ok{color:#1c7a36;display:block}
.rcp .tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:.9rem}
.rcp .tbl th,.rcp .tbl td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid #eee}.rcp .tbl th{background:#0c3b25;color:#fff;font-weight:500;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}
.rcp .card{background:#fff;border-radius:12px;padding:1.3rem;margin-bottom:1rem;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.rcp .card h3{margin:0 0 .8rem;font-size:1.2rem;font-weight:500}
.rcp .fg{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem}.rcp .fg .w{grid-column:1/-1}
.rcp label{display:block;font-size:.8rem;font-weight:700;color:#222}
.rcp label input,.rcp label select,.rcp label textarea{display:block;width:100%;margin-top:.3rem;border:1px solid #ddd;border-radius:8px;padding:.7rem .8rem;font-size:.92rem;font-weight:400;background:#fff;color:#222}
.rcp label textarea{min-height:80px;resize:vertical}
.rcp label input:focus,.rcp label select:focus,.rcp label textarea:focus,.rcp .bar-f input:focus{outline:0;border-color:#0a6c3d;box-shadow:0 0 0 3px rgba(10,108,61,.12)}
.rcp-login{background:linear-gradient(120deg,#0c1510 0%,#17301f 55%,#3c6a49 100%);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}
.rcp-login .lc{background:#fff;width:100%;max-width:28rem;padding:2.2rem 2rem;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.rcp-login h2{margin:1rem 0 .2rem;font-size:1.7rem;font-weight:500}
.rcp-login .sub{font-size:.9rem;margin-bottom:1.2rem}.rcp-login .sub a{color:#0a6c3d}
.rcp-login .lc label{margin-bottom:.9rem}
.rcp-login .lc input[type=email],.rcp-login .lc input[type=password],.rcp-login .lc input[type=text]{background:#f0f0f2;border:1px solid #e6e6ea;border-radius:2px;height:2.7rem}
.rcp-login .row2{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin:.2rem 0 1rem}
.rcp-login .row2 label{display:flex;gap:.4rem;align-items:center;margin:0;font-weight:500}.rcp-login .row2 label input{width:auto;margin:0}
.rcp-login .row2 a{color:#0c3b25;font-weight:500}
.rcp-login .go{width:100%;height:2.7rem;border:0;border-radius:2px;background:#0c3b25;color:#fff;font-size:1rem;cursor:pointer}.rcp-login .go:hover{background:#0a6c3d}.rcp-login .go:disabled{opacity:.6}
.rcp-login .fine{font-size:.7rem;color:#555;margin:.8rem 0}.rcp-login .help{text-align:center;font-size:.9rem}.rcp-login .help a{color:#0a6c3d}
.rcp-msg{display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.rcp-msg .box{background:#fff;padding:2rem;max-width:28rem;text-align:center;border-radius:12px;font-size:1rem}
.rcp-msg .btn{margin-top:1rem;background:#0a6c3d;color:#fff;padding:.7rem 1.4rem;border-radius:6px;display:inline-block}
@media(max-width:640px){.rcp .g2,.rcp .fg{grid-template-columns:1fr}.rcp .side{align-items:flex-start}.rcp .bk{padding:.8rem}}

.rcp #ul{overflow-x:auto}

/*MOBILE-V2*/
@media(max-width:640px){
.rcp .top{padding:.6rem 1rem}.rcp .brand img{height:36px}.rcp .who{gap:.6rem;font-size:.8rem}
.rcp .wrap{padding:1rem .75rem 3rem}
.rcp .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.3rem}.rcp .tabs button{white-space:nowrap;flex:none}
.rcp .bk{gap:.7rem}.rcp .bk .l{flex:1 1 100%}.rcp .loc{flex:1 1 40%}.rcp .side{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}
.rcp .actions .btn{flex:1 1 40%;text-align:center}
.rcp .ov{padding:.6rem}.rcp .md{padding:1.1rem;border-radius:12px}.rcp .md h3{font-size:1.15rem;padding-right:2.4rem}
.rcp .price .row{flex-direction:column;gap:.1rem}
.rcp .inl{flex-direction:column;align-items:stretch}.rcp .inl select,.rcp .inl input,.rcp .inl .btn{width:100%}
.rcp .card{padding:1rem}
.rcp .tbl,.rcp .tbl tbody,.rcp .tbl tr,.rcp .tbl td{display:block;width:100%}
.rcp .tbl tr:first-child{display:none}
.rcp .tbl tr{background:#fff;border-radius:10px;margin-bottom:.7rem;padding:.6rem .8rem;box-shadow:0 1px 6px rgba(0,0,0,.1)}
.rcp .tbl td{border:0;padding:.3rem 0;display:flex;justify-content:space-between;gap:1rem;text-align:right;word-break:break-word}
.rcp .tbl td:before{content:attr(data-l);font-weight:700;color:#777;text-align:left;font-size:.72rem;text-transform:uppercase;flex:none}
.rcp .tbl td.act{flex-wrap:wrap;justify-content:flex-start;gap:.4rem}.rcp .tbl td.act:before{display:none}
.rcp-login{padding:1.2rem .75rem}.rcp-login .lc{padding:1.6rem 1.3rem}
}
