body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4;height:100%}.container{display:flex;height:100vh;width:100%}.content-container{flex:1}.row{display:flex;margin-bottom:5px;flex-wrap:wrap;padding:15px;gap:20px}.row1,.row2,.row3{height:auto}.column{box-sizing:border-box;padding:5px;min-width:0}.main-column{flex:7}.side-column{flex:3}.sidebar-content{height:100%}.content1{color:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px}.content2{display:flex;flex-direction:column}@media (max-width: 500px){.main-column,.side-column{flex:1 0 100%}}.sidebar{width:60px;height:100vh;background-color:#312e2e;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0;box-shadow:2px 0 5px #0000001a;transition:width .3s}.top-icons{display:flex;flex-direction:column;align-items:center}.icon-container{position:relative;font-size:24px;color:#d5d2d2;margin-bottom:35px;cursor:pointer;transition:color .3s}.icon-container:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);height:0;width:2px;background-color:#007bff;transition:height .3s}.icon-container:hover .icon{color:#007bff}.icon-container:hover:before{height:100%}.bottom-icon{margin-bottom:20px}@media (max-width: 768px){.sidebar{width:50px}}.topbar{display:flex;justify-content:space-between;align-items:center;background-color:#312e2e;padding:10px 20px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.search-container{display:flex;align-items:center}.search-container input{padding:5px 10px;border:1px solid #ddd;border-radius:5px;margin-right:10px}.topbar-icons{display:flex;align-items:center}.topbar-icons i{font-size:20px;color:#efeded;margin-left:20px;cursor:pointer;transition:color .3s}.topbar-icons i:hover{color:#007bff}.profile-icon{display:flex;align-items:center}.profile-icon img{width:30px;height:30px;border-radius:50%;margin-left:10px}.card{border-radius:5px;background-color:#312e2e}.childcard1{display:flex;align-items:center}.childcard1 svg{font-size:15px}.value p{margin:0}.percentage{display:flex;align-items:center}.upward{color:green}.downward{color:red}.icon{width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:.8;font-size:15px}.orders-icon{background-color:#0a0ae994;color:#00f;border:2px solid blue}.delivery-icon{background-color:#67ec6779;color:green;border:2px solid green}.cancelled-icon{background-color:#f33d3d5c;color:red;border:2px solid red}.revenue-icon{background-color:#ffd7001a;color:gold;border:2px solid gold}@media (max-width: 500px){.card{padding:10px}.childcard1 svg{font-size:20px}}@media (max-width: 480px){.card{padding:5px}.childcard1 svg{font-size:15px}}.sidebar-content{display:flex;justify-content:space-between;background-color:#312e2e;border-radius:5px;box-shadow:0 2px 4px #0000001a}.childsidebar1{padding:6px;color:#fff;font-size:13px;font-weight:700;display:flex;flex-direction:column;justify-content:space-between}.circular-progress{width:100px;height:73px;display:flex;justify-content:center;align-items:center}.circular-progress-svg{transform:rotate(-90deg)}.circular-progress-background{fill:none;stroke:#e6e6e6}.circular-progress-bar{fill:none;stroke:#4caf50;stroke-linecap:round;transition:stroke-dashoffset .35s}.circular-progress-text{font-size:16px;fill:#fff;text-anchor:middle}.activity-chart-container{display:flex;flex-direction:column;background-color:#312e2e;border-radius:5px;overflow:hidden;height:80%;max-width:100%}.chart-body{flex:1;padding:5px}.chart-header{color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 10px}.transparent-button{background:transparent;border:none;color:#007bff;font-size:14px;cursor:pointer;display:flex;align-items:center}.transparent-button svg{margin-left:5px}.sidebar-content-container{width:100%;height:100%;display:flex;flex-direction:column;border-radius:5px;padding:15px;box-shadow:0 2px 4px #0000001a}.sidebar-item{display:flex;justify-content:space-between;align-items:center;border-radius:5px;margin-top:10px}.item-content{display:flex;align-items:center}.icon{margin-right:10px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;opacity:.4}.target-icon{color:#fff;background-color:red;border-color:red}.hamburger-icon{color:#fff;background-color:#00f;border-color:#00f}.dish-icon{color:#fff;background-color:red;border-color:red}.content-text{color:#f2eeee}.arrow-section{font-size:20px;color:#5c5c5d}.content{color:#fff;padding:10px;border-radius:8px;background-color:#312e2e}.recent-orders{width:100%;border-collapse:collapse}.recent-orders th,.recent-orders td{text-align:left;padding:4px}.recent-orders th{border-bottom:1px solid #555}.recent-orders td{border-bottom:1px solid #333}.customer-info{display:flex;align-items:center}.profile-pic{border-radius:50%;width:40px;height:40px;object-fit:cover}.status{border-radius:10px;color:#fff;text-align:center;width:100px;height:10px;opacity:.4;display:flex;justify-content:center;align-items:center;margin-left:5px}.status.delivered{background-color:green}.status.cancelled{background-color:red}.status.pending{background-color:orange}@media (max-width: 768px){.recent-orders th,.recent-orders td{padding:8px}.profile-pic{width:30px;height:30px}}@media (max-width: 480px){.recent-orders th,.recent-orders td{padding:6px}.profile-pic{width:25px;height:25px}}.feedback{width:100%;padding:10px;border-radius:8px;color:#fff;background-color:#312e2e}.feedback-card{font-size:11px;padding:2px;border-radius:8px}.feedback-card.border-bottom{border-bottom:1px solid #555}.customer-info{display:flex;align-items:center;margin-bottom:10px}.profile-pic{border-radius:50%;width:20px;height:20px;object-fit:cover;margin-right:10px}.feedback-card h4{margin:0}.rating{color:gold;margin-bottom:10px}body{background-color:#000}