Universal-billing-platform/style.css at main · Shubham-Jana-Dev/Universal-billing-platform · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
/* Using 'Inter' font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

/* Deep Dark Background for the whole body */
body {
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
    background-color: #0d1117;
    color: #c9d1d9; /* Light text */
}
.main-content {
    min-height: calc(100vh - 4rem);
}
.sidebar-link {
    transition: all 0.2s ease-in-out;
    border-radius: 0.75rem; /* rounded-xl */
}
/* Active link glow */
.sidebar-link.active-link {
    background-color: #2a3440;
    color: #4ade80; /* Neon Green/Emerald */
    box-shadow: 0 0 10px rgba(74, 222, 128, 0.5);
}

/* Input and Textarea Styling for Dark Mode with focus glow */
.dark-input {
    background-color: #161b22;
    border-color: #30363d;
    color: #c9d1d9;
    transition: all 0.2s;
}
.dark-input:focus {
    outline: none;
    border-color: #00e0ff; /* Cyan focus */
    box-shadow: 0 0 0 2px #00e0ff;
}

/* Gradient Button Style */
.gradient-button {
    background: linear-gradient(90deg, #6d28d9 0%, #06b6d4 100%); /* Violet to Cyan */
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.gradient-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.5);
}
.gradient-button:disabled {
    background: #4a5568;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Custom styles for print output (to show only the bill) */
@media print {
    body > *:not(.print-container) {
        display: none;
    }
    .print-container {
        display: block !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .bill-page {
        /* Styles needed for the printing pop-up window */
        width: 100%;
        max-width: 80mm;
        margin: 0 auto;
        padding: 10px;
        border: 1px solid #ccc;
        box-shadow: none !important;
        border: none !important;
        color: #000; /* Ensure black text for printing */
    }
    /* Styles copied from the inline print HTML template to ensure consistent print output */
    .bill-page { width: 100%; max-width: 80mm; margin: 0 auto; padding: 10px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
    .header { text-align: center; margin-bottom: 20px; border-bottom: 2px solid #1f2937; padding-bottom: 10px; }
    .header h1 { margin: 0; font-size: 18px; color: #1f2937; }
    .header p { margin: 2px 0; font-size: 12px; color: #4b5563; }
    .details { font-size: 13px; margin-bottom: 15px; }
    .details div { margin-bottom: 4px; }
    .details strong { width: 60px; display: inline-block; }
    table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
    th, td { border: 1px solid #e5e7eb; padding: 6px; text-align: left; font-size: 12px; }
    th { background-color: #f3f4f6; font-weight: 700; text-align: right; }
    .total-row td { text-align: right; font-size: 14px; font-weight: 700; background-color: #e0f2f1; color: #0d9488; }
    .footer { text-align: center; margin-top: 20px; font-size: 12px; border-top: 1px dashed #9ca3af; padding-top: 10px; }
}