@import "tailwindcss";*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#222722;font-family:Arial,sans-serif}main{min-height:100vh;display:flex}aside{width:250px;background:#1c211f;color:#fff;padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 45px}.brand i{font:24px Georgia;color:#d9b976;border:1px solid #d1ad68;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.brand b{letter-spacing:2.7px;font-size:15px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#d1c9ba;margin-top:3px}nav button{display:block;width:100%;background:none;border:0;border-radius:7px;color:#aab0aa;padding:14px;text-align:left;font-size:14px;margin-bottom:6px;cursor:pointer}nav button.on{background:#303633;color:white;box-shadow:inset 3px 0 #d1ab65}.saved{margin-top:auto;border-top:1px solid #343a36;padding:18px 8px 0;color:#a4aaa5;font-size:11px}.saved::first-letter{color:#c99c53}.content{flex:1;max-width:1450px;margin:auto;padding:46px 56px}header,.boxhead,.calhead{display:flex;justify-content:space-between;align-items:flex-start}header{margin-bottom:35px}.tag{font-size:10px;letter-spacing:1.6px;font-weight:bold;color:#a5793a;margin:0 0 8px}h1,h2{font-family:Georgia,serif;margin:0}h1{font-size:36px;letter-spacing:-1px}h2{font-size:22px}.lead{color:#767c77;font-size:14px;margin:9px 0}time{background:#eceae4;padding:10px 14px;border-radius:20px;font-size:12px;color:#69706a;text-transform:capitalize}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.card,.box,.calendar,.detail{background:white;border:1px solid #e8e6df;border-radius:12px;box-shadow:0 4px 16px #1c211f08}.card{padding:23px;min-height:136px}.card span,.calhead>div:last-child>small{font-size:10px;letter-spacing:1.3px;font-weight:bold;color:#747b75}.card strong{display:block;font:32px Georgia;margin:13px 0 7px}.card small,.calhead small{font-size:11px;color:#90958f}.card.dark{background:#262c28;color:#f4f0e6;border:0}.card.dark span{color:#d7c39d}.card.dark small{color:#c5c7c1}.grid{display:grid;grid-template-columns:.93fr 1.35fr;gap:22px}.box{padding:28px}.today{font-size:9px;color:#a5793a;border:1px solid #dac49e;padding:5px 8px;border-radius:4px;letter-spacing:1px}.goldtext{font:21px Georgia;color:#a5793a}label{display:block;font-size:12px;font-weight:bold;color:#505752;margin:17px 0}input{width:100%;display:block;margin-top:8px;border:1px solid #dddcd5;border-radius:6px;padding:13px;font-size:14px;outline-color:#b58d4d}.date{background:#f6f5f1;padding:13px;border-radius:6px;font-size:12px;color:#a5793a;margin:21px 0}.date span{margin-left:8px;color:#737a74}.date b{display:block;margin:4px 0 0 24px;color:#303632;font-size:12px}.primary{width:100%;border:0;border-radius:6px;background:#b58a48;color:white;padding:14px;font-weight:bold;cursor:pointer}ul{list-style:none;padding:0;margin:16px 0 0}li{display:flex;align-items:center;gap:12px;border-top:1px solid #efeee9;padding:13px 0}li i{background:#f6efe2;color:#b17b32;border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-style:normal}li div{flex:1}li b{font-size:13px;display:block}li small{font-size:11px;color:#939892;display:block;margin-top:3px}li strong{font-size:13px}.del{border:0;background:none;color:#919791;font-size:22px;cursor:pointer}.empty{text-align:center;color:#737972;padding:48px 10px}.empty>b{color:#bf985a;font-size:29px}.empty p{font-size:13px;margin:10px 0 3px}.empty small{font-size:11px}.calhead{margin-bottom:22px;align-items:center}.calhead>div:first-child{display:flex;gap:15px;align-items:center}.calhead button{border:1px solid #dbd9d1;background:white;border-radius:50%;width:33px;height:33px;cursor:pointer}.calhead h2{font-size:27px}.calhead em{font-style:normal;color:#939893;font-size:19px}.calhead>div:last-child{text-align:right}.calhead>div:last-child strong{display:block;font:27px Georgia;margin:5px 0}.calendargrid{display:grid;grid-template-columns:1fr 290px;gap:22px}.calendar{padding:20px}.week,.daygrid{display:grid;grid-template-columns:repeat(7,1fr)}.week b{text-align:center;font-size:10px;color:#999d97;padding:10px}.day{height:112px;border:1px solid #eeeDE7;background:white;text-align:left;padding:10px;cursor:pointer}.day:hover{background:#fbf8f1}.day>span{font-size:12px;color:#666c67}.day>b{display:block;font:17px Georgia;color:#a5793a;margin-top:21px}.day small{font-size:10px;color:#8a908a}.day.now>span{background:#29302b;color:white;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;margin-top:-3px}.day.sel{box-shadow:inset 0 0 0 2px #b58a48;background:#fcf8ee}.detail{padding:26px}.detail h2{text-transform:capitalize}.detailmoney{background:#29302b;color:white;padding:17px;border-radius:7px;margin:23px 0}.detailmoney span{font-size:10px;letter-spacing:1px;color:#cfcbbd}.detailmoney strong{font:27px Georgia;display:block;margin:6px 0}.detailmoney small{font-size:11px;color:#c7cac4}@media(max-width:850px){aside{width:70px;padding:20px 8px}.brand{padding:0 8px 30px}.brand div,.saved{display:none}nav button{text-align:center;font-size:0}nav button:first-letter{font-size:20px}.content{padding:32px 24px}.grid,.calendargrid{grid-template-columns:1fr}}@media(max-width:600px){main{display:block}aside{width:100%;height:68px;display:flex;flex-direction:row;align-items:center;padding:9px}.brand{padding:0;flex:1}.brand i{width:34px;height:34px}.content{padding:28px 16px}header{display:block}time{display:inline-block;margin-top:15px}.cards{grid-template-columns:1fr}.card{min-height:auto}.day{height:76px;padding:6px}.day>b{font-size:12px;margin-top:11px}.day small,.week b{font-size:8px}.calendar{padding:6px}.calhead>div:last-child{display:none}.calhead h2{font-size:20px}}