.dashboard{grid-template-columns:var(--size-320)auto var(--size-288);transition:grid-template-columns .3s ease-in-out;display:grid;position:relative}.dashboard__overlay{z-index:1;background-color:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.column--collapsed{grid-template-columns:var(--size-320)1fr 0}.dashboard__column-1,.dashboard__column-2,.dashboard__column-3,.inbox{height:100vh}.dashboard__column-1{align-items:center;gap:var(--size-8);padding:var(--size-8);background:#fff;flex-direction:column;display:flex}.chat{height:var(--size-96);background:var(--clr-slate-2);border:2px solid var(--clr-slate-3);border-radius:var(--rounded-l);box-shadow:var(--shadow-s);cursor:pointer;padding:var(--size-10);width:100%;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;position:relative}.chat:hover{border-color:var(--clr-tint-4);box-shadow:var(--shadow-m)}.chat--current{border-color:var(--clr-base)}.chat__inner{align-items:start;gap:var(--size-16);flex-direction:column;width:100%;display:flex}.chat__info{grid-template-columns:var(--size-28)1fr var(--size-80)var(--size-24);justify-content:center;align-items:center;gap:var(--size-8);font-size:var(--size-16);color:var(--clr-slate-9);width:100%;display:grid}.chat__sender-img{width:var(--size-28);height:var(--size-28);background:var(--clr-slate-4);border-radius:50%;justify-content:center;justify-self:left;align-items:center;display:flex;position:relative}.chat__sender-icon{stroke:var(--clr-slate-7);width:60%;height:60%}.chat__sent-time{justify-self:right;gap:var(--size-6);font-size:var(--size-12);font-weight:500}.chat__options-btn{stroke:var(--clr-slate-9);justify-content:center;justify-self:right;align-items:center;transition:stroke .2s ease-in-out;display:flex}.chat__options-btn:hover{stroke:var(--clr-base)}.chat__options-btn-icon{stroke:inherit;stroke-width:2px;width:100%;height:100%}.chat__sender-status{bottom:0;right:var(--size-2);width:var(--size-8);height:var(--size-8);background:var(--clr-red);border-radius:50%;position:absolute}.status--online{background:var(--clr-base)}.chat__preview{grid-template-columns:var(--size-28)1fr;gap:var(--size-8);font-size:var(--size-14);display:grid}.chat__preview-msg{grid-column:2/3}.chat__options{width:var(--size-176);height:var(--size-96);background-color:var(--clr-slate-3);border:2px solid var(--clr-slate-5);border-radius:var(--rounded-m);box-shadow:var(--shadow-l);padding:var(--size-8);cursor:default;z-index:2;align-items:center;display:flex;position:absolute;top:16%;right:-50%}.chat__options-inner{justify-content:center;align-items:stretch;gap:var(--size-6);flex-direction:column;width:100%;display:flex;position:relative}.chat__save-btn,.chat__delete-btn{height:var(--size-36);color:var(--clr-slate-1);border-radius:var(--rounded-m);border:none;outline:none;transition:background .2s ease-in-out}.chat__save-btn{background:var(--clr-base)}.chat__save-btn:hover{background:var(--clr-shade-1)}.chat__save-btn:active{background:var(--clr-base);transition:none}.chat__delete-btn{background:var(--clr-red)}.chat__delete-btn:hover{background:var(--clr-red-shade-1)}.chat__delete-btn:active{background:var(--clr-red);transition:none}.chat__options-close-btn{width:var(--size-24);height:var(--size-24);background:var(--clr-red);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-44%;right:-16%}.chat__options-close-btn:hover{background:var(--clr-red-shade-1)}.chat__options-close-btn:active{background:var(--clr-red)}.chat__options-close-btn-icon{stroke:var(--clr-slate-1);width:60%;height:60%}.inbox{border-left:3px solid var(--clr-slate-9);background:#fff;flex-direction:column;justify-content:start;align-items:stretch;width:100%;display:flex}.inbox--empty{background:var(--clr-purple)}.inbox__empty{font-size:var(--size-64);color:var(--clr-slate-3);opacity:.4}.inbox__header{background:var(--clr-slate-2);padding:var(--size-20);justify-content:space-between;align-items:center;height:10%;display:flex}.inbox__client-details{justify-content:center;align-items:start;gap:var(--size-2);flex-direction:column;display:flex}.inbox__client-name{color:var(--clr-slate-9);font-weight:500}.inbox__client-status{font-size:var(--size-12);font-weight:500}.client-status--online{color:var(--clr-base)}.client-status--offline{color:var(--clr-red)}.inbox__options-btn{stroke:var(--clr-slate-9);transition:stroke .2s ease-in}.inbox__options-btn:hover{stroke:var(--clr-base)}.inbox__options-btn-icon{stroke:inherit}.inbox__sessions{align-items:stretch;gap:var(--size-32);padding:var(--size-20);padding-bottom:var(--size-32);flex-direction:column;justify-content:end;height:65%;display:flex;overflow-y:auto}.session{align-items:stretch;gap:var(--size-16);flex-direction:column;display:flex}.session__breakpoint{justify-content:center;align-items:center;gap:var(--size-10);margin-bottom:var(--size-12);display:flex}.session__breakpoint hr{background:var(--clr-slate-9);width:100%;height:2px}.session__date{color:var(--clr-slate-8)}.session__messages{justify-content:flex-start;gap:var(--size-24);flex-direction:column;display:flex}.message{grid-template-columns:var(--size-48)var(--size-96)minmax(var(--size-128),max-content);row-gap:var(--size-4);align-items:start;display:grid}.message--client .message__person-name{color:var(--clr-base)}.message--server .message__person-name{color:var(--clr-red)}.message__avatar{width:var(--size-40);height:var(--size-40);background:var(--clr-slate-2);border:2px solid var(--clr-slate-3);border-radius:50%;grid-column:1/2;justify-content:center;align-items:center;display:flex}.message__person-body{align-items:start;gap:var(--size-6);margin-bottom:var(--size-12);flex-direction:column;grid-column:2/4;display:flex}.message__person-name{font-size:var(--size-14);color:var(--clr-slate-9);font-weight:600}.message__text{color:var(--clr-slate-9)}.message__time{font-size:var(--size-12);color:var(--clr-slate-7);grid-column:2/3}.message__read-receipt{font-size:var(--size-12);color:var(--clr-slate-7);grid-column:3/4;justify-self:right}.inbox__input-area{background:var(--clr-slate-3);border-top:3px solid var(--clr-base);padding:var(--size-12)var(--size-20);height:25%;position:relative}.inbox__join{padding:var(--size-20);background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.inbox__join-inner{justify-content:center;align-items:center;gap:var(--size-24);flex-direction:column;height:100%;display:flex}.inbox__join-btn{font-size:var(--size-14);color:var(--clr-slate-1);background:var(--clr-base);border-radius:var(--rounded-m);padding:var(--size-12)var(--size-36);font-weight:500;transition:background .2s ease-in,color .2s ease-in}.inbox__join-btn:hover{background:var(--clr-shade-1)}.inbox__join-btn:active{background:var(--clr-base)}.inbox__join-notice{font-size:var(--size-14);color:var(--clr-slate-8)}.inbox__input-area-inner{grid-template-columns:var(--size-40)var(--size-40)1fr;grid-template-rows:1fr var(--size-56);column-gap:var(--size-6);align-items:center;height:100%;display:grid}.inbox__input-msg{font-family:inherit;font-size:var(--size-16);border:1px solid var(--clr-slate-5);border-radius:var(--rounded-s);resize:none;outline:none;grid-column:1/4;height:100%;overflow-x:auto;padding:var(--size-12)!important}.inbox__input-msg:focus{border-color:var(--clr-base)}.inbox__input-file-container{grid-column:1/2;align-self:end;position:relative}.inbox__create-order-btn{grid-column:2/3}.inbox__input-file-btn,.inbox__create-order-btn{width:var(--size-44);height:var(--size-44);border-radius:50%;justify-content:center;align-self:end;align-items:center;transition:background .1s ease-in;display:flex}.inbox__input-file-btn:hover,.inbox__create-order-btn:hover{color:var(--clr-slate-1);background:var(--clr-slate-6)}.inbox__input-file-btn:active,.inbox__create-order-btn:active{background:var(--clr-slate-5)}.inbox__input-file-remove-btn{width:var(--size-16);height:var(--size-16);background-color:var(--clr-red);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:-10px}.inbox__input-file-remove-btn-icon{stroke:var(--clr-slate-1);width:80%;height:80%}.inbox__send-msg-btn{background:var(--clr-base);color:var(--clr-slate-1);border-radius:var(--rounded-m);padding:var(--size-12)var(--size-56);grid-column:3/4;place-self:end right;transition:background-color 50ms ease-in}.inbox__send-msg-btn:hover{background:var(--clr-shade-1)}.inbox__send-msg-btn:active{background:var(--clr-base)}.dashboard__column-3{overflow:hidden}.inbox-options{background:var(--clr-slate-3);border-left:3px solid var(--clr-slate-9);padding:0 var(--size-20);height:100%}.inbox-options__head{justify-content:center;align-items:center;gap:var(--size-10);margin-bottom:var(--size-16);height:10%;display:flex}.inbox-options__info-btn,.inbox-options__orders-btn{width:40%;position:relative}.inbox-options__info-btn:after,.inbox-options__orders-btn:after{content:"";background:var(--clr-slate-6);cursor:pointer;width:80%;height:3px;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}.inbox-options__info-btn:hover:after,.inbox-options__orders-btn:hover:after,.inbox-options__btn--active:after{background:var(--clr-base)}.inbox-info{column-gap:var(--size-4);row-gap:var(--size-8);font-size:var(--size-14);color:var(--clr-slate-9);grid-template-columns:30% 1fr;display:grid}.inbox-info label{font-weight:500}.inbox-orders{column-gap:var(--size-4);row-gap:var(--size-12);font-size:var(--size-14);color:var(--clr-slate-9);grid-template-columns:35% 1fr;display:grid}.inbox-orders label{font-weight:500}.inbox-orders__order-status-form{justify-content:center;align-items:stretch;gap:var(--size-12);margin-top:var(--size-24);flex-direction:column;grid-column:1/3;display:flex}.inbox-orders__order-status-form select{padding:var(--size-6)var(--size-12)}.inbox-orders__order-status-form select:focus{border-color:var(--clr-base);outline:var(--clr-base)}.inbox-orders__change-order-status-btn{font-size:var(--size-14);color:var(--clr-slate-1);background:var(--clr-base);border-radius:var(--rounded-m);padding:var(--size-12)var(--size-24)}.inbox-orders__change-order-status-btn:hover{background:var(--clr-shade-1)}.inbox-orders__change-order-status-btn:active{background:var(--clr-base)}.dashboard__order-panel{background-color:var(--clr-slate-3);border-radius:var(--rounded-l);z-index:3;justify-content:center;align-items:center;width:96rem;height:55rem;display:flex;position:fixed;top:54%;left:50%;transform:translate(-50%,-50%)}.order-panel__inner{column-gap:var(--size-28);color:var(--clr-slate-9);padding:var(--size-48);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid;position:relative}.order-panel__input-text{height:var(--size-44);border-radius:var(--rounded-m);border:none;outline:none;width:100%}.order-panel__delivery-date{height:var(--size-44);border-radius:var(--rounded-m);padding:0 var(--size-12);cursor:pointer;border:none;outline:none}.order-panel__dropdown-container{gap:var(--size-12);flex-direction:column;align-items:start;display:flex}.order-panel__dropdown-label{font-size:var(--size-14);font-weight:600}.order-panel__dropdown{height:var(--size-40);border-radius:var(--rounded-m);padding:0 var(--size-6);border:none;outline:none}.order-panel__column-1,.order-panel__column-2,.order-panel__column-3{align-items:start;gap:var(--size-28);flex-direction:column;display:flex}.order-Panel__selection-container{align-items:start;gap:var(--size-16);flex-direction:column;width:100%;display:flex}.order-panel__selection-head{align-items:center;gap:var(--size-12);font-weight:600;display:flex}.order-panel__selection-head input[type=checkbox]{width:var(--size-16);height:var(--size-16)}.order-panel__selections{column-gap:var(--size-16);row-gap:var(--size-4);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.selections--grayed-out{opacity:.5;pointer-events:none}.column-3{grid-template-columns:repeat(3,1fr)}.order-panel__selection{font-size:var(--size-14);justify-content:space-between;align-items:center;width:100%;display:flex}.order-panel__selection input[type=checkbox]{width:var(--size-14);height:var(--size-14)}.order-panel__msg-output{height:var(--size-96);resize:none;font-size:var(--size-16);padding:var(--size-10);width:100%}.order-panel__buttons{align-items:center;gap:var(--size-12);width:100%;display:flex}.order-panel__buttons button{background-color:var(--clr-base);border-radius:var(--rounded-m);color:var(--clr-slate-1);padding:var(--size-12)var(--size-12)}.order-panel__buttons button:hover{background-color:var(--clr-shade-1)}.order-panel__buttons button:active{background-color:var(--clr-base)}.order-panel__close-btn{top:var(--size-12);right:var(--size-12);width:var(--size-36);height:var(--size-36);stroke:var(--clr-slate-9);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:stroke .1s ease-in,background-color .1s ease-in;display:flex;position:absolute}.order-panel__close-btn-icon{stroke:inherit}.order-panel__close-btn:hover{background-color:var(--clr-red);stroke:var(--clr-slate-1)}.order-panel__close-btn:active{background-color:var(--clr-red);stroke:var(--clr-slate-9)}.hidden{display:none!important}.btn--disabled{visibility:hidden}
/*# sourceMappingURL=index.cbea881c.css.map */