*{font-family:Poppins,sans-serif}body{margin:0}.container{display:grid;grid-template-columns:1fr 5fr}.btn-active{align-items:center;padding:4px 12px;gap:10px;width:80px;height:29px;background:rgba(22,192,152,.38);border:1px solid #00b087;border-radius:4px;font-weight:500;font-size:14px;line-height:21px;color:#008767;cursor:pointer}.btn-inactive{align-items:center;padding:4px 12px;gap:10px;width:80px;height:29px;background:#ffc5c5;border:1px solid #df0404;border-radius:4px;font-weight:500;font-size:14px;line-height:21px;color:#df0404;cursor:pointer}.sidebar{background:#fff;padding:37px 36px 70px 28px}.sidebar .logo{display:flex;flex-direction:row;align-items:center}.sidebar .logo img{max-width:37px;max-height:37px;margin-right:8px}.sidebar .logo h1{font-weight:600;font-size:26px;line-height:39px;letter-spacing:.01em;color:#000;margin-right:4px}.sidebar .logo h1 span{font-weight:500;font-size:10px;line-height:15px;letter-spacing:-.01em;color:#838383}.sidebar .menu{margin-top:64px;align-items:start}.sidebar .menu ul{padding-left:7px;list-style:none}.sidebar .menu ul :nth-child(1) a{background-image:url(../img/icons/dashboard.svg)}.sidebar .menu ul :nth-child(2) a{background-image:url(../img/icons/product.svg)}.sidebar .menu ul :nth-child(3) a{background-image:url(../img/icons/customers.svg)}.sidebar .menu ul :nth-child(4) a{background-image:url(../img/icons/income.svg)}.sidebar .menu ul :nth-child(5) a{background-image:url(../img/icons/promote.svg)}.sidebar .menu ul :nth-child(6) a{background-image:url(../img/icons/help.svg)}.sidebar .menu ul li{width:250px;height:46px}.sidebar .menu ul li :hover{background-color:#5932ea;border-radius:8px;color:#fff}.sidebar .menu ul li img{fill:#fff;border-color:#fff}.sidebar .menu ul a{display:flex;justify-content:space-between;background-repeat:no-repeat;background-position:11px 9px;padding:10px 12px 10px 44px;text-decoration:none;font-weight:500;font-size:14px;line-height:21px;letter-spacing:-.01em;color:#9197b3;cursor:pointer}.info{margin-top:597px;display:grid;grid-template-columns:42px 101px;grid-template-rows:21px 21px;grid-column-gap:12px}.info-photo{grid-column:1/1;grid-row:1/2}.info-name{grid-column:2/2;grid-row:1/1;font-weight:500;font-size:14px;line-height:21px;letter-spacing:.01em;color:#000;margin:0}.info-title{margin:0;grid-column:2/2;grid-row:2/2;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.01em;color:#757575}.btn-active{align-items:center;padding:4px 12px;gap:10px;width:80px;height:29px;background:rgba(22,192,152,.38);border:1px solid #00b087;border-radius:4px;font-weight:500;font-size:14px;line-height:21px;color:#008767;cursor:pointer}.btn-inactive{align-items:center;padding:4px 12px;gap:10px;width:80px;height:29px;background:#ffc5c5;border:1px solid #df0404;border-radius:4px;font-weight:500;font-size:14px;line-height:21px;color:#df0404;cursor:pointer}.product{background:#fafbff;display:flex;flex-direction:column;padding:41px 95px 10px 71px}.product h2{font-weight:500;font-size:24px;line-height:36px;color:#000}.product .table{background:#fff;box-shadow:0 10px 60px rgba(226,236,249,.5);border-radius:30px;display:flex;flex-direction:column;padding:30px 44px 41px 38px}.product .table-header{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr}.product .table-header .header-title{grid-column:1/1;grid-row:1/1;font-weight:600;font-size:22px;line-height:33px;letter-spacing:-.01em;color:#000}.product .table-header .header-subtitle{grid-column:1/1;grid-row:2/2;font-weight:400;font-size:14px;line-height:21px;letter-spacing:-.01em;color:#16c098}.product .table-header form{grid-column:3/3;grid-row:1/2;width:184px;margin-right:40px;position:relative}.product .table-header form button{height:26px;width:26px;position:absolute;border:none;top:7px;left:8px;background:rgba(0,0,0,0);cursor:pointer}.product .table-header form button::before{content:url(../img/icons/search.svg)}.product .table-header form input{border:none;padding-left:40px;outline:0;border-radius:10px;background:#f9fbff;width:100%;height:38px;font-weight:400;font-size:12px;line-height:18px;letter-spacing:-.01em;color:#b5b7c0}.product .table-info{margin-top:40px;margin-bottom:32px}.product .table-info thead tr :last-child{padding-left:13px}.product .table-info thead tr th{font-weight:500;font-size:14px;line-height:21px;color:#b5b7c0;text-align:left;border-bottom:1px solid #eee;padding-bottom:14px}.product .table-info tbody tr td{font-weight:500;font-size:14px;line-height:21px;color:#292d32;padding-top:24px;padding-bottom:24px;text-align:left;border-bottom:1px solid #eee}.product .table-info tbody tr td a{text-decoration:none;color:#292d32}.product .table-footer{display:grid;grid-template-columns:1fr 1fr}.product .table-footer .footer-pages{font-weight:500;font-size:14px;line-height:21px;color:#b5b7c0}.product .table-footer .pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;justify-self:end}.product .table-footer .pagination a{text-decoration:none;font-weight:500;font-size:12px;line-height:100%;color:#404b52}.product .table-footer .pagination .btn-pagination{background:#f5f5f5;border:1px solid #eee;border-radius:4px;width:26px;height:24px;cursor:pointer;text-decoration:none;font-weight:500;font-size:12px;line-height:100%;color:#404b52;padding:6px 5px}.product .table-footer .pagination :hover{background-color:#5932ea;border:1px solid #5932ea;color:#fff}.btn-active{align-items:center;padding:4px 12px;gap:10px;width:80px;height:29px;background:rgba(22,192,152,.38);border:1px solid #00b087;border-radius:4px;font-weight:500;font-size:14px;line-height:21px;color:#008767;cursor:pointer}.btn-inactive{align-items:center;padding:4px 12px;gap:10px;width:80px;height:29px;background:#ffc5c5;border:1px solid #df0404;border-radius:4px;font-weight:500;font-size:14px;line-height:21px;color:#df0404;cursor:pointer}@media(max-width:1200px){.sidebar{max-width:250px;padding:10px}.sidebar .logo h1{font-size:24px}.sidebar .info{margin-top:800px}.product{padding:20px}.product h2{font-size:22px}.product .table .header-title{font-size:20px}.product .table-info thead tr th{text-align:center;line-height:18px;font-size:12px}.product .table-info tbody tr td{line-height:18px;text-align:center;font-size:12px}}@media(max-width:991px){.sidebar{max-width:200px;padding:10px}.sidebar .logo img{width:34px;height:34px}.sidebar .logo h1{font-size:22px}.sidebar .menu_nav li a{display:grid;grid-template-columns:1fr 1fr;width:180px;font-size:14px;line-height:18px}.product .table{padding:20px}.product .table .header-title{font-size:16px;line-height:18px}.product .table .header-subtitle{font-size:12px;line-height:18px}.product .table-info tbody tr td .btn-active{width:60px;height:20px;font-size:12px;line-height:16px;padding:0 6px}.product .table-info tbody tr td .btn-inactive{width:60px;height:20px;font-size:12px;line-height:16px;padding:0 5px}.product .table-footer .footer-pages{font-size:12px;line-height:18px}.product .table-footer .pagination :nth-child(4){display:none}.product .table-footer .pagination :nth-child(5){display:none}}@media(max-width:576px){.container{grid-template-rows:1fr 5fr;grid-template-columns:none}.container .sidebar{display:grid;padding:10px;max-width:-moz-max-content;max-width:max-content}.container .sidebar .logo{grid-column:1/2;grid-row:1/1;display:inline-flex;max-width:-moz-max-content;max-width:max-content}.container .sidebar .logo img{width:28px;height:28px}.container .sidebar .logo h1{margin:5px;font-size:18px}.container .sidebar .menu{max-height:-moz-max-content;max-height:max-content;margin:0}.container .sidebar .menu ul{display:inline-flex;max-height:-moz-max-content;max-height:max-content;padding-left:0;margin:0}.container .sidebar .menu ul li{max-width:10px;padding:30px;max-height:-moz-max-content;max-height:max-content}.container .sidebar .menu ul li a{background-position:15px 9px;font-size:0;max-width:10px}.container .sidebar .menu ul li a img{display:none}.container .info{grid-column:1/2;grid-row:1/1;margin-top:0;margin-left:70%;max-height:-moz-max-content;max-height:max-content;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:flex-end}.container .info img{width:32px;height:32px}.container .product{padding:10px}.container .product h2{line-height:26px;font-size:18px}.container .product .table .header-title{font-size:16px}.container .product .table .header-subtitle{font-size:10px}.container .product .table-info thead tr th{text-align:center;line-height:14px;font-size:10px}.container .product .table-info tbody tr td{line-height:14px;text-align:center;font-size:10px}.container .product .table-footer .footer-pages{font-size:10px;line-height:14px}.container .product .table-footer .pagination .btn-pagination{font-size:10px;width:24px;height:22px}.container .product .table-footer .pagination :nth-child(4){display:none}.container .product .table-footer .pagination :nth-child(5){display:none}.container .product .table-footer .pagination :nth-child(7){display:none}}